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

1、實(shí)訓(xùn)1站點(diǎn)創(chuàng)建實(shí)訓(xùn)2搜集素材實(shí)訓(xùn)3用表格設(shè)計(jì)主頁(yè)布局實(shí)訓(xùn)4在主頁(yè)制作中插入文本操作實(shí)訓(xùn)5在主頁(yè)制作中插入圖像操作實(shí)訓(xùn)6在主頁(yè)制作中超級(jí)鏈接的設(shè)置實(shí)訓(xùn)7制作動(dòng)感網(wǎng)頁(yè)實(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利用框架制作“公司簡(jiǎn)介”網(wǎng)頁(yè)實(shí)訓(xùn)13利用布局表格制作“新書推介”網(wǎng)頁(yè)實(shí)訓(xùn)14模板和庫(kù)的使用實(shí)訓(xùn)15利用層的布局制作“技術(shù)支持”網(wǎng)頁(yè)實(shí)訓(xùn)16網(wǎng)頁(yè)設(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é)生能熟練掌握創(chuàng)建站點(diǎn)的方法，掌握設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性，掌握 創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)、欄目文件夾、網(wǎng)頁(yè)文件的基本操作方法。實(shí)訓(xùn)環(huán)境硬件環(huán)

2、境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材。實(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)頁(yè)文件：掌握設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性實(shí)訓(xùn)要求要求學(xué)生能掌握如何創(chuàng)建站點(diǎn)，正確創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)及欄目文件夾，創(chuàng)建主頁(yè)文件index.htm,并正確命名，掌握設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性的方法。實(shí)訓(xùn)步驟1、在E盤中新建本地根文件夾，命名

3、為bookman并在該文件夾中新建image 文件夾以存放網(wǎng)站中所要用到的圖片。2、定義站點(diǎn)：設(shè)置站點(diǎn)名稱，命名為博客人;設(shè)置本地根文件夾，指 定為E盤下的bookman文件夾；設(shè)置HTTP地址為localhost3、創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)及欄目文件夾（如下圖）:bookma nmediaVisitorrCSSLJ4、E盤下的bookman文件夾創(chuàng)建主頁(yè)文件index.htm5、設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性。實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、在創(chuàng)建站點(diǎn)的過(guò)程中注意建立本地文件夾，文件夾命名最好為英文；網(wǎng) 站中所有的文件最好取名為英文；注意文件的路徑；2、所有的圖片文件單獨(dú)放在image文件夾內(nèi)。3、主頁(yè)文件命名index.

4、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ī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境： Fireworks MX Flash MX特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖片素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1

5、、利用Fireworks MX制作網(wǎng)站標(biāo)志、圓角矩形及個(gè)性化的圖形。2、利用Fireworks MX編輯制作有特殊效果的圖。3、利用Flash MX制作主頁(yè)廣告條。實(shí)訓(xùn)要求要求學(xué)生熟練掌握利用 Fireworks MX和Flash MX來(lái)制作個(gè)性化的圖形圖 像素材的方法及技巧。實(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è)廣告條

6、，并保存到相應(yīng)的文件夾。 實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、在制作過(guò)程中注意素材的命名要用英文名字。2、圖形圖像及動(dòng)畫的保存格式在適合網(wǎng)頁(yè)要求。3、保存路徑要正確。實(shí)訓(xùn)思考最適合網(wǎng)頁(yè)的圖形圖像及動(dòng)畫的格式分別是什么？書寫實(shí)訓(xùn)報(bào)告要求寫出圖形圖像及動(dòng)畫實(shí)訓(xùn)的心得與體會(huì)。實(shí)訓(xùn)3用表格設(shè)計(jì)主頁(yè)布局實(shí)訓(xùn)目的為了讓學(xué)生熟練掌握在 Dreamweavermx中插入表格，學(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)： Win dows95/98/m

7、e/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、插入表格，并選擇表格和單元格：2、設(shè)置單元格屬性：3、調(diào)整表格結(jié)構(gòu)、大?。?、格式化表格：5、表格中插入文本，表格中插入圖像：實(shí)訓(xùn)要求要求學(xué)生掌握在Dreamweavermx中如何插入表格、設(shè)置表格和單元格的格 式；如何調(diào)整表格的結(jié)構(gòu)大??；掌握表格中如何插入文字及圖像等操作。實(shí)訓(xùn)步驟1、新建一個(gè)頁(yè)面，在頁(yè)面中插入一個(gè) 6行7列的表格，并在其中輸入相應(yīng) 的文字；2、選擇表格利用“格式化表格”命令來(lái)對(duì)表

