《網(wǎng)頁設(shè)計(jì)與制作》-實(shí)訓(xùn)指導(dǎo)書

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

2、熟練掌握創(chuàng)建站點(diǎn)的方法，掌握設(shè)置網(wǎng)頁的頁面屬性，掌握創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)、欄目文件夾、網(wǎng)頁文件的基本操作方法。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標(biāo)器。操作系統(tǒng)：Windows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行WEB瀏覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁所需的文字素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容創(chuàng)建站點(diǎn)：創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)：創(chuàng)建欄目文件夾：創(chuàng)建網(wǎng)頁文件：掌握設(shè)置網(wǎng)頁的頁面屬性實(shí)訓(xùn)要求要求學(xué)生能掌握如何創(chuàng)建站點(diǎn)，正確創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)

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

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

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

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

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

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

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

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

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

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

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

14、實(shí)訓(xùn)目的為了讓學(xué)生掌握如何利用超級鏈接來制作頁面；掌握鏈接各種方式的制作方法與步驟。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于 32M ，最好 64M 或 128M ；硬盤不小于 500M ； VGA 彩顯，帶鼠標(biāo)器。操作系統(tǒng)：Windows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行WEB瀏覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁所需的文字素材、圖像素材、音樂素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、插入橫向?qū)Ш綏l2、設(shè)置文本鏈接3、插入左置導(dǎo)航欄4、創(chuàng)建外部超級鏈接5、創(chuàng)建內(nèi)部超級鏈接6、創(chuàng)建E-MAIL鏈接7、創(chuàng)建錨點(diǎn)鏈接8、創(chuàng)

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

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

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

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

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

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

21、寬度和行數(shù)依次為50、8，文本域載入時(shí)顯示值為“請?jiān)诖溯斎肽愕慕ㄗh”5、設(shè)置表單中的客戶姓名為必填項(xiàng)，E-MAIL為必填項(xiàng)且必為郵件地址；6、設(shè)置表單以郵件發(fā)送的方式發(fā)送到郵箱zzyan;7、保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過程注意事項(xiàng)1、在一個(gè)網(wǎng)頁中只能插入一個(gè)表單，但在一個(gè)網(wǎng)頁中可以有多個(gè)表單對象；2、各個(gè)表單對象注意在屬性面板中定義其名稱。實(shí)訓(xùn)思考1、表單對象中的插入兩個(gè)單選按鈕，如何命名？2、如何設(shè)置密碼域？3、文本字段與文本區(qū)域如何轉(zhuǎn)換？4、如何設(shè)置檢查表單的行為？書寫實(shí)訓(xùn)報(bào)告要求1、根據(jù)調(diào)試結(jié)果，寫出調(diào)試分析報(bào)告2、寫出本次實(shí)訓(xùn)的心得與體會(huì)實(shí)訓(xùn)9 CSS樣式表的使用實(shí)訓(xùn)目的為了讓學(xué)生了

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

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

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

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

26、的效果。5、制作實(shí)現(xiàn)網(wǎng)頁中自由飛翔的圖像效果：它主要是由函數(shù)function start()來實(shí)現(xiàn)的，其作用是每隔一段時(shí)間在不同的位置將圖片顯示一次，因?yàn)槲恢玫母淖兪沁B續(xù)均勻的，所以在視覺上產(chǎn)生移動(dòng)的效果。6、制作圖片滑過效果：瀏覽器載入網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)移動(dòng)圖片時(shí)顯示不同的圖片，鼠標(biāo)移開時(shí)顯示原圖片。按本例中onmouseover 和onmouseout語句分別來指定鼠標(biāo)移入和移出此圖片區(qū)域時(shí)顯示的不同的圖像文件，而用src指定頁面下載后初始的圖像文件。另外，cursor:hand指定鼠標(biāo)光標(biāo)移到圖片區(qū)域時(shí)的形狀為手形。7、顯示時(shí)間特效效果：調(diào)用JavaScript腳本語言來顯示當(dāng)前的日期和星期

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

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

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

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

31、IIS配置好，能正常進(jìn)行WEB瀏覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁所需的文字素材、圖像素材、音樂素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、創(chuàng)建框架2、設(shè)定框架內(nèi)容和樣式，保存框架3、設(shè)置無框架內(nèi)容4、制作浮動(dòng)框架實(shí)訓(xùn)要求要求學(xué)生能利用框架來進(jìn)行布局網(wǎng)頁，設(shè)定框架內(nèi)容和樣式；設(shè)置框架的內(nèi)容；制作可以浮動(dòng)的框架。實(shí)訓(xùn)步驟1、在新建文檔對話框的“框架集”類型中，選擇左側(cè)固定上方嵌套的框架模式，創(chuàng)建一個(gè)新的框架頁；2、插入圖片和按鈕，以及相關(guān)的文字內(nèi)容；3、在屬性面板中設(shè)置文字和圖片的格式屬性；4、在左側(cè)列出導(dǎo)航鏈接，制作鏈接對應(yīng)的子頁面，最終實(shí)現(xiàn)點(diǎn)擊左側(cè)框架的鏈接，右面的框架會(huì)跳轉(zhuǎn)到相應(yīng)的子頁面；5、保存文件，一定要分別

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

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

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

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

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

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

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

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

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

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

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

43、實(shí)訓(xùn)17.1實(shí)訓(xùn)意義網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過程中重要的實(shí)踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求，在教師指導(dǎo)下對學(xué)生進(jìn)行的網(wǎng)頁制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的轉(zhuǎn)化，是對理論與實(shí)踐教學(xué)效果的檢驗(yàn)，也是對學(xué)生綜合分析能力與獨(dú)立工作能力的培養(yǎng)過程。因此，加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對實(shí)現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素有著重要的作用。17.2實(shí)訓(xùn)目的1通過綜合實(shí)訓(xùn)進(jìn)一步鞏固、深化和擴(kuò)展學(xué)生的理論知識(shí)與專業(yè)技能。（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver MX的基本

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