1、【精品文檔】如有侵權，請聯系網站刪除，僅供學習與交流網頁設計與制作-實訓指導書.精品文檔.目 錄實訓1 站點創建實訓2 搜集素材實訓3 用表格設計主頁布局實訓4 在主頁制作中插入文本操作實訓5 在主頁制作中插入圖像操作實訓6 在主頁制作中超級鏈接的設置實訓7 制作動感網頁實訓8 表單制作實訓9 CSS樣式表的使用實訓10 JavaScript技術實訓11 應用行為實訓12 利用框架制作“公司簡介”網頁實訓13 利用布局表格制作“新書推介”網頁實訓14 模板和庫的使用實訓15 利用層的布局制作“技術支持”網頁實訓16 網頁設計與網站管理實訓17網站開發綜合實訓實訓1 站點創建實訓目的為了讓學生能

2、熟練掌握創建站點的方法，掌握設置網頁的頁面屬性，掌握創建網站目錄結構、欄目文件夾、網頁文件的基本操作方法。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材。實訓課時2學時實訓內容創建站點：創建網站目錄結構：創建欄目文件夾：創建網頁文件：掌握設置網頁的頁面屬性實訓要求要求學生能掌握如何創建站點，正確創建網站目錄結構

3、及欄目文件夾，創建主頁文件index.htm,并正確命名，掌握設置網頁的頁面屬性的方法。實訓步驟1、在E盤中新建本地根文件夾，命名為bookman，并在該文件夾中新建image文件夾以存放網站中所要用到的圖片。2、定義站點：設置 站點名稱，命名為 博客人;設置本地根文件夾,指定為E盤下的bookman文件夾;設置 HTTP地址為localhost。3、創建網站目錄結構及欄目文件夾(如下圖): bookmancssHtmlimagesmediaMYbusinessVisitorcompanyExampleProductalbumcoverdanghangImage-mapphotoqiegeim

4、agemangerzhangdanahuce4、E盤下的bookman文件夾創建主頁文件index.htm5、設置網頁的頁面屬性。實訓過程注意事項1、在創建站點的過程中注意建立本地文件夾，文件夾命名最好為英文；網站中所有的文件最好取名為英文；注意文件的路徑；2、所有的圖片文件單獨放在image文件夾內。3、主頁文件命名index.htm。實訓思考網站中所有的文件最好取名為英文，為什么？書寫實訓報告要求寫出本次實訓的心得與體會實訓2 搜集素材實訓目的為了讓學生能熟練掌素材的搜集和制作方法，并學會把搜集到或制作好的素材正確命名，分門別類地存放在相應的文件夾中。實訓環境硬件環境：考核用機為奔騰以上兼

5、容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境： Fireworks MX Flash MX 特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖片素材。實訓課時2學時實訓內容1、利用Fireworks MX制作網站標志、圓角矩形及個性化的圖形。2、利用Fireworks MX編輯制作有特殊效果的圖。3、利用Flash MX制作主頁廣告條。實訓要求要求學生熟練掌握利用Fireworks MX 和Flash MX來制作個性化的圖形圖像素

6、材的方法及技巧。實訓步驟1、啟動Fireworks MX，選擇“文件”“新建”，設置好新建文檔的屬性。2、制作網站標志并正確命名，保存到相應的文件夾。3、繪制圓角矩形及個性化的圖形，保存到相應的文件夾。4、選擇“文件”“導入”，導入相應圖像，編輯設計特殊效果的圖像，保存到相應的文件夾。5、啟動Flash MX 制作主頁廣告條，并保存到相應的文件夾。實訓過程注意事項1、在制作過程中注意素材的命名要用英文名字。2、圖形圖像及動畫的保存格式在適合網頁要求。3、保存路徑要正確。實訓思考最適合網頁的圖形圖像及動畫的格式分別是什么？書寫實訓報告要求寫出圖形圖像及動畫實訓的心得與體會。實訓3 用表格設計主頁

