第一篇：計算機網頁制作試題3

單選題

1.網頁中有一個表格，要使表格與窗口同步放大及縮小，正確做法是（）。（A）必需設置背景圖像

（B）必需在表格的屬性面板中設置:寬和高的百分比設置成100%（C）必需在表格的屬性面板中設置:填充設置成100%（D）表格只能是一行一列

2.要為表格設置自由延伸效果，首先需要單擊文檔窗口左下角的（）標簽。（A）body（B）table（C）td（D）tr 3.在制作網站時，下面是Dreamweaver的工作范疇的是（）。（A）內容信息的搜集整理（B）美工圖像的制作（C）網頁的美工設計

（D）把所有有用的東西組合成網頁

4.在網頁中設置字號大小的標簽是？（）（A）〈BIG〉（B）〈FONT〉（C）〈P〉（D）〈OL〉

5.下述HTML標簽的解釋，哪個是正確的（）。（A）〈B〉和〈/B〉：加下劃線（B）〈P〉和〈/P〉：換行

（C）〈FONT〉和〈/FONT〉：設置字號大小（D）〈TABLE〉和〈/TABLE〉：表格標簽 6.制作無序號列表應該使用標簽（）。（A）〈UL〉和〈/UL〉（B）〈OL〉和〈/OL〉（C）〈ML〉和〈/ML〉（D）〈br〉

7.在文件面板中不能進行管理的功能是（）。（A）CSS樣式的建立（B）新建網頁（C）更改文件名（D）刪除文件

8.不屬于CSS選擇器的是（）。（A）對象選擇符

（B）超文本標記選擇符（C）ID選擇符（D）類選擇符

9.CSS樣式選擇器的類型有（）。（A）標簽、類、文本（B）類、標簽、圖像（C）類、標簽、高級（D）Flash、類、ID 10.下列不是CSS選擇器的是（）。（A）標簽選擇器（B）類別選擇器（C）ID選擇器（D）段落選擇器

11.CSS集體聲明樣式時，使用（）分隔。（A），（B）空格（C）；（D）：

12.在Dreamweaver中，下面關于復制和粘貼文本說法正確的是（）。（A）只能在HTML內進行復制與粘貼

（B）只能從外部文件復制到HTML文件內，不能從HTML文件中復制文本到外部文件（C）HTML文件和其他文件之間可以相互進行復制與粘貼（D）以上說法都錯

13.下面幾個實例可以通過層的應用來實現的是（）。（A）創建網頁上的動畫（B）制作各種動態導航效果（C）生成豐富的動態按鈕（D）交互游戲

14.Dreamweaver中的“行為”實際上是一些（）的程序。（A）HTML（B）CSS（C）JAVA（D）JavaScript 15.有關Flash對象，以下說法正確的是（）。（A）Flash文件（.fla）可以在Dreamwerver中打開

（B）在“插入Flash按鈕”對話框中，對按鈕文字的修改會在“范例”窗口中顯示出來（C）可通過“轉滾顏色”輸入框來設置鼠標滑過Flash文本對象的顏色變化（D）可在頁面屬性窗口中預覽Flash對象的播放效果

16.在Dreamweaver 8中，按（）鍵可以打開【資源】面板。（A）F12（B）Ctrl+F11（C）F11（D）Shift+F11 17.在Dreamweaver中，可以利用模板來創建網頁。一個模板文檔采用（）作為其文件擴展名。（A）.htm（B）.dwt（C）.dwm（D）.htt 18.有關模版的說法，以下正確的是（）。

（A）模版文件都存放在站點根目錄下的Library文件夾中（B）可通過“刪除可編輯區域”命令來刪除原有的可編輯區域（C）模版文件的擴展名是“.dwt”

（D）可通過“更新頁面”命令來將頁面和模版分離

19.在Dreamweaver中,在設置各分框架屬性時,參數Scroll是用來設置（）屬性的。（A）是否進行顏色設置（B）是否出現滾動條（C）是否設置邊框寬度（D）是否使用默認邊框寬度

20.下列哪個選項出現在Dreamweaver的框架集列表中（）。（A）左中右框架

（B）頂部和嵌套的左側框架（C）上方和左側及下方框架（D）上方和右側及下方框架

21.一個包含4個框架的框架組對應著（）個網頁文件。（A）3（B）4（C）5（D）6 22.下述關于框架的說法錯誤的是（）。（A）框架集允許嵌套定義

（B）框架文件實際上是某一個網頁文檔

（C）框架的作用是將瀏覽器的顯示空間分割為幾個部分獨立顯示網頁（D）子框架名稱必須和其對應的框架文件名稱相同 23.下列（）方法可實現無框表格。（A）將間距的值設置為0（B）將邊框的值設置為0（C）將間距的值設置為1（D）將邊框的值設置為1 24.在Dreamweaver MX中,下面關于排版表格屬性的說法錯誤的是（）。（A）可以設置寬度（B）可以設置高度