8、格格式進(jìn)行修改，使其更美觀;3、根據(jù)要求對(duì)部分單元格進(jìn)行拆分或合并操作；4、設(shè)置文字的對(duì)齊方式，通過(guò)對(duì)邊框、填充和間距進(jìn)行設(shè)置；5、保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、插入表格時(shí)要注意：?jiǎn)卧竦倪吘嗪蛦卧竦拈g距值的設(shè)置；2、表格邊框線精細(xì)為0像素的特殊用途；3、插入的圖像必須放在站點(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在主頁(yè)制作中插入文本操作實(shí)訓(xùn)目的為了讓學(xué)生能熟練掌握在Dreamweavermx中如何輸入文本，調(diào)整設(shè)置文本的格式；如何插入特殊字

9、符、文本列表、水平線、時(shí)間、注釋的方法。 實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(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é)生掌握在Dreamweavermx中輸入文本、設(shè)置文

10、本格式、插入特殊字符、項(xiàng)目符號(hào)等操作。實(shí)訓(xùn)步驟1、打開上次實(shí)訓(xùn)所做的主頁(yè)面文件；2、輸入文本，調(diào)整文本的間距，設(shè)置文本的格式；通過(guò)“屬性”面板中的“格式”和“顏色”等參數(shù)，將文字設(shè)為標(biāo)題格式，并改變其顏色；3、輸入一段不帶格式的文字，選擇“常用”工具欄上的“文本”單選項(xiàng)目， 利用換行按鈕對(duì)文本進(jìn)行換行處理，實(shí)現(xiàn)分段的效果；4、插入特殊字符、項(xiàng)目符號(hào)、水平線、時(shí)間、注釋等內(nèi)容；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、在“編輯字體列表”對(duì)話框中選擇要添加的字體要一個(gè)個(gè)地添加進(jìn)去，不能全部選取再添加；2、當(dāng)輸入文本時(shí)要插入多個(gè)連續(xù)的空格，必須要“編輯”菜單下的“首選參數(shù)”中設(shè)置；3、換行的幾種方式：自行換行；按 ENT

11、ERS行換行；按SHIFT+ENTE換行操作； 實(shí)訓(xùn)思考1、如何插入版權(quán)符號(hào)？2、如何插入特殊字符“ Y”？書寫實(shí)訓(xùn)報(bào)告要求1、根據(jù)調(diào)試結(jié)果，寫出調(diào)試分析報(bào)告2、寫出本次實(shí)訓(xùn)的心得與體會(huì)實(shí)訓(xùn)5在主頁(yè)制作中插入圖像操作實(shí)訓(xùn)目的為了讓學(xué)生熟練掌握在 Dreamweaver mx中插入圖像，學(xué)會(huì)設(shè)置圖像屬性；如何插入鼠標(biāo)經(jīng)過(guò)圖像、插入圖像占位符的方法，掌握?qǐng)D文混排的技巧等操作。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver

12、MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、插入圖像：2、設(shè)置圖像屬性：3、插入鼠標(biāo)經(jīng)過(guò)圖像：4、插入圖像占位符：5、圖文混排操作：實(shí)訓(xùn)要求要求學(xué)生掌握在Dreamweavermx中如何插入圖像、設(shè)置圖像的格式；如何 插入鼠標(biāo)經(jīng)過(guò)圖像、圖像占位符；掌握?qǐng)D文混排等操作。實(shí)訓(xùn)步驟1、打開上次實(shí)訓(xùn)所做的主頁(yè)面文件；2、插入圖像，在屬性面板對(duì)圖像的格式進(jìn)行設(shè)置；3、插入鼠標(biāo)經(jīng)過(guò)圖像、圖像占位符；4、將圖片和文字進(jìn)行混合排版;5、保存文件，預(yù)覽文件效果； 實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、插入的圖像必須放在站點(diǎn)文件夾

13、下的image文件夾內(nèi);2、設(shè)置圖片的熱點(diǎn)區(qū)域可選任意的工具；實(shí)訓(xùn)思考1、如何設(shè)置圖片超鏈接，鏈接到指定的頁(yè)面文件？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在主頁(yè)制作中超級(jí)鏈接的設(shè)置實(shí)訓(xùn)目的為了讓學(xué)生掌握如何利用超級(jí)鏈接來(lái)制作頁(yè)面；掌握鏈接各種方式的制作 方法與步驟。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將II