7、布局實訓目的為了讓學生熟練掌握在Dreamweaver mx中插入表格，學會設置表格的各項屬性；并掌握如何在表格中插入文本、插入圖像的操作方法和步驟。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、插入表格，并選擇表格和單元格：2、設置單元格屬性：3、調整表格結構、

8、大小：4、格式化表格：5、表格中插入文本，表格中插入圖像：實訓要求要求學生掌握在Dreamweaver mx中如何插入表格、設置表格和單元格的格式；如何調整表格的結構大小；掌握表格中如何插入文字及圖像等操作。實訓步驟1、新建一個頁面，在頁面中插入一個6行7列的表格，并在其中輸入相應的文字；2、選擇表格利用“格式化表格”命令來對表格格式進行修改，使其更美觀；3、根據要求對部分單元格進行拆分或合并操作；4、設置文字的對齊方式，通過對邊框、填充和間距進行設置；5、保存文件，預覽文件效果；實訓過程注意事項1、插入表格時要注意：單元格的邊距和單元格的間距值的設置；2、表格邊框線精細為0像素的特殊用途；3

9、、插入的圖像必須放在站點文件夾下的image文件夾內；實訓思考1、如何拆分和合并單元格？2、如何設置表格的背景？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓4 在主頁制作中插入文本操作實訓目的為了讓學生能熟練掌握在Dreamweaver mx中如何輸入文本，調整設置文本的格式；如何插入特殊字符、文本列表、水平線、時間、注釋的方法。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweav

10、er MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、輸入文本：2、調整文本：3、插入特殊字符：4、插入文本列表：5、插入水平線：6、插入時間：7、插入注釋：8、設置文本格式：實訓要求要求學生掌握在Dreamweaver mx中輸入文本、設置文本格式、插入特殊字符、項目符號等操作。實訓步驟1、打開上次實訓所做的主頁面文件；2、輸入文本，調整文本的間距，設置文本的格式；通過“屬性”面板中的“格式”和“顏色”等參數，將文字設為標題格式，并改變其顏色；3、輸入一段不帶格式的文字，選擇“常用”工具欄上的“

11、文本”單選項目，利用換行按鈕對文本進行換行處理，實現分段的效果；4、插入特殊字符、項目符號、水平線、時間、注釋等內容；實訓過程注意事項1、在“編輯字體列表”對話框中選擇要添加的字體要一個個地添加進去，不能全部選取再添加；2、當輸入文本時要插入多個連續的空格，必須要“編輯”菜單下的“首選參數”中設置；3、換行的幾種方式：自行換行；按ENTER強行換行；按SHIFT+ENTER換行操作；實訓思考1、如何插入版權符號？2、如何插入特殊字符“￥”？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓5 在主頁制作中插入圖像操作實訓目的為了讓學生熟練掌握在Dreamweav

12、er mx中插入圖像，學會設置圖像屬性；如何插入鼠標經過圖像、插入圖像占位符的方法，掌握圖文混排的技巧等操作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、插入圖像：2、設置圖像屬性：3、插入鼠標經過圖像：4、插入圖像占位符：5、圖文混排操作：實訓要求要求學生掌握

13、在Dreamweaver mx中如何插入圖像、設置圖像的格式；如何插入鼠標經過圖像、圖像占位符；掌握圖文混排等操作。實訓步驟1、打開上次實訓所做的主頁面文件；2、插入圖像，在屬性面板對圖像的格式進行設置；3、插入鼠標經過圖像、圖像占位符；4、將圖片和文字進行混合排版；5、保存文件，預覽文件效果；實訓過程注意事項1、插入的圖像必須放在站點文件夾下的image文件夾內；2、設置圖片的熱點區域可選任意的工具；實訓思考1、如何設置圖片超鏈接，鏈接到指定的頁面文件？2、如何設置圖片的熱點區域？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓6 在主頁制作中超級鏈接的設置