（C）可以設置表格的背景顏色：

（D）可以設置單元格之間的距離但是不能設置單元格內部的內容和單元格邊框之間的距離

25.在Dreamweaver中，表格的寬度可以被設置為100%,這意味著（）。（A）表格的寬度是固定不變的

（B）表格的寬度會隨著瀏覽器窗口大小的變化而自動調整（C）表格的高度是固定不變的

（D）表格的高度會隨著瀏覽器窗口大小的變化而自動調整

26.使用Dreamweaver設計網頁中的一個學生成績表格，下列不正確說法是（）。（A）可將Excel中的成績表復制到Dreamweaver中（B）可將Word中的成績表復制到Dreamweaver中（C）可將PowerPoint中的成績表復制到Dreamweaver中（D）只能用Dreamweaver制作表格，不能用復制的方法

27.如果要將網站中的所有網頁中包含的文字“IBM”替換為“聯想”，最簡單的方法是（）。（A）編程實現（B）逐個網頁修改

（C）使用DreamWeaver的“查找和替換”命令（D）外包給其他人做

28.下面關于絕對地址與相對地址的說法錯誤的是（）。

（A）在HTML文檔中插入圖像其實只是寫入一個圖像鏈接的地址，而不是真的把圖像插入到文檔中

（B）使用相對地址時，圖像的鏈接起點是此HTML文檔所在的文件夾（C）使用相對地址時，圖像的位置是相對于Web的根目錄（D）如果要經常進行改動，推薦使用絕對地址 29.下面哪種網站文件結構是不合理的？（）

（A）所有的網站文件都保存在一個站點根目錄下面（B）按照文件類型對網站文件進行分類管理（C）按照主題對網站文件進行分類管理

（D）對網站文件類型進行進一步的細分存儲管理 30.下述說法正確的是（）。

（A）站點的首頁文件，可以存放在站點根目錄下的某個子目錄中（B）DreamWaver的查找替換功能，可以用于更新鏈接中的URL（C）域名只要申請成功，今后就永遠屬于申請人（D）服務器托管是最經濟的信息發布方案

31在HTML語言中，〈body alink=#ff0000〉表示（）。（A）設置鏈接顏色為紅色

（B）設置訪問過鏈接顏色為紅色（C）設置單擊時鏈接顏色為紅色（D）設置鼠標上滾鏈接顏色為紅色

32.語句〈a name=“second”〉text〈/a〉的作用是（）。（A）設置超級鏈接，鏈接到second頁面上（B）設置一個書簽為second的標記（C）設置一個鏈接，指向second文件（D）設置第二個鏈接

33.建立超鏈接要在新窗口顯示需要加入的標簽標簽屬性為（）。（A）target（B）border（C）name（D）# 34.單擊（）會跳轉到當前頁面某個位置，卻不會打開新的網頁文件。（A）空鏈接（B）文本鏈接（C）錨記鏈接（D）E-mail鏈接

35下列路徑中屬于絕對路徑的是（）。（A）address.htm（B）staff/telephone.htm（C）http://中設定表格用到的標簽有_______。（A）〈table〉〈/table〉（B）〈td〉〈/td〉（C）〈p〉〈/p〉（D）〈tr〉〈/tr〉

46.關于框架集，以下法說正確的是________。

（A）使用預定義的框架集設置框架，各框架沒有名稱。

（B）使用預定義的框架集就不能再使用鼠標拖拽邊框方法再分割框架。（C）“查看-〉可視化助理-〉框架邊框”命令用于鼠標拖拽邊框分割框架。（D）使用框架面板可以快速選擇一個框架或框架集。

47.更新庫文件時，以下說法正確的是：（）（A）使用庫文件的網頁會自動更新（B）使用模板文件的網頁會自動更新（C）使用庫文件的網頁不會自動更新（D）使用模板文件的網頁不會自動更新

48.下面關于設置按鈕屬性的說法正確的是：（A）在設置屬性面板上的按鈕屬性有遞交屬性（B）在設置屬性面板上的按鈕屬性有重要屬性（C）可以用圖片來制作圖形按鈕（D）以上說法都不對

49.下列表示顏色代碼正確的是：_______。（A）〈font color=Purple〉。（B）〈font color=#HHHHHH〉。（C）〈font color=#A0A0A0〉。（D）〈font color=#FFFFFF〉。

50下述關于頁面中表格的有關設置，描述正確的是：

（A）將表格寬高均設為100%，意味著表格將填滿整個瀏覽器窗口

（B）如將最右側單元格高度設置為100%，則右側單元格會隨瀏覽器窗口發生伸縮（C）如要設置表格的縱向伸縮效果，只需要將最下一行單元格的高度設置為100%即可（D）如要設置表格的橫向伸縮效果，則必須對最右側單元格的寬度設置為100%

判斷題

51.具有“.fla”擴展名的Flash文件尚未在Flash中發布，不能導入到Dreamweaver中。