14、S配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、插入橫向?qū)Ш綏l2、設(shè)置文本鏈接3、插入左置導(dǎo)航欄4、創(chuàng)建外部超級(jí)鏈接5、創(chuàng)建內(nèi)部超級(jí)鏈接6、創(chuàng)建E-MAIL鏈接7、創(chuàng)建錨點(diǎn)鏈接8、創(chuàng)建下載文件的鏈接9、創(chuàng)建空鏈接10、創(chuàng)建腳本鏈接實(shí)訓(xùn)要求要求學(xué)生能利用鏈接來(lái)制作網(wǎng)頁(yè)；掌握鏈接幾種設(shè)置的方法和步驟。實(shí)訓(xùn)步驟1、打開上次實(shí)訓(xùn)所做的主頁(yè)面文件；2、選擇導(dǎo)航欄的相應(yīng)文字；3、在屬性對(duì)話框鏈接欄中設(shè)置要鏈接的網(wǎng)頁(yè)。4、在main頁(yè)面中，分別以3段文本段落標(biāo)題作為錨點(diǎn)，在頁(yè)面上部設(shè)置 錨記鏈接；5、 在左下部設(shè)置“友誼鏈接”到相關(guān)的網(wǎng)站，設(shè)置

15、“聯(lián)系我們”的E-MAIL 鏈接；創(chuàng)建“下載”到下載文件的鏈接；&保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過(guò)程注意事項(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)告要求1、根據(jù)調(diào)試結(jié)果，寫出調(diào)試分析報(bào)告2、寫出本次實(shí)訓(xùn)的心得與體會(huì)實(shí)訓(xùn)7制作動(dòng)感網(wǎng)頁(yè)實(shí)訓(xùn)目的為了讓學(xué)生掌握在網(wǎng)頁(yè)中如何插入 FLASH動(dòng)畫、按鈕、文本、視頻、音頻、JAVA APPLET及ActiveX控件等內(nèi)容，以便實(shí)現(xiàn)動(dòng)感網(wǎng)頁(yè)的制作。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； V

16、GA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材、動(dòng)畫素材。實(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)頁(yè)中插入動(dòng)畫、按鈕、文本、視頻、音頻、Java Applet及ActiveX控件等內(nèi)容，實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)畫效果。實(shí)訓(xùn)步驟1、 打開主頁(yè)，在頁(yè)面的頂端

17、部分和中間部分分別插入FLASH選擇要插入 的FLASH動(dòng)畫，網(wǎng)頁(yè)編輯窗口中會(huì)顯示一個(gè) FLASH電影圖標(biāo)；2、 在左側(cè)添加一個(gè)圖層，在層中插入如圖10所示的圖片和文字，在下面 插入一個(gè)FLASH按鈕，在對(duì)話框中選擇需要的樣式，輸入所要顯示的文字，指定 按鈕的鏈接地址，將背景顏色設(shè)置與主頁(yè)中的背景色相同；3、將插入的按鈕復(fù)制并粘貼多個(gè)，分別更改其顯示的文本和鏈接的網(wǎng)頁(yè)， 組成導(dǎo)航條；4、插入FLASH文本及Java Applet及ActiveX控件設(shè)置文本的各項(xiàng)屬性值；5、保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、插入的FLASH文件必須將其復(fù)制到站點(diǎn)文件夾內(nèi)；2、插入的按鈕必須要更改各個(gè)按