14、實訓目的為了讓學生掌握如何利用超級鏈接來制作頁面；掌握鏈接各種方式的制作方法與步驟。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、插入橫向導航條2、設置文本鏈接3、插入左置導航欄4、創建外部超級鏈接5、創建內部超級鏈接6、創建E-MAIL鏈接7、創建錨點鏈接8、創

15、建下載文件的鏈接9、創建空鏈接10、創建腳本鏈接實訓要求要求學生能利用鏈接來制作網頁；掌握鏈接幾種設置的方法和步驟。實訓步驟1、打開上次實訓所做的主頁面文件；2、選擇導航欄的相應文字；3、在屬性對話框鏈接欄中設置要鏈接的網頁。4、在main頁面中，分別以3段文本段落標題作為錨點，在頁面上部設置錨記鏈接；5、在左下部設置“友誼鏈接”到相關的網站，設置“聯系我們”的E-MAIL鏈接；創建“下載”到下載文件的鏈接；6、保存文件，預覽文件效果；實訓過程注意事項導航欄要注意分類，避免重復出現；錨點的名稱要注意不能重名。實訓思考1、錨點在同一個文件中是否可以重名？2、如何設置鏈接到指定的網站？書寫實訓報告

16、要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓7 制作動感網頁實訓目的為了讓學生掌握在網頁中如何插入FLASH動畫、按鈕、文本、視頻、音頻、JAVA APPLET 及ActiveX控件等內容，以便實現動感網頁的制作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材、動畫

17、素材。實訓課時2學時實訓內容1、插入FLASH動畫2、插入FLASH按鈕3、插入FLASH文本4、插入FLASH視頻5、插入音頻、視頻6、插入Java Applet7、插入ActiveX控件實訓要求要求學生掌握在網頁中插入動畫、按鈕、文本、視頻、音頻、Java Applet及ActiveX控件等內容，實現網頁的動畫效果。實訓步驟1、打開主頁，在頁面的頂端部分和中間部分分別插入FLASH，選擇要插入的FLASH動畫，網頁編輯窗口中會顯示一個FLASH電影圖標；2、在左側添加一個圖層，在層中插入如圖10所示的圖片和文字，在下面插入一個FLASH按鈕，在對話框中選擇需要的樣式，輸入所要顯示的文字，指

18、定按鈕的鏈接地址，將背景顏色設置與主頁中的背景色相同；3、將插入的按鈕復制并粘貼多個，分別更改其顯示的文本和鏈接的網頁，組成導航條；4、插入FLASH文本及Java Applet及ActiveX控件設置文本的各項屬性值；5、保存文件，預覽文件效果；實訓過程注意事項1、插入的FLASH文件必須將其復制到站點文件夾內；2、插入的按鈕必須要更改各個按鈕的存儲名稱，否則網頁中顯示的將是同一個按鈕；實訓思考1、如何設置按鈕的背景色與網頁中的背景色一致？2、在Fireworks中制作的圖形要在網頁中引用應如何操作？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓8 表單制

19、作實訓目的為了讓學生掌握如何創建表單網頁；了解各個表單對象屬性的設置；熟練掌握各個表單對象不同的使用范圍。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、插入表單2、插入表單對象：文本框、復選框、單選按鈕、按鈕、復框框、圖像域、密碼域、列表和菜單實訓要求要求學生能利

20、用表單來創建網頁；掌握設定表單的內容和表單對象；掌握設置各個表單對象的屬性值等內容。實訓步驟1、打開主頁頁面，按圖11所示，分別合并前兩行單元格和中間兩列單元格，在合并后的單元格內插入一個表單，為插入的表單命名為login；2、在表單中插入文字內容及對應的表單對象：文本框、復選框、單選按鈕、按鈕、復框框、圖像域、密碼域、列表和菜單3、設置各個表單對象的屬性值:將客戶姓名、E-MAIL、具體地址的文本域依次命名為name、email、address；字符寬度和最多字符數分別為12、12，24、24，30和30，類型都為單行文本域；4、最后一個文本域輸入框命名為jianyi，類型為多行文本域，字符