52.在Dreamweaver MX中，想要使用戶在點擊超鏈接時，彈出一個新的網頁窗口，需要在超鏈接中定義目標的屬性為_blank

53.網頁中的一個“行為”由一個“事件”或一個“動作”所組成。

54模板本身是一個文件，而庫是網頁中的一段HTML代碼，是網頁中的一個元素。

55.某頁面由上、中、下3個框架構成，則該頁面應由4個.html文件構成。

56.圖像只能作為網頁的內容而不可以作為網頁的背景。

57.將制作完成的信息發布到internet上，目前比較流行的做法有三種，即虛擬主機方案、服務器托管方案、DDN專線接入方案。

58.一共可設置4種情況下的文字超鏈接顏色

59.單元格插入圖片后可以再輸入文本。

60.標簽〈ul〉可以不成對出現。

填空題

61.若使用CSS樣式表將段落中的字體顏色設置為紅色，則將下面空白處的內容補充完整： 〈style type=“text/css”〉（_______）{ color:#FF0000;}

62.在HTML標簽語言中對于文本的大小，字體類型，顏色等屬性進行設計時，通常使用的標簽是（_______）。注：標簽符號“〈〉”不要加上。

63.在【頁面屬性】對話框中可以設置文本鏈接的4種狀態的顏色，這4種狀態分別是：鏈接顏色、（_______）、已訪問鏈接、活動鏈接。

64.在HTML語言中，〈body alink=#FF0000〉表示設置默認鏈接顏色為（_______）。

65.使用模板前，必須將其中的空白單元格設置為:（_______）。

66.HTML的全稱是（_______）。

67.（_______）是頁面元素的一種定位工具，在頁面瀏覽狀態下也可被鼠標任意拖動。

68.在（_______）模式下會比較容易選中表格，而不會使表格的尺寸容易受到破壞

69.Dreamweaver允許將一些頁面無素，如圖像、文本或其他對象存入庫中，這些入庫的元素稱為（_______）。

70.在框架面板上不可以設置的參數是（_______）。

題號：1 題號：2 題號：3 題號：4 題號：5 題號：6 題號：7 題號：8 題號：9 題號：10 題號：11 題號：12 題號：13 題號：14 題號：15 題號：16 題號：17 題號：18 題號：19 題號：20 題號：21 題號：22 題號：23 題號：24 題號：25 題號：26 題號：27 題號：28 題號：29 題號：30 題號：31 題號：32 題號：33 題號：34 題號：35 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 分值：1 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 答案：D 答案：D 答案：B

答案：A 答案：B

答案：C

答案：B

答案：A 答案：C

答案：C

答案：D 答案：B

答案：C

答案：D 答案：A 答案：A 答案：C

答案：A 答案：B

答案：D 答案：B

答案：A 答案：A 答案：A 答案：D 答案：D 答案：A

答案：A 答案：A 答案：A 答案：A 答案：A 答案：C

答案：D 答案：B

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

試卷：

題號：36 分值：1 得分：0 答案：C

試卷：

題號：37 分值：1 得分：0 答案：A

試卷：

題號：38 分值：1 得分：0 答案：B

試卷：

題號：39 分值：1 得分：0 答案：B

試卷：

題號：40 分值：1 得分：0 答案：D

試卷：

題號：41 分值：2 得分：0 答案：ABCD 試卷：

題號：42 分值：2 得分：0 答案：AD

試卷：

題號：43 分值：2 得分：0 答案：ABCD 試卷：

題號：44 分值：2 得分：0 答案：ABD 試卷：

題號：45 分值：2 題號：46 分值：2 題號：47 分值：2 題號：48 分值：2 題號：49 分值：2 題號：50 分值：2 題號：51 分值：2 題號：52 分值：2 題號：53 分值：2 題號：54 分值：2 題號：55 分值：2 題號：56 分值：2 題號：57 分值：2 題號：58 分值：2 題號：59 分值：2 題號：60 分值：2 題號：61 分值：2 題號：62 分值：2 題號：63 分值：2 答案: 變換圖像鏈接 試卷:

題號：64 分值：2 題號：65 分值：2 答案: 可編輯區域 試卷:

題號：66 分值：2 答案: 超文本標記語言 試卷: 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 得分：0 答案：ABD 試卷：

答案：CD

試卷：

答案：AD

試卷：

答案：ABC 試卷：

答案：ACD 試卷：

答案：ACD 試卷：

答案：T

試卷：

答案：T

試卷：

答案：F

試卷：

答案：T

試卷：

答案：T

試卷：

答案：F

試卷：

答案：T

試卷：

答案：T

試卷：

答案：F

試卷：

答案：F

試卷：

答案：P

試卷：

答案：font 試卷：

答案：紅色 試卷：

題號：67 分值：2 得分：0 答案：圖層 試卷：

題號：68 分值：2 得分：0 答案：擴展 試卷：

題號：69 分值：2 得分：0 答案：庫項目試卷：

題號：70 分值：2 得分：0

答案: 修改框背景顏色 試卷:

第二篇：網頁制作畢業論文

一 引 言

隨著Internet的誕生和發展，許多人不再僅僅局限于網上沖浪，而是參與到網站建設中。企業建站相當于在網上建立一個家，你就可以在這里向客戶介紹你的企業，展示你的實力，推銷你的產品，網頁制作作為網站制作中一個重要的環節，相對于傳統的平面設計而言，網頁設計具有更多的新穎性，更多可以表現的手法。結合本人的實習過程，現就網站建設與管理過程中，網頁設計與制作的具體經歷，包括：網頁設計與制作過程中的網頁布局、色彩構置，框架結構等相關事項做以下論述。

二 網站建設的流程

1.定義合適的域名。由域名構成的網址會像商標一樣，有助于將來塑造網上的形象。域名除了要符合公司的性質以及信息內容的特征外，還要具有簡潔、易記、具有沖擊力的特點。

2.租用虛擬服務器。有了域名后，就需要一個空間存放網站，這個空間就是Internet上的服務器。一般虛擬主機提供商都能向用戶提供大容量、高速度的服務器，用戶可根據網站的內容設置及其發展前景來選擇。

3.設計網頁。網頁的設計制作可以自己完成，也可以通過虛擬主機提供商或專業的網頁設計制作商來完成。設計網頁前要收集所有需要放在網站上的文本資料、圖片等，并盡量用文字詳細說明制作的框架結構，將收集的材料提供給網頁設計者。

4.ICP備案。網站備案的目的就是為了防止在網上從事非法的網站經營活動，打擊不良互聯網信息的傳播，如果網站不備案的話，很有可能被查處以后關停。ICP備案可以自主通過官方備案網站 http://www.tmdps.cn/sale/view.asp?Article ID=288 [4]許凌云，柳勇良.網頁設計全方位學習[M].北京：清華大學出版社，2008，11 [5]陳琳.photoshop cs3 入門實戰與提高[M].北京：電子工業出版社，2008，11 [6]焦慧.網頁制作基礎與典型范例[M].北京：電子工業出版社，2008，7 [7]戎馬工作室.Dreamweaver 8與asp動態網站開發[M].北京：機械工業出版社，2006，5 [8]戴一波.Dreamweaver CS3網站制作炫例精講[M].北京：電子工業出版社，2008，1 [9]何秀芳.網頁制作與網站建設課堂實錄[M].北京：人民郵電出版社.2009，3 [10]孫連三.新編網頁制作與網站建設入門與提高[M].北京：人民郵電出版社.2008，9 [11]鄧文淵.網頁制作高手FLASH 8[M].北京：人民郵電出版社，2007，6 [12]胡崧.超夢幻勁爆網頁[M].中國青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工廣告設計百煉成精[M].電子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]楊大勇，李金江.ASP網絡開發自學導航[M].北京：機械工業出版社，2007，6 [17]卓越科技.SQL SERVER數據庫開發培訓教程[M].北京：電子工業出版社，2009，4 [18]李曦琳.WEB導航設計[M].北京：電子工業出版社，2009，3 [19]力誠教育.ACCESS 2007完全自學手冊[M].成都：四川出版集團，2009，3 [20]叢書編委會.ASP動態網頁編輯[M].北京：清華大學出版社，2006，10 [21]陳剛.商業網站開發從入門到精通[M].科學出版社，2008，2 8

致 謝

畢業論文如期完成了，在此我要感謝在畢業設計期間給予我幫助的許多人。首先，我要特別感謝的是我敬愛的指導老師王琛老師。因為是他為我提供了一個良好的環境，才使我很好的完成了畢業設計。在設計期間他也給與我無私的幫助。在此表示深深的謝意。

正是他的付出，使我找到并改正了許多看起來很明顯的錯誤和不嚴謹的論述。在畢業設計的過程中是愉快的，我很感謝與我設計有幫助的每一個人，是他們的存在，讓我感到了畢業設計的過程中的快樂，使我融入到了團隊工作中，感受到了相互合作的樂趣。

我對所有人的耐心表示感謝，尤其是我的指導老師王琛老師。他仔細閱讀了我的論文和程序，并提出了許多寶貴的意見和建議。感謝他能在忙碌的工作中抽時間指導我。我在與他通過電話和電子郵件的聯系中很好的把握住了設計的進度，使設計得以順利完成。

最后，當然不能忘記幫助過我的老師和同學。寫論文通常是一項非常枯燥的工作，但幸運的是他們使這項工作變成了一種樂趣。還有默默無聞幫過我的朋友，也在此表示對你們誠摯的感謝。

第三篇：網頁制作論文

網頁制作論文

簡介

網頁制作是網站策劃師、網絡程序員、網頁設計師等崗位，應用各種網絡程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，并包含域名注冊和主機托管等服務的總稱。其作用為展現公司形象，加強客戶服務，完善網絡業務。網頁制作是企業開展電子商務的基礎設施和信息平臺，是INTERNET上宣傳和反映企業形象和文化的重要窗口。新競爭力也認為注重網站的網絡營銷價值而不是外在表現。網頁制作是指使用標識語言，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，瀏覽。

網頁制作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來。

目錄

1.網頁制作的兩種設計模式 2.網頁制作常用工具 3.flash 3.1flash簡介 3.2flash動畫的特點 3.3flash動畫的前景 3.4flash在網頁中的應用 3.5flash制作流程 4.fireworks

4.1fireworks簡介

4.2fireworks在網頁中的應用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻

正文

1.網頁制作的兩種設計模式

從前一般網頁都使用表格進行排版設計，這樣作的優點在于設計制作速度快，尤其在可視化網頁編輯器，如Microsoft FrontPage中，這樣設計顯得直觀而方便，然而這讓越來越復雜的版面需要許多不斷嵌套的表格設計，致使網頁代碼變得冗長復雜，使文件體積增大，且不容易被搜索引擎查找。同時，這樣做也不利于大型網站的改版工作。

于是隨著主流網頁瀏覽器對CSS的支援度提高，近年來興起了一種新的網頁設計模式。被業界稱為“網頁重構”的革命，其核心在于分隔網頁的風格和內容，指標記語言(如HTML,XML)負責定義頁面的內容，但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面，新的模式提倡使用由CSS定義的DIV進行頁面排版，而將表格還原為排列數據的最初功能。這種模式有很多好處，例如可以協助搜尋引擎查找網頁的情況，減小文件提及提高瀏覽速度，且由于一個CSS檔案可以控制多個頁面，這也給改版帶來了很大方便。

由于W3C是該模式極力的倡導者，于是業界鑒定網頁是否符合W3C標準，就可以在W3C網站自動檢測該網站的情況。

這種模式也有缺點，其中一個弱點就是，在不同瀏覽器出來的效果會有分別，但這種情況主要是由于微軟的Internet Explorer對CSS文檔的支持有眾多缺陷造成的。另一方面，開始設計CSS時，并不能清楚看到目標，因此顯得不直觀。

網頁實際是一個文件，他存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址后，經過一段復雜而又快速的程序，網頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網頁的內容，再展示到你的眼前。

2.網頁制作常用工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具。Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

2、Frontpage 跟dreamweaver一樣，不過還是dreamweaver好。

3、FLASH 網頁需要畫面流動時的首選擇

4、PS圖象處理軟件，一般網頁都需要有圖片相搭配，PS是款很強大的工具。

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對網頁的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好。可以用此系列對網站的美工特效進行進一步的修飾美化和優化。

3.flash 3.1flash簡介

Flash最早出現并興起于網絡，是網絡多媒體動畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。其運用范圍覆蓋諸多領域如電視廣告、網絡廣告、游戲、演示動畫、課件、網頁、手機動畫等新興媒體。現在由于網絡帶寬的不斷提高，Flash動態網頁以其具備的聲音、動態圖像等多媒體優勢，相信在不遠的將來能夠完全替代靜態（HTML）網頁。

3.2flash動畫的特點

（一）Flash動畫受網絡資源的制約一般比較短小，利用Flash制作的動畫是矢量的，無論把它放大多少倍都不會失真。

（二）Flash動畫具有交互性優勢，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動作成為動畫的一部分。用戶可以通過點擊、選擇等動作，決定動畫的運行過程和結果，這一點是傳統動畫所無法比擬的。

（三）Flash動畫可以放在網上供人欣賞和下載，由于使用的是矢量圖技術，具有檔小、傳輸速度快、播放采用流式技術的特點，因此動畫是邊下載邊播放，如果速度控制得好，則根本感覺不到檔的下載過程。所以Flash動畫在網上被廣泛傳播。

（四）Flash動畫有嶄新的視覺效果，比傳統的動畫更加輕易與靈巧，更加“酷”。不可否認，它已經成為一種新時代的藝術表現形式。

（五）Flash動畫制作的成本非常低，使用Flash制作的動畫能夠大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。

（六）Flash動畫在制作完成后，可以把生成的檔設置成帶保護的格式，這樣維護了設計者的版權利益。

3.3flash動畫的前景

現在的Flash平臺包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及應用于通信行業的Breeze 5等；未來即將推出的產品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶端工具，以及Flex等企業端工具等。這些工具將滿足設計和開發人員跨越各種開放的和專有的平臺，包括從桌面到移動設備，提供更豐富的網絡內容和互聯網應用，企業也能夠通過Flash應用獲得更大的受益。

（一）網絡視頻鐘情Flash 面對全球超過100萬的Flash開發者的期望，Macromedia也不斷開發新的領域。而用戶對視頻應用的垂青，刺激著Macromedia推出新的工具。在上千開發者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網絡視頻最佳選擇的地位

（二）Flex 2產品線和Flash Player 8.5出手不凡

Macromedia Flex 2產品線和Macromedia Flash Player 8.5是本次發布會的重頭戲。新產品涵蓋RIA的全部應用場景，從電子商務產品配置，到需要與實時數據集成的可視交易應用。

Flash Player目前在全球6億多個桌面和移動設備上安裝,估計新版本在12個月內將被80%的聯網計算機下載。Flash Player 8.5在Flash Player 8的基礎上增加了適合行業使用的編程功能，并構建了先進的跨平臺運行時環境。它備有一個新的虛擬機，可以提供更高的運行性能、全面的運行錯誤報告、增強型調試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規范，能夠更易于查找及解決問題，從而提高開發人員的工作效率。

3.4flash在網頁中的應用

在網絡高速發展的今天,越來越多的人們已經不再滿意圖文并茂的靜態網頁格式,動態網頁應運而生,但是一般的動態圖片和網站的背景音樂應用并不合拍.什么時候可以把多媒體應用在網站上呢 Flash正是在這一網絡發展的大背景下應運而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當時的網絡大背景,Flash在出道之時并沒有得到計算機行業應有的重視,Flash真正的火爆是從Flash3.0版本開始的,到了1999年6月發布的Flash4.0版本,其制作的動畫開始大量的在網上傳播,已經逐漸成為了網頁交互多媒體動畫設計軟件的標準.現在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網頁標準.它改變了以往靜態的,枯燥的,網頁形式,利用它短小精悍的文件體積和插件,利用它簡單易學的操作方式,利用它的“流”式播放形式豐富我們的網絡生活.試想,如果它真的超過HTML成為未來的網頁設計軟件的主流,那也將是網絡的一場革命,也是網絡生活的福音.3.5flash制作流程

（1）建立一個新的場景

依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。

（1）

（2）重新命名場景和涂層名稱

依次選擇“窗口”、“設計面板”、“場景”命令，在彈出的場景面板中雙擊默認場景名稱，改為“跳動的小球”。然后重新命名涂層名稱，雙擊默認涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺下方，拖動鼠標畫一條直線表示地面。

（2）

（3）插入水平線結束幀

單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。

（3）（4）插入跳動的小球涂層，畫小球的初始狀態

雙擊默認的涂層名，改為跳動的小球涂層，此圖層處于激活狀態。設置填充色為黑色，在第一幀的舞臺上方，畫一個小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動的小球層第二幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在第二幀中復制第一幀的圖形；拖動小球向下移動一個距離，表示球在下落。

（5）

（6）制作下落動作的變化

重復上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據可實現的變形方式箭頭右下方的小圖形會有所變化；單擊小球，小球周圍出現8個黑色句柄框；把鼠標指針移動到4個中間句柄處，拖動鼠標，把圓球編程橢球形。

（7）

（8）多次重復上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫面。參照第9步，制作小球被壓扁后又彈起的畫面。重復上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡介

Fireworks是Macromedia公司發布的一款專為網絡圖形設計的圖形編輯軟件，它大大簡化了網絡圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態按鈕、動態翻轉圖等，因此，對于輔助網頁編輯來說，Fireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環境中創建和優化用于網頁的圖像并進行精確控制。Fireworks 業界領先的優化工具可幫助您在最佳圖像品質和最小壓縮大小之間達到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構成的集成工作流程可以讓您創建并優化圖像，同時又能避免由于進行 Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創建具有專業品質的網頁圖形和動畫，如變換圖像和彈出菜單等。

4.2fireworks在網頁中的應用

眾所周知，在網頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，Fireworks提供優化圖片的功能，即縮小圖片的KB，而且不影響畫面的質量（除非放大了與原圖對比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大（因為它是適合處理印刷品，要求比較清晰），最終還是要用Fireworks來處理一下。

在優化面板里有“導出jpg較高品質”，導出默認的80品質（可以用“2幅”畫面對比之前之后的大小）。

4.3fireworks的重要性

為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務和特色就是制作矢量圖為網頁服務,FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯系更為緊密,所以無論是網頁制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應用實踐過程中,我無時無刻不在感受她的卓越和便利。的確,網頁制作看重的是效果和速度,并不是你用的軟件專業與否,你用了多少個軟件作出的網頁,設計師作出的網頁是為了讓大家接受而不是顯示自己的本領,在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。

4.4fireworks制作流程

1.準備素材 如圖

2、因為這幅圖片是位圖，我們可以用魔術棒將電視機中間的畫面選取成選區

2.選擇菜單——將選取框轉換為路徑，得到電視畫面的輪廓路徑。當然，也可以用鋼筆工具勾勒

出

電

視

畫

面的路

徑

4.將選中區域填充成折疊漸變

顏色可以自己選擇：

5.用選取工具拖動漸變方向手柄，接近垂直或接近水平方向：

6.將調整手柄以初選中區域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些

7.依次選擇其他幀，拖動漸變調整手柄將其改變位置：柄以初選中區域 并在幀屬性幀命令：

最后保存 導出gif圖片 即可完成。

1.在Fireworks中打開一個新的畫布，調整畫布大小，選擇工具欄中的文本工具，輸入第一個數字，并設置好文字的字體、像素大小等樣式

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因為數字0-9 一共是十個

3.然后選擇每一幀，并修改畫布中的相應數字。

4.幀面板中右手邊顯示的是默認的幀延時值7毫秒，即7/100秒的速度。如果速度過快 可以修改值 選擇頂部幀，按住Shift鍵，點擊底部的最后一幀，全選這些幀，在幀延時值處雙擊，在顯示的對話框中設置一個更高的值。更高值將減慢動畫的播放速度。5.最后一步，打開優化面板，設置導出文件格式為“Gif動畫”，如圖：

6.也可以在幀面板的底部設置Gif動畫循環，默認為“永久”選項

7.畫布顏色可以隨意更改 再按f12 預覽就可以了，最后導出文件

5.參考文獻

[1]劉宇.Flash短片輕松學中國大陸.電子工業出版社，2009-01.[2]章精設，胡登濤.Flash Action Script 3.0從入門到精通.清華大學出版設，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學出版社，2006-03

第四篇：網頁制作心得

科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。

首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而網頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁，就是指一個可以瀏覽內容并且可以使用ｉｅ瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上，聽說網頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx XX很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，可是心有不甘，每天上網看著那樣多的網頁，于是我才下定決心選擇了網頁制作這一門課程，目的就是希望以后能夠做出一個完美的網頁來。

“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網頁制作這一門課程進行的很順利，學習了dreamweaver mx XX對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網頁來，且內存不能超過３ｍ，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網頁才是剛剛起步，根基不穩，怎么能夠做出這樣的網頁呢？而我對dreamweaver mx XX它也不是很熟悉，心里真是很擔憂。

在這最后的時間里，我仔細掂量了一番，網頁制作給我的結論是：要想制作一個能夠像網上的那樣，還得需要經過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網頁知識如功能、概念的理解，原來要做出一個簡單可行的網頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網頁制作心得（2）：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

一、準備資料和挑選網頁設計的合適工具

俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。

另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站

主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度

網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設計技巧

由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！

第五篇：網頁制作教學計劃

城陽職專 2011——2012 學第 二 學期

教 師 教 學 計 劃

專 業： 計算機網絡 學 科： 網頁制作 任 教 班 級： 11網絡1、2 是 否 結 業： 是 教 師： 吳文杰 組 長 簽 字： 級部主任簽字： 教導主任簽字： 二○一二 年 二 月 六 日

新學期開始，本學期我將擔任11級計算機網絡班《網頁制作》的教學，為了有效地培養學生學習網頁制作課程的興趣，使學生逐步具備利用所學知識進行網頁制作的能力，以適應信息社會的學習、工作和生活的需要；為了規范教學，我特制訂教學計劃如下：

一、教學指導思想：

本學期我將認真做好所教課程的各項工作。認真學習中職計算機學科的教學大綱和網頁制作的相關教材，明確教學任務和教材體系，力爭“教書”與“育人” 貫穿始終。全面貫徹教育部關于中職教育的大政方針，努力探索計算機教學規律，在激發和培養學生的學習興趣，養成良好的學習習慣，提高動手能力的同時，著力培養學生樹立正確的榮辱觀和人生觀，積極推進素質教育。在教學中要充分利用計算機來培養學生的信息素養，有效地提高教育教學水平。促進學生創新精神和實踐能力的培養，充分考慮學生的發展需要，強調學生自主學習，發揮教師的主導作用，學生主體作用，以學生個體發展為目標，不斷提高教育教學質量。

二、學生情況分析：

上學期學生已經初步學習了部分課程，對此可能有了一定的了解，但是中職學生整體素質層次不齊，絕大多數學生學習目標明確，但也有少數學生對微機在當前和末來社會中作用認識不夠。雖然有基礎但是通過一個假期之后，很多知識需要鞏固。但總體來看本課程學生們的學習興趣還是很好的。

三、教材分析

我們選用的是電子工業出版社出版的《網頁制作》第二版教材。本教材的編寫打破了傳統的學科體系，以項目為中心，一個個小任務為實例，以范例網站的建設為主線，不強求理論體系的完整性，以夠用為度，以是否實用為標準。整個項目統籌考慮實訓的設計，循序漸進，逐步完善，著重培養學生獨立思考問題和主動解決問題的能力，力求在學習的過程中積累實際工作的經驗，從而突出職業技術教育的特色。

本書共8章，前面已學習了前三章，本學期主要學習后五章。第四章打造企業留言板 本章的教學重點和難點是插入表單對象的基本方法及設置表單及表單對象屬性的方法。要求掌握表單、文本域、單選按鈕、列表／菜單、復選框、文本區域、隱藏域、按鈕、文件域、跳轉菜單、字段集、【檢查表單】行為、密碼驗證的方法等知識點。主要是通過完成企業留言板這一項目來學習的。通過總的項目來分析逐個小任務。最終完成知識點的學習。為了更好的使同學們掌握重難點，在教學中我會精講多練，讓學生案例分析，討論，最終上機操作，如：用戶注冊，163信箱等的制作。

第五章在Dreamweaver中美化頁面 本章教學重難點是添加、修改和刪除行為的方法及在網頁制作中應用行為的基本方法。要求學生掌握行為的概念、【行為】面板、常用事件、狀態欄文本、彈出式菜單、打開瀏覽器窗口、交換圖像、控制Shockwave或

Flash、彈出信息、拖動層等知識點。主要是通過逐個任務來完成教學的。首先教師演示教學案例。通過PPT課件講授基本知識。然后通過讓學生自己動手重新制作教學案例來鞏固基本知識。最終通過實訓讓學生進一步熟悉所學知識點。

第六章站點的發布 本章教學重難點是在IIS中配置FTP服務器的方法及通過Dreamweaver發布網頁的方法和在模板中插入模板對象的方法。要求學生掌握安裝IIS服務器、配置Web服務器、配置FTP服務器、發布網頁、檢查鏈接、改變鏈接、查找和替換、清理文檔、保持同步等知識點。本章主要通過教師實例演示，學生動手操作來完成教學任務的。為了讓學生更加熟練操作，教師主要通過多個實例操作練習的方法來完成教學。

第七章CSS樣式的應用 本章教學重難點是創建和設置CSS樣式的方法及附加樣式表的方法。要求學生掌握【CSS樣式】面板、CSS樣式的類別、定義CSS樣式的方法、CSS的【類型】等屬性對話框、3種選擇器各自的特點、創建超級鏈接的高級CSS樣式、設置單元格ID名稱和樣式、修改CSS樣式、刪除CSS樣式、應用CSS樣式、附加樣式表、重命名樣式等知識點。主要通過項目教學法來完成教學，項目的主要目的是讓學生掌握CSS樣式的基本知識。項目主要通過CSS樣式控制購物網頁的外觀，一方面要熟悉CSS樣式的基本使用方法，另一方面要了解購物網頁頁面的基本特點。本項目使用的網頁布局技術仍然是表格，另外還涉及文本、圖像等網頁元素。

第八章網頁制作綜合實例 本章重難點是使學生綜合運用所學知識點。要求學生掌握網站設計流程、設計網頁布局、各級網頁制作的方法及網站的推廣。本章主要是讓學生自主完成學習任務，以培養學生發現問題，分析問題，解決問題的能力。同時培養學生主動學習的意識。

四、教學措施

1.計算機是一個不斷發展的學科，也是一個日新月異的學科，不斷會有新的計算機技術出現，教師要在第一時間了解這些動態，然后學會交給學生。因為計算機在現實生活中的應用都是最新的技術，如果與現實脫節了，那么學生現在學到的計算機知識在現實中根本就用不上。所以需要教師有良好的計算機學習能力，為學生做好引導者。

2.采用項目教學法，任務驅動式，案例講解，實例討論等教學法圍繞“教務管理系統”組織教學內容，分解出一個個子任務分組學習，分組討論，充分調動學生的學習積極性，開發個人潛能。

3.學生自主完成學習任務，以培養學生發現問題，分析問題，解決問題的能力。同時培養學生主動學習的意識。

4.該課程理論性和實踐性均強，要求學生勤學多練，除掌握對網頁制作的操作外，還應要求學生做好flash與平面設計，并引導學生綜合運用。根據學生的學習情況制訂貼近學生生活的實踐操作以真正達到了學以致用的目的。

5.課后及時反思，撰寫反思日志，積極與學生溝通，了解學生學習掌握情況，對于存在的問題及時發現糾正，對于好的經驗方法進行總結創新。

6.制定激勵措施，引發學生的創新積極性。對于對計算機有興趣和獨到見解的學生，可以成立興趣小組，有老師帶隊，做一些新的項目和開發研究。制定一套合理的獎勵機制，對于學生的創新成果給予一定的肯定和獎勵，激發學生的創新熱情，讓學生覺得自己創新是有人欣賞，是有價值的，從而以更積極的態度投入到新的創新中。

總之，計算機在教育中的地位越來越重要，我們需要投入更多的精力來對計算機教育進行創新和研究。對于本課程的教學已遠遠不止于此。除了因人而異、因材施教以外，更要博覽群書、拓寬視野，努力尋求新的切入點,使理論教學和實際應用更好更緊密的結合起來,培養出更多適應信息化社會的實用型和復合型人才。

五、教學進度：(附表)