第第2頁(yè)武漢商貿(mào)職業(yè)學(xué)院

信息工程學(xué)院《網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書(shū)軟件教研室2013年9月目錄TOC\o"1-5"\h\z實(shí)訓(xùn)目的1實(shí)訓(xùn)內(nèi)容及要求1實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時(shí)間安排，適用專業(yè)班級(jí)2實(shí)訓(xùn)一站點(diǎn)的規(guī)劃設(shè)計(jì)3實(shí)訓(xùn)二設(shè)計(jì)案例網(wǎng)站LOGO4實(shí)訓(xùn)三設(shè)計(jì)案例網(wǎng)站BANNER5實(shí)訓(xùn)四設(shè)計(jì)案例網(wǎng)站導(dǎo)航條6實(shí)訓(xùn)五設(shè)計(jì)案例網(wǎng)站網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明7實(shí)訓(xùn)六對(duì)案例網(wǎng)站版面切圖8實(shí)訓(xùn)七制作完成案例網(wǎng)站首頁(yè)9實(shí)訓(xùn)八案例網(wǎng)站模板的制作10實(shí)訓(xùn)九案例網(wǎng)頁(yè)超級(jí)鏈接的添加11實(shí)訓(xùn)十案例網(wǎng)站加入動(dòng)態(tài)元素12《網(wǎng)頁(yè)設(shè)計(jì)《網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書(shū)第第11頁(yè)實(shí)訓(xùn)九案例網(wǎng)頁(yè)超級(jí)鏈接的添加1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的使用方法；（2）掌握網(wǎng)頁(yè)超連接的添加和設(shè)置方法；（3）創(chuàng)建完成案例網(wǎng)頁(yè)的超連接。3、實(shí)訓(xùn)任務(wù)（1）掌握Dreamweaver軟件的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站網(wǎng)頁(yè)。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手創(chuàng)建網(wǎng)頁(yè)超鏈接。4、實(shí)訓(xùn)內(nèi)容（1）根據(jù)設(shè)計(jì)好的二級(jí)網(wǎng)頁(yè)版面，制作網(wǎng)頁(yè)模板。（2）打開(kāi)Dreamweaver軟件使用創(chuàng)建的二級(jí)網(wǎng)頁(yè)模板來(lái)創(chuàng)建主頁(yè)的新聞網(wǎng)頁(yè)。（3）根據(jù)首頁(yè)新聞鏈接標(biāo)題內(nèi)容，選擇新聞網(wǎng)頁(yè)內(nèi)容，并將新聞內(nèi)容添加到使用網(wǎng)頁(yè)模板生成的新聞網(wǎng)頁(yè)中。（4）為首頁(yè)新聞文字添加文字超鏈接。（5）在創(chuàng)建新聞網(wǎng)頁(yè)的模板文件中添加返回首頁(yè)的鏈接。（6）更新網(wǎng)頁(yè)。（7）根據(jù)首頁(yè)導(dǎo)航條內(nèi)容，選擇合適的網(wǎng)頁(yè)內(nèi)容，使用二級(jí)網(wǎng)頁(yè)模板生成相應(yīng)網(wǎng)頁(yè)。（8）為首頁(yè)導(dǎo)航條添加圖片超鏈接，鏈接到相應(yīng)的二級(jí)網(wǎng)頁(yè)。（9）在創(chuàng)建二級(jí)網(wǎng)頁(yè)的模板文件中創(chuàng)建返回首頁(yè)，以及二級(jí)網(wǎng)頁(yè)之間互相鏈接的超鏈接。（10）更新網(wǎng)頁(yè)。（11）為首頁(yè)添加郵件鏈接、錨點(diǎn)鏈接、跳轉(zhuǎn)菜單鏈接、下載鏈接等其他超鏈接。（12）測(cè)試網(wǎng)頁(yè)超鏈接，保存相關(guān)文件。5、實(shí)訓(xùn)要求（1）由指導(dǎo)教師講清實(shí)訓(xùn)的基本原理，要求，實(shí)訓(xùn)目的。（2）實(shí)訓(xùn)不分小組，要求每位同學(xué)均能獨(dú)立地完全相關(guān)實(shí)訓(xùn)的設(shè)計(jì)與制作。（3）教學(xué)實(shí)訓(xùn)除了驗(yàn)證課程理論外，還要求學(xué)生掌握網(wǎng)絡(luò)資源的搜索與應(yīng)用。（4）除了教師的指導(dǎo)外，還要著重培養(yǎng)學(xué)生自學(xué)的能力。實(shí)訓(xùn)十案例網(wǎng)站加入動(dòng)態(tài)元素1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的熟悉Flash軟件的使用方法；掌握創(chuàng)建滾動(dòng)效果的方法；為案例網(wǎng)站加入動(dòng)態(tài)效果。3、實(shí)訓(xùn)任務(wù)掌握Dreamweaver軟件和Flash軟件的使用方法。實(shí)際動(dòng)手為網(wǎng)站首頁(yè)制作一個(gè)Flash動(dòng)畫。為首頁(yè)增加新聞動(dòng)態(tài)滾動(dòng)效果，以及圖片動(dòng)態(tài)滾動(dòng)效果。4、實(shí)訓(xùn)內(nèi)容打開(kāi)Flash軟件，熟悉Flash軟件的使用方法。使用Flash軟件創(chuàng)建一個(gè)簡(jiǎn)單動(dòng)畫，比如圖片之間的簡(jiǎn)單切換。打開(kāi)Dreamweaver軟件，將Flash中生成的SWF格式動(dòng)畫文件插入到網(wǎng)頁(yè)中，設(shè)置動(dòng)畫屬性。熟悉鏈接網(wǎng)頁(yè)源代碼的編寫方法，掌握基本的網(wǎng)頁(yè)代碼標(biāo)簽。在“通知公告”中給網(wǎng)頁(yè)新聞添加由下向上的動(dòng)態(tài)滾動(dòng)效果。在“專業(yè)展板”中給圖片添加由右向左的動(dòng)態(tài)滾動(dòng)效果。測(cè)試網(wǎng)頁(yè)效果，整理保存好的文件。5、實(shí)訓(xùn)要求/r/