21、寬度和行數依次為50、8，文本域載入時顯示值為“請在此輸入你的建議”5、設置表單中的客戶姓名為必填項，E-MAIL為必填項且必為郵件地址；6、設置表單以郵件發送的方式發送到郵箱zzyan;7、保存文件，預覽文件效果；實訓過程注意事項1、在一個網頁中只能插入一個表單，但在一個網頁中可以有多個表單對象；2、各個表單對象注意在屬性面板中定義其名稱。實訓思考1、表單對象中的插入兩個單選按鈕，如何命名？2、如何設置密碼域？3、文本字段與文本區域如何轉換？4、如何設置檢查表單的行為？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓9 CSS樣式表的使用實訓目的為了讓學生了

22、解使用CSS樣式來美化網頁的方法，掌握創建CSS樣式的方法和步驟，以及利用CSS濾鏡來制作文字特效等操作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材、動畫素材。實訓課時2學時實訓內容1、CSS樣式的新建：2、CSS樣式的編輯與修改：3、CSS樣式的應用：4、利用CSS濾鏡來特效文字效果：

23、5、制作光暈字、陰影字、遮罩字、動感字實訓要求要求學生掌握CSS樣式的制作方法；掌握CSS樣式的應用與修改操作；了解利用CSS樣式來制作文字特效等操作。實訓步驟1、打開主頁頁面，在此頁面中創建CSS樣式：以css-01為名保存，設置字體為隸書，字號為16點數，顏色為CC66FF，帶下劃線。 2、對頁面中左、右兩部分文字分別設置空鏈接。使用CSS樣式：對左邊的鏈接文字套用此樣式。3、修改CSS樣式：對表格的框線、背景圖片、鏈接樣式等進行設置，并重新應用到所指定的部分；4、運用CSS濾鏡來制作文字特效：光暈字、陰影字、遮罩字、動感字的制作；5、保存頁面，預覽效果圖；實訓過程注意事項1、CSS樣式應

24、保存到網站站點目錄下；2、CSS樣式的名稱應注意不能同名；實訓思考1、如何利用CSS樣式來創建鏈接文本不顯示下劃線？2、如何將CSS樣式應用到另外的網站的網頁中？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓10 JavaScript技術實訓目的為了讓學生掌握在網頁中插入JavaScript腳本語言的方法，以制作各種具有動態效果的網頁。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamwe

25、aver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材、動畫素材。實實訓課時2學時實訓內容1、在網頁中加入跑馬燈特效2、制作實現網頁中自由飛翔的圖像效果3、制作圖片滑過效果4、顯示時間特效實訓要求要求學生掌握在網頁代碼視圖中插入JavaScript腳本語言的方法和步驟，利用不同的JavaScript腳本語言來制作網頁特效等操作。實訓步驟1、在主頁中加入跑馬燈特效：跑馬燈可以活躍主頁氣氛，向瀏覽者介紹此網頁的特色或者注意事項，例如：2、3、歡迎訪問博客人信息技術有限公司4、通過在之間放入這段代碼，就會在網頁中產生一個跑馬燈

26、的效果。5、制作實現網頁中自由飛翔的圖像效果：它主要是由函數function start()來實現的，其作用是每隔一段時間在不同的位置將圖片顯示一次，因為位置的改變是連續均勻的，所以在視覺上產生移動的效果。6、制作圖片滑過效果：瀏覽器載入網頁時，當鼠標移動圖片時顯示不同的圖片，鼠標移開時顯示原圖片。按本例中onmouseover 和onmouseout語句分別來指定鼠標移入和移出此圖片區域時顯示的不同的圖像文件，而用src指定頁面下載后初始的圖像文件。另外，cursor:hand指定鼠標光標移到圖片區域時的形狀為手形。7、顯示時間特效效果：調用JavaScript腳本語言來顯示當前的日期和星期