18、鈕的存儲(chǔ)名稱，否則網(wǎng)頁(yè)中顯示的將是同 一個(gè)按鈕；實(shí)訓(xùn)思考1、如何設(shè)置按鈕的背景色與網(wǎng)頁(yè)中的背景色一致？2、在Fireworks中制作的圖形要在網(wǎng)頁(yè)中引用應(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表單制作實(shí)訓(xùn)目的為了讓學(xué)生掌握如何創(chuàng)建表單網(wǎng)頁(yè)；了解各個(gè)表單對(duì)象屬性的設(shè)置；熟練掌握各個(gè)表單對(duì)象不同的使用范圍。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004

19、特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、插入表單2、插入表單對(duì)象：文本框、復(fù)選框、單選按鈕、按鈕、復(fù)框框、圖像域、 密碼域、列表和菜單實(shí)訓(xùn)要求要求學(xué)生能利用表單來(lái)創(chuàng)建網(wǎng)頁(yè)；掌握設(shè)定表單的內(nèi)容和表單對(duì)象；掌握 設(shè)置各個(gè)表單對(duì)象的屬性值等內(nèi)容。實(shí)訓(xùn)步驟1、打開主頁(yè)頁(yè)面，按圖11所示，分別合并前兩行單元格和中間兩列單元格，在合并后的單元格內(nèi)插入一個(gè)表單，為插入的表單命名為login ；2、 在表單中插入文字內(nèi)容及對(duì)應(yīng)的表單對(duì)象：文本框、復(fù)選框、單選按鈕、 按鈕、復(fù)框框、圖像域、密碼域、列表和菜單3、 設(shè)置各個(gè)

20、表單對(duì)象的屬性值：將客戶姓名、E-MAIL、具體地址的文本域依次命名為name email、address ;字符寬度和最多字符數(shù)分別為 12、12，24、24, 30和30,類型都為單行文本域；4、 最后一個(gè)文本域輸入框命名為jianyi ,類型為多行文本域，字符寬度和 行數(shù)依次為50、8,文本域載入時(shí)顯示值為“請(qǐng)?jiān)诖溯斎肽愕慕ㄗh”5、 設(shè)置表單中的客戶姓名為必填項(xiàng)，E-MAIL為必填項(xiàng)且必為郵件地址；6設(shè)置表單以郵件發(fā)送的方式發(fā)送到郵箱；7、保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、在一個(gè)網(wǎng)頁(yè)中只能插入一個(gè)表單，但在一個(gè)網(wǎng)頁(yè)中可以有多個(gè)表單對(duì)象；2、各個(gè)表單對(duì)象注意在屬性面板中定義其名稱

21、。實(shí)訓(xùn)思考1、表單對(duì)象中的插入兩個(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é)生了解使用CSS樣式來(lái)美化網(wǎng)頁(yè)的方法，掌握創(chuàng)建 CSS樣式的方 法和步驟，以及利用CSS濾鏡來(lái)制作文字特效等操作。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ; VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX

22、2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材、動(dòng)畫素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、CSS樣式的新建：2、CSS樣式的編輯與修改：3、CSS樣式的應(yīng)用：4、利用CSS8鏡來(lái)特效文字效果：5、制作光暈字、陰影字、遮罩字、動(dòng)感字實(shí)訓(xùn)要求要求學(xué)生掌握CSS樣式的制作方法；掌握 CSS樣式的應(yīng)用與修改操作；了 解利用CSS樣式來(lái)制作文字特效等操作。實(shí)訓(xùn)步驟1、打開主頁(yè)頁(yè)面，在此頁(yè)面中創(chuàng)建 CSS樣式：以css-01為名保存，設(shè)置 字體為隸書，字號(hào)為16點(diǎn)數(shù)，顏色為# CC66FF帶下劃線。2、 對(duì)頁(yè)面中左、右兩部分文字分別設(shè)置空鏈接。使

23、用CSS樣式：對(duì)左邊的 鏈接文字套用此樣式。3、修改CSS樣式：對(duì)表格的框線、背景圖片、鏈接樣式等進(jìn)行設(shè)置，并重 新應(yīng)用到所指定的部分；4、運(yùn)用CSS8鏡來(lái)制作文字特效：光暈字、陰影字、遮罩字、動(dòng)感字的制 作；5、保存頁(yè)面，預(yù)覽效果圖；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、CSS樣式應(yīng)保存到網(wǎng)站站點(diǎn)目錄下;2、CSS樣式的名稱應(yīng)注意不能同名；實(shí)訓(xùn)思考1、如何利用CSS樣式來(lái)創(chuàng)建鏈接文本不顯示下劃線?2、如何將CSS樣式應(yīng)用到另外的網(wǎng)站的網(wǎng)頁(yè)中？書寫實(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)目的以制作各種具最好64M或?yàn)榱俗寣W(xué)生掌握在網(wǎng)頁(yè)中插

24、入 JavaScript腳本語(yǔ)言的方法， 有動(dòng)態(tài)效果的網(wǎng)頁(yè)。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽 素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材、動(dòng)畫素材 實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、在網(wǎng)頁(yè)中加入跑馬燈特效2、制作實(shí)現(xiàn)網(wǎng)頁(yè)中自由飛翔的圖像效果3、制作圖片滑過(guò)效果4、顯示時(shí)間特效實(shí)訓(xùn)要求要求學(xué)生掌握在網(wǎng)頁(yè)代碼視圖中插入JavaScript腳本語(yǔ)言的方法