27、，并實現根據當前的時間顯示不同的問候語。8、保存頁面，預覽效果圖；實訓過程注意事項1、網頁特效制作中準備所需的圖片和鏈接頁面必須保存到站點文件夾內，以便調用；2、在JavaScript腳本語言中對變量名稱的定義要區分大小寫；實訓思考1、如何設置狀態欄中的跑馬燈效果？2、如何設置文字在狀態欄中以打字效果出現？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓11 應用行為實訓目的為了讓學生了解在Dreamweaver中使用行為來制作網頁的方法和技巧，利用行為來制作不需代碼來實現的網頁特效。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64

28、M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材、動畫素材。實訓課時2個課時實訓內容1、交換圖像；2、彈出信息；3、恢復交換圖像；4、播放聲音；5、調用JavaScript6、彈出式菜單實訓要求要求學生掌握在Dreamweaver中利用行為來制作網頁特效的方法和步驟，了解行為的使用與技巧。實訓步驟1、打開主頁頁面，在頁面中插入一張圖片，打開行為面板，選擇這張圖片，添加

29、一個行為“交換圖像”，打開一個對話框，在對話框中設置一張原始圖片，確定，這樣就添加了一個交換圖片的行為，事件為onmouseover;2、添加一個“彈出信息”的窗口，在對話框中輸入我們所要的文字“歡迎光臨我的班級網站”，事件為“onload”;3、添加一個“恢復交換圖像”的行為，設置原始圖片，事件為onmouseover;4、添加一個行為“播放聲音”，瀏覽找到聲音文件，事件為onmouseover;5、插入一個一行一列的表格，輸入文字“我的班級”，選擇此文字，添加一個彈出式菜單，在對話框中輸入菜單的內容及外觀；實訓過程注意事項1、設置交換圖像時首先得插入圖片，圖片必須保存在站點的image文件

30、夾內；2、播放聲音行為注意文件的格式及路徑；實訓思考1、要使播放聲音要點擊某個文字進行，應如何設置行為的事件？2、如何獲取更多的事件？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓12 利用框架制作“公司簡介”網頁實訓目的為了讓學生掌握如何創建框架；設定框架的內容和樣式；學會制作浮動的框架等操作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將

31、IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、創建框架2、設定框架內容和樣式，保存框架3、設置無框架內容4、制作浮動框架實訓要求要求學生能利用框架來進行布局網頁，設定框架內容和樣式；設置框架的內容；制作可以浮動的框架。實訓步驟1、在新建文檔對話框的“框架集”類型中，選擇左側固定上方嵌套的框架模式，創建一個新的框架頁；2、插入圖片和按鈕，以及相關的文字內容；3、在屬性面板中設置文字和圖片的格式屬性；4、在左側列出導航鏈接，制作鏈接對應的子頁面，最終實現點擊左側框架的鏈接，右面的框架會跳轉到相應的子頁面；5、保存文件，一定要分別

32、保存框架的各個部分，每一部分為一個HTML文件，總的框架是一個HTML文件，預覽文件效果；實訓過程注意事項1、插入的圖像必須放在站點文件夾下的image文件夾內；2、框架的保存分幾個部分；實訓思考1、框架的保存應注意有幾個文件要保存？2、如何設置框架中的鏈接？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓13 利用布局表格制作“新書推介”網頁實訓目的為了讓學生熟練掌握在Dreamweaver中繪制布局表格和單元格；學會設置布局表格的屬性；學會調整布局表格和布局單元格；掌握在布局表格中插入文本和圖像的方法。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于

33、 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、繪制布局表格和單元格，清除布局單元格高度：2、設置布局表格寬度：3、調整布局表格和布局單元格：4、布局表格中插入文本和圖像：實訓要求要求學生掌握在Dreamweaver中繪制布局表格和單元格；了解設置布局表格的操作；學會在布局表格中插入文本和圖像的技巧等操作。實訓步驟1、

34、新建一個頁面，切換至布局模式下，使用布局表格和繪制布局單元格來創建表格，制作一個國字型頁面版式；2、回到標準模式下，觀察表格，為每個表格添加背景顏色；3、在表格中添加文字，完成整個頁面的制作，4、保存文件，預覽文件效果；實訓過程注意事項1、插入的圖像必須放在站點文件夾下的image文件夾內；2、表格布局和布局表格的區別；實訓思考1、如何拆分和合并單元格？2、如何設置表格的背景？3、表格布局和布局表格異同點？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓14 模板和庫的使用實訓目的為了讓學生掌握如何利用模板和庫來制作網頁；掌握模板的創建與編輯；掌握創建可編輯區

35、域、可選區域、重復區域；掌握模板的保存與應用操作；了解如何創建庫項目及插入庫項目等操作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、創建模板2、定義可編輯區域3、定義可選區域4、定義重復區域5、設置可編輯標簽屬性6、應用模板7、調整模板8、創建庫9、插入庫10、

36、調整庫實訓要求要求學生能利用模板和庫來制作網頁；設置模板的可編輯區域、可選區域和重復區域；掌握庫的應用與編輯修改等操作。實訓步驟1、新建一個模板頁面，編輯模板頁面；2、在模板中插入可編輯區域并保存；3、新建一個基于模板的頁面，修改模板文件，所有基于此模板的頁面都會被修改；4、新建一個空白頁，套用上一實例中的模板；5、打開上一實例基于模板的頁面，選擇插入菜單中的模板對象，選擇創建嵌套模板，制作新的嵌套模板，加入第2個可編輯區域并保存，最終生成嵌套模板；6、制作一個包含圖像的網頁，選中圖像并拖動到庫中；7、新建一個空白文檔，從庫中將圖像拖到空白頁面中；8、打開庫項目，對其添加鏈接，保存庫文件，提示

37、更新相關頁面，打開包含被修改庫項目的頁面文檔，完成更新；9、保存文件，預覽文件效果；實訓過程注意事項1、插入的圖像必須放在站點文件夾下的image文件夾內；2、模板的保存注意擴展名。實訓思考1、如何套用模板到頁面？2、如何在模板中添加重復區域？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓15 利用層的布局制作“技術支持”網頁實訓目的為了讓學生掌握如何利用層來布局網頁，掌握層的插入，設置層的各項屬性，利用層與行為的應用來創建層動畫等操作。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ；

38、VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/2000/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材。實訓課時2學時實訓內容1、使用層排版2、設置層文本3、顯示隱藏層4、拖動層5、調整層的大小6、層的對齊實訓要求要求學生能利用層來進行布局網頁，了解層的屬性的設置，掌握在層中插入相關的圖片或文字，并掌握層與行為的綜合使用。實訓步驟1、新建一個頁面，在頁面中插入三個不同的層；2、在各個層中分別插入不同的圖片，并設置Layer1顯示屬性為可見, Layer2 、Laye

39、r3顯示屬性為隱藏性；3、利用層與行為來制作顯示與隱藏層動畫：選擇Layer1，添加一個“顯示隱藏層”行為，設置Layer1隱藏，Layer2 、Layer3顯示，事件改為onmouseover；利用同樣的道理，設置當事件為onmouseout時顯示Layer2 ，隱藏Layer1、 Layer3的行為。4、利用層與行為來制作拖動層動畫：新建一個層，在層中插入一張圖片，并調整圖片與層的大小。選擇層，添加一個“拖動層”行為，設置層移動的目標處，事件為onmouseover；5、調整頁面中所有層的大小，選擇對齊層命令來調整頁面中層的對齊方式。6、保存文件，預覽文件效果；實訓過程注意事項1、插入的圖