25、和步驟，利用不同的JavaScript腳本語(yǔ)言來(lái)制作網(wǎng)頁(yè)特效等操作。實(shí)訓(xùn)步驟1、在主頁(yè)中加入跑馬燈特效：跑馬燈可以活躍主頁(yè)氣氛，向?yàn)g覽者介紹此 網(wǎng)頁(yè)的特色或者注意事項(xiàng)，例如：2、vmarquee border=8 width=100%3、b歡迎訪問(wèn)博客人信息技術(shù)有限公司/b4、/marquee通過(guò)在body之間放入這段代碼，就會(huì)在網(wǎng)頁(yè)中產(chǎn)生一個(gè)跑 馬燈的效果。5、 制作實(shí)現(xiàn)網(wǎng)頁(yè)中自由飛翔的圖像效果：它主要是由函數(shù)function start()來(lái)實(shí)現(xiàn)的，其作用是每隔一段時(shí)間在不同的位置將圖片顯示一次，因 為位置的改變是連續(xù)均勻的，所以在視覺(jué)上產(chǎn)生移動(dòng)的效果。6制作圖片滑過(guò)效果：瀏覽器載入網(wǎng)頁(yè)時(shí)

26、，當(dāng)鼠標(biāo)移動(dòng)圖片時(shí)顯示不同的 圖片，鼠標(biāo)移開時(shí)顯示原圖片。按本例中 onmouseover和onmouseout語(yǔ)句分別 來(lái)指定鼠標(biāo)移入和移出此圖片區(qū)域時(shí)顯示的不同的圖像文件，而用src指定頁(yè)面下載后初始的圖像文件。另外，cursor:hand指定鼠標(biāo)光標(biāo)移到圖片區(qū)域時(shí)的形 狀為手形。7、顯示時(shí)間特效效果：調(diào)用 JavaScript腳本語(yǔ)言來(lái)顯示當(dāng)前的日期和星 期，并實(shí)現(xiàn)根據(jù)當(dāng)前的時(shí)間顯示不同的問(wèn)候語(yǔ)。8、保存頁(yè)面，預(yù)覽效果圖；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、網(wǎng)頁(yè)特效制作中準(zhǔn)備所需的圖片和鏈接頁(yè)面必須保存到站點(diǎn)文件夾內(nèi)， 以便調(diào)用；2、在JavaScript腳本語(yǔ)言中對(duì)變量名稱的定義要區(qū)分大小寫；實(shí)訓(xùn)思考

27、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中使用行為來(lái)制作網(wǎng)頁(yè)的方法和技巧，利 用行為來(lái)制作不需代碼來(lái)實(shí)現(xiàn)的網(wǎng)頁(yè)特效。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)

28、頁(yè)所需的文字素材、圖像素材、音樂(lè)素材、動(dòng)畫素材。實(shí)訓(xùn)課時(shí)2個(gè)課時(shí)實(shí)訓(xùn)內(nèi)容1、交換圖像；2、彈出信息；3、恢復(fù)交換圖像；4、播放聲音；5、調(diào)用 JavaScript&彈出式菜單實(shí)訓(xùn)要求要求學(xué)生掌握在Dreamweaver中利用行為來(lái)制作網(wǎng)頁(yè)特效的方法和步驟， 了解行為的使用與技巧。實(shí)訓(xùn)步驟1、打開主頁(yè)頁(yè)面，在頁(yè)面中插入一張圖片，打開行為面板，選擇這張圖片， 添加一個(gè)行為“交換圖像”，打開一個(gè)對(duì)話框，在對(duì)話框中設(shè)置一張?jiān)紙D片， 確定，這樣就添加了一個(gè)交換圖片的行為，事件為 onm ouseover;2、添加一個(gè)“彈出信息”的窗口，在對(duì)話框中輸入我們所要的文字“歡迎 光臨我的班級(jí)網(wǎng)站”，事件為“

29、onload ”；3、添加一個(gè)“恢復(fù)交換圖像”的行為，設(shè)置原始圖片，事件為onmouseover;4、添加一個(gè)行為“播放聲音”，瀏覽找到聲音文件，事件為 onm ouseover;5、 插入一個(gè)一行一列的表格，輸入文字“我的班級(jí)”，選擇此文字，添加 一個(gè)彈出式菜單，在對(duì)話框中輸入菜單的內(nèi)容及外觀；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、 設(shè)置交換圖像時(shí)首先得插入圖片，圖片必須保存在站點(diǎn)的image文件夾 內(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í)