40、像必須放在站點文件夾下的image文件夾內；2、利用層與行為制作動畫首先應選中對應層。實訓思考1、行為由哪兩部分組成？2、如何設置行為中的事件更多？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓16 網頁設計與網站管理實訓目的為了讓學生了解網站進行優化處理操作的原理，了解網站的創意和布局，對網頁元素進行優化的過程和步驟，掌握網站域名申請的過程，了解網站發布的過程等內容。實訓環境硬件環境：考核用機為奔騰以上兼容機，內存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標器。操作系統：Windows95/98/me/20

41、00/XP軟件環境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進行WEB瀏覽素材準備準備制作網頁所需的文字素材、圖像素材、音樂素材、動畫素材。實訓課時2學時實訓內容1、網頁布局設計2、網頁中的文字設計3、網頁中的圖像應用4、圖文排版5、網頁導航條設計6、網頁廣告設計7、域名的設計與申請8、網站的發布實訓要求要求學生掌握整個網站的優化過程，了解網站各種版面的布局形式，掌握網頁色彩搭配的原則，了解網站發布的整個流程等操作。實訓步驟1、打開前面已做好網站的主頁面，根據網頁設計原則，對網頁不同元素：布局、文字、圖像、圖文排版、導航、廣告等方面進行優化設計，調整網頁效果；

42、2、推廣主頁的方法和思路：注冊各個搜索引擎；互換廣告；到BBS或網上論壇去發布自己網站的消息；友情鏈接登錄等方法可以推廣你網站的主頁，提高訪問量。3、域名的設計與申請：選擇申請主頁的網站去申請免費的空間；申請虛擬域名；注冊搜索引擎；4、網站的發布與上傳：5、登錄網站，預覽效果圖；實訓過程注意事項1、申請的虛擬域名原則上是容易識記，代表一定的含義；2、在選擇站點的時候要注意主頁空間的大小、速度、支持哪些網頁技術、是否支持FTP上傳或下載；實訓思考1、導航設計的原則是什么？2、網頁中廣告是越多越好嗎？書寫實訓報告要求1、根據調試結果，寫出調試分析報告2、寫出本次實訓的心得與體會實訓17網站開發綜合

43、實訓17.1實訓意義網頁設計與制作綜合實訓是教學過程中重要的實踐性教學環節。它是根據專業教學計劃的要求，在教師指導下對學生進行的網頁制作專業技能的訓練，培養學生綜合運用理論知識分析和解決實際問題的能力，實現由理論知識向操作技能的轉化，是對理論與實踐教學效果的檢驗，也是對學生綜合分析能力與獨立工作能力的培養過程。因此，加強實踐教學環節，搞好實訓教學，對實現本專業的培養目標，提高學生的綜合素有著重要的作用。17.2實訓目的1通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業技能。（1）掌握規劃網站的內容結構、目錄結構、鏈接結構的方法。（2）熟練掌握網頁制作軟件Dreamweaver MX的基本

44、操作和使用技能。（3）掌握頁面的整體控制和頭部內容設置的方法。（4）熟練掌握網頁頁面布局的各種方法。（5）熟練掌握在網頁中輸入、設置標題和正文文字的方法。（6）熟練掌握在網頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網頁制作方法。（9）掌握網頁特效的制作方法。（10）掌握網站測試的方法。2訓練和培養學生獲取信息和處理信息的能力，充分培養和提高學生的動手能力，學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網頁特效等。3培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及其基本工作素質。4培養學生理論聯系實際的工作作風、嚴肅認真的科學態度以及獨立工作的能力，樹立自信心。5訓練和培養團隊協作精神和共同開發網站的綜合能力。17.3實訓要求1動手制作網頁之前，必須認真做好網站的需求分析，策劃好