30、訓(xùn)12利用框架制作“公司簡(jiǎn)介”網(wǎng)頁(yè)實(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)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、創(chuàng)建框架2、設(shè)定框架內(nèi)容和樣式，保存框架3、設(shè)置無(wú)框架內(nèi)容4、制作浮動(dòng)框架實(shí)訓(xùn)要求要求學(xué)生能利用框架來(lái)進(jìn)行布

31、局網(wǎng)頁(yè)，設(shè)定框架內(nèi)容和樣式；設(shè)置框架的 內(nèi)容；制作可以浮動(dòng)的框架。實(shí)訓(xùn)步驟1、在新建文檔對(duì)話框的“框架集”類型中，選擇左側(cè)固定上方嵌套的框架 模式，創(chuàng)建一個(gè)新的框架頁(yè)；2、插入圖片和按鈕，以及相關(guān)的文字內(nèi)容；3、在屬性面板中設(shè)置文字和圖片的格式屬性；4、在左側(cè)列出導(dǎo)航鏈接，制作鏈接對(duì)應(yīng)的子頁(yè)面，最終實(shí)現(xiàn)點(diǎn)擊左側(cè)框架的鏈接，右面的框架會(huì)跳轉(zhuǎn)到相應(yīng)的子頁(yè)面；5、保存文件，一定要分別保存框架的各個(gè)部分，每一部分為一個(gè)HTML文件，總的框架是一個(gè)HTML文件，預(yù)覽文件效果； 實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、插入的圖像必須放在站點(diǎn)文件夾下的image文件夾內(nèi)；2、框架的保存分幾個(gè)部分；實(shí)訓(xùn)思考1、框架的保存應(yīng)注意有

32、幾個(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)頁(yè)實(shí)訓(xùn)目的為了讓學(xué)生熟練掌握在 Dreamweaver中繪制布局表格和單元格；學(xué)會(huì)設(shè)置 布局表格的屬性；學(xué)會(huì)調(diào)整布局表格和布局單元格；掌握在布局表格中插入文本 和圖像的方法。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置

33、好，能正常進(jìn)行 WEB覽 素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(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、新建一個(gè)頁(yè)面，切換至布局模式下，使用布局表格和繪制布局單元格來(lái) 創(chuàng)建表格，制作一個(gè)國(guó)字型頁(yè)面版式；2、回到標(biāo)準(zhǔn)模式下，觀察表格，為每個(gè)表格添加背景顏色；3、在表格中添加文字，完成整個(gè)頁(yè)面的制作，4、保存文件，預(yù)覽文件效

34、果；實(shí)訓(xùn)過(guò)程注意事項(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模板和庫(kù)的使用實(shí)訓(xùn)目的為了讓學(xué)生掌握如何利用模板和庫(kù)來(lái)制作網(wǎng)頁(yè)；掌握模板的創(chuàng)建與編輯； 掌握創(chuàng)建可編輯區(qū)域、可選區(qū)域、重復(fù)區(qū)域；掌握模板的保存與應(yīng)用操作；了解 如何創(chuàng)建庫(kù)項(xiàng)目及插入庫(kù)項(xiàng)目等操作。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠

35、標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材。實(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)簽屬性&應(yīng)用模板7、調(diào)整模板8、創(chuàng)建庫(kù)9、插入庫(kù)10、調(diào)整庫(kù)實(shí)訓(xùn)要求要求學(xué)生能利用模板和庫(kù)來(lái)制作網(wǎng)頁(yè)；設(shè)置模板的可編輯區(qū)域、可選區(qū)域和重復(fù)區(qū)域；掌握庫(kù)的應(yīng)用與編輯修改等操作。實(shí)訓(xùn)步驟1、新建一個(gè)模板頁(yè)面，編輯模板頁(yè)面；2、在模板中插入可編輯區(qū)域并保存；3、新建一個(gè)基于模板的頁(yè)面，

36、修改模板文件，所有基于此模板的頁(yè)面都會(huì) 被修改；4、新建一個(gè)空白頁(yè)，套用上一實(shí)例中的模板；5、打開上一實(shí)例基于模板的頁(yè)面，選擇插入菜單中的模板對(duì)象，選擇創(chuàng)建 嵌套模板，制作新的嵌套模板，加入第2個(gè)可編輯區(qū)域并保存，最終生成嵌套模 板；6制作一個(gè)包含圖像的網(wǎng)頁(yè)，選中圖像并拖動(dòng)到庫(kù)中；7、新建一個(gè)空白文檔，從庫(kù)中將圖像拖到空白頁(yè)面中；8、打開庫(kù)項(xiàng)目，對(duì)其添加鏈接，保存庫(kù)文件，提示更新相關(guān)頁(yè)面，打開包 含被修改庫(kù)項(xiàng)目的頁(yè)面文檔，完成更新；9、保存文件，預(yù)覽文件效果； 實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、插入的圖像必須放在站點(diǎn)文件夾下的image文件夾內(nèi)；2、模板的保存注意擴(kuò)展名。實(shí)訓(xùn)思考1、如何套用模板到頁(yè)面？2、

37、如何在模板中添加重復(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)頁(yè)實(shí)訓(xùn)目的為了讓學(xué)生掌握如何利用層來(lái)布局網(wǎng)頁(yè)，掌握層的插入，設(shè)置層的各項(xiàng)屬性，利用層與行為的應(yīng)用來(lái)創(chuàng)建層動(dòng)畫等操作。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ； VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素

38、材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、使用層排版2、設(shè)置層文本3、顯示隱藏層4、拖動(dòng)層5、調(diào)整層的大小&層的對(duì)齊實(shí)訓(xùn)要求要求學(xué)生能利用層來(lái)進(jìn)行布局網(wǎng)頁(yè)，了解層的屬性的設(shè)置，掌握在層中插 入相關(guān)的圖片或文字，并掌握層與行為的綜合使用。實(shí)訓(xùn)步驟1、新建一個(gè)頁(yè)面，在頁(yè)面中插入三個(gè)不同的層；2、 在各個(gè)層中分別插入不同的圖片，并設(shè)置Layer1顯示屬性為可見，Layer2、Layer3顯示屬性為隱藏性；3、 利用層與行為來(lái)制作顯示與隱藏層動(dòng)畫：選擇Layerl，添加一個(gè)“顯示隱藏層”行為，設(shè)置Layerl隱藏，Layer2、Layer3顯示，事件改為onmouseover； 利用同樣的道理，設(shè)置當(dāng)事件為onm

39、ouseout時(shí)顯示Layer2，隱藏Layerl、Layer3的行為。4、利用層與行為來(lái)制作拖動(dòng)層動(dòng)畫：新建一個(gè)層，在層中插入一張圖片， 并調(diào)整圖片與層的大小。選擇層，添加一個(gè)“拖動(dòng)層”行為，設(shè)置層移動(dòng)的目標(biāo) 處，事件為 onmouseover；5、調(diào)整頁(yè)面中所有層的大小，選擇對(duì)齊層命令來(lái)調(diào)整頁(yè)面中層的對(duì)齊方式。6保存文件，預(yù)覽文件效果；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、 插入的圖像必須放在站點(diǎn)文件夾下的image文件夾內(nèi)；2、利用層與行為制作動(dòng)畫首先應(yīng)選中對(duì)應(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í)

40、訓(xùn)16網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站管理實(shí)訓(xùn)目的為了讓學(xué)生了解網(wǎng)站進(jìn)行優(yōu)化處理操作的原理，了解網(wǎng)站的創(chuàng)意和布局，對(duì)網(wǎng)頁(yè)元素進(jìn)行優(yōu)化的過(guò)程和步驟， 掌握網(wǎng)站域名申請(qǐng)的過(guò)程，了解網(wǎng)站發(fā)布的 過(guò)程等內(nèi)容。實(shí)訓(xùn)環(huán)境硬件環(huán)境：考核用機(jī)為奔騰以上兼容機(jī)，內(nèi)存不少于32M，最好64M或128M ;硬盤不小于500M ; VGA彩顯，帶鼠標(biāo)器。操作系統(tǒng)： Win dows95/98/me/2000/XP軟件環(huán)境：Dreamweaver MX 2004特殊要求：必須將IIS配置好，能正常進(jìn)行 WEB覽素材準(zhǔn)備準(zhǔn)備制作網(wǎng)頁(yè)所需的文字素材、圖像素材、音樂(lè)素材、動(dòng)畫素材。實(shí)訓(xùn)課時(shí)2學(xué)時(shí)實(shí)訓(xùn)內(nèi)容1、網(wǎng)頁(yè)布局設(shè)計(jì)2、網(wǎng)頁(yè)中的文字設(shè)計(jì)3、

41、網(wǎng)頁(yè)中的圖像應(yīng)用4、圖文排版5、網(wǎng)頁(yè)導(dǎo)航條設(shè)計(jì)6網(wǎng)頁(yè)廣告設(shè)計(jì)7、域名的設(shè)計(jì)與申請(qǐng)8、網(wǎng)站的發(fā)布實(shí)訓(xùn)要求要求學(xué)生掌握整個(gè)網(wǎng)站的優(yōu)化過(guò)程，了解網(wǎng)站各種版面的布局形式，掌握 網(wǎng)頁(yè)色彩搭配的原則，了解網(wǎng)站發(fā)布的整個(gè)流程等操作。實(shí)訓(xùn)步驟1、打開前面已做好網(wǎng)站的主頁(yè)面，根據(jù)網(wǎng)頁(yè)設(shè)計(jì)原則，對(duì)網(wǎng)頁(yè)不同元素： 布局、文字、圖像、圖文排版、導(dǎo)航、廣告等方面進(jìn)行優(yōu)化設(shè)計(jì)，調(diào)整網(wǎng)頁(yè)效果；2、 推廣主頁(yè)的方法和思路：注冊(cè)各個(gè)搜索引擎；互換廣告；到 BBS或網(wǎng)上 論壇去發(fā)布自己網(wǎng)站的消息；友情鏈接登錄等方法可以推廣你網(wǎng)站的主頁(yè)， 提高 訪問(wèn)量。3、域名的設(shè)計(jì)與申請(qǐng)：選擇申請(qǐng)主頁(yè)的網(wǎng)站去申請(qǐng)免費(fèi)的空間；申請(qǐng)?zhí)摂M 域名；注冊(cè)

42、搜索引擎；4、網(wǎng)站的發(fā)布與上傳：5、登錄網(wǎng)站，預(yù)覽效果圖；實(shí)訓(xùn)過(guò)程注意事項(xiàng)1、申請(qǐng)的虛擬域名原則上是容易識(shí)記，代表一定的含義；2、在選擇站點(diǎn)的時(shí)候要注意主頁(yè)空間的大小、速度、支持哪些網(wǎng)頁(yè)技術(shù)、 是否支持FTP上傳或下載；實(shí)訓(xùn)思考1、導(dǎo)航設(shè)計(jì)的原則是什么？2、網(wǎng)頁(yè)中廣告是越多越好嗎？書寫實(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ā)綜合實(shí)訓(xùn)17.1 實(shí)訓(xùn)意義網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過(guò)程中重要的實(shí)踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求，在教師指導(dǎo)下對(duì)學(xué)生進(jìn)行的網(wǎng)頁(yè)制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問(wèn)題的能力，實(shí)現(xiàn)由理論知識(shí)向

43、操作技 能的轉(zhuǎn)化，是對(duì)理論與實(shí)踐教學(xué)效果的檢驗(yàn)，也是對(duì)學(xué)生綜合分析能力與獨(dú)立工 作能力的培養(yǎng)過(guò)程。因此，加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對(duì)實(shí)現(xiàn)本專業(yè)的 培養(yǎng)目標(biāo)，提高學(xué)生的綜合素有著重要的作用。17.2 實(shí)訓(xùn)目的1 通過(guò)綜合實(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)頁(yè)制作軟件Dreamweaver MX的基本操作和使用技能。(3) 掌握頁(yè)面的整體控制和頭部?jī)?nèi)容設(shè)置的方法。(4) 熟練掌握網(wǎng)頁(yè)頁(yè)面布局的各種方法。(5) 熟練掌握在網(wǎng)頁(yè)中輸入、設(shè)置標(biāo)題和正文文字的方法。(6) 熟練掌握在網(wǎng)頁(yè)中插入圖像、flash

44、動(dòng)畫、背景音樂(lè)的方法。(7) 掌握建立各種形式超級(jí)鏈接的方法。(8) 掌握表單網(wǎng)頁(yè)制作方法。(9) 掌握網(wǎng)頁(yè)特效的制作方法。(10) 掌握網(wǎng)站測(cè)試的方法。2 訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能 力，學(xué)會(huì)通過(guò)網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash 動(dòng)畫和網(wǎng)頁(yè)特效等。3培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題 的能力及其基本工作素質(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)頁(yè)之前，必須認(rèn)真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī) 劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。2制作網(wǎng)頁(yè)前，收集好所需的文字資料、圖像資料、flash動(dòng)畫和網(wǎng)頁(yè)特效。3所創(chuàng)建的網(wǎng)站至