最新網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)實(shí)訓(xùn)指導(dǎo)書(shū) 免費(fèi)下載.doc

網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)實(shí)訓(xùn)指導(dǎo)書(shū)武漢商貿(mào)職業(yè)學(xué)院信息工程學(xué)院網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)實(shí)訓(xùn)指導(dǎo)書(shū)軟件教研室2013年9月目 錄實(shí)訓(xùn)目的1實(shí)訓(xùn)內(nèi)容及要求1實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時(shí)間安排，適用專(zhuān)業(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第12頁(yè)實(shí)訓(xùn)目的在前一階段，學(xué)生完成了網(wǎng)頁(yè)設(shè)計(jì)與制作、圖形圖像處理、CSS設(shè)計(jì)、等專(zhuān)業(yè)課程的學(xué)習(xí)，為了讓學(xué)生將前期的專(zhuān)業(yè)課程學(xué)以致用，融會(huì)貫通，特開(kāi)設(shè)本系統(tǒng)化實(shí)訓(xùn)。本次綜合實(shí)訓(xùn)基于學(xué)生的興趣，選取專(zhuān)業(yè)建設(shè)網(wǎng)站開(kāi)發(fā)為主題，基于網(wǎng)頁(yè)開(kāi)發(fā)的流程，把實(shí)訓(xùn)周期當(dāng)做是一個(gè)項(xiàng)目的開(kāi)發(fā)周期，嚴(yán)格把握項(xiàng)目進(jìn)度，最終要求學(xué)生完成網(wǎng)站的前臺(tái)設(shè)計(jì)。通過(guò)本次實(shí)訓(xùn)希望達(dá)到以下目的：1. 熟悉和掌握Dreamweaver軟件的使用方法；2. 熟悉和掌握PS軟件的使用方法；3. 熟悉FLASH軟件應(yīng)用的方法；4. 學(xué)會(huì)使用CSS+DIV做網(wǎng)頁(yè)布局；5. 熟練掌握站點(diǎn)的規(guī)劃與設(shè)計(jì)實(shí)訓(xùn)內(nèi)容及要求本實(shí)訓(xùn)的內(nèi)容簡(jiǎn)述：1. 網(wǎng)站首頁(yè)（1）專(zhuān)業(yè)概況（2）專(zhuān)業(yè)建設(shè)規(guī)劃（3）展示最新動(dòng)態(tài)文章標(biāo)題（8條）（4）專(zhuān)業(yè)建設(shè)成效的文章標(biāo)題（8項(xiàng)）（5）專(zhuān)業(yè)建設(shè)特色文章標(biāo)題（8項(xiàng)）2. 專(zhuān)業(yè)概況點(diǎn)擊項(xiàng)目概況，顯示相關(guān)文本3. 專(zhuān)業(yè)建設(shè)規(guī)劃點(diǎn)擊項(xiàng)目申報(bào)書(shū)菜單，顯示flashpaper格式的申報(bào)書(shū)內(nèi)容4. 專(zhuān)業(yè)建設(shè)特色顯示專(zhuān)業(yè)建設(shè)特色的文章標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入內(nèi)容5. 專(zhuān)業(yè)建設(shè)動(dòng)態(tài)顯示專(zhuān)業(yè)建設(shè)動(dòng)態(tài)的標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入成果詳細(xì)展示6. 專(zhuān)業(yè)建設(shè)成效顯示專(zhuān)業(yè)建設(shè)成效的標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入成果詳細(xì)展示。本實(shí)訓(xùn)的要求：1. 應(yīng)用css和html（div+css）技術(shù)完成至少4個(gè)頁(yè)面，其中必須包括網(wǎng)站主頁(yè)面設(shè)計(jì)、欄目頁(yè)設(shè)計(jì)、管理員管理登陸頁(yè)面、管理員登錄以后的頁(yè)面。2. 顯示環(huán)境：網(wǎng)頁(yè)視覺(jué)效果應(yīng)采用Internet Explorer 6.0以上版本瀏覽器，顯示分辨率以1024768狀態(tài)為準(zhǔn)。3. 網(wǎng)頁(yè)規(guī)模：網(wǎng)頁(yè)總量原則上不應(yīng)超過(guò)10M，且必須要是不連接互聯(lián)網(wǎng)就可以進(jìn)行展示的作品。4. 網(wǎng)站結(jié)構(gòu)：要求結(jié)構(gòu)清晰，文件有清晰的分類(lèi)，比如圖片都放在images文件夾下等。5. 要求頁(yè)面美觀大方、顏色搭配協(xié)調(diào)；6. 作品留存，下學(xué)期或下一階段繼續(xù)完善、開(kāi)發(fā)。實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時(shí)間安排，適用專(zhuān)業(yè)班級(jí)該實(shí)訓(xùn)為校內(nèi)模擬實(shí)訓(xùn)。根據(jù)高等教育教學(xué)大綱規(guī)定和學(xué)院教學(xué)計(jì)劃安排及培養(yǎng)學(xué)生職業(yè)技能的要求，軟微班的學(xué)生于第一學(xué)期進(jìn)行為期4周的校內(nèi)實(shí)訓(xùn)，項(xiàng)目名稱(chēng)為網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)。實(shí)訓(xùn)時(shí)間：2013-2014學(xué)年第一學(xué)期第15-18周實(shí)訓(xùn)班級(jí)：軟件1301班、軟件1302班實(shí)訓(xùn)地點(diǎn)： 學(xué)校機(jī)房實(shí)訓(xùn)一站點(diǎn)的規(guī)劃設(shè)計(jì)1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的界面布局和工作環(huán)境。（2）熟練掌握本地站點(diǎn)創(chuàng)建和管理的方法。3、實(shí)訓(xùn)任務(wù)（1）創(chuàng)建一個(gè)靜態(tài)網(wǎng)站站點(diǎn)。（2）從網(wǎng)絡(luò)上收集網(wǎng)頁(yè)素材。（3）根據(jù)提供的網(wǎng)站策劃方案范本，結(jié)合自己要制作完成的網(wǎng)站，開(kāi)始著手書(shū)寫(xiě)網(wǎng)站策劃方案。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Dreamweaver軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Dreamweaver軟件。（2）在本機(jī)D盤(pán)上創(chuàng)建文件夾“home”，在“home”文件夾下根據(jù)網(wǎng)站的規(guī)劃設(shè)計(jì)，創(chuàng)建相關(guān)的文件夾，用來(lái)放置不同的文件。（3）在Dreamweaver軟件中，將D盤(pán)“home”文件夾定義成靜態(tài)網(wǎng)站站點(diǎn)，站點(diǎn)名稱(chēng)任意。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)二設(shè)計(jì)案例網(wǎng)站LOGO1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的界面布局和工作環(huán)境。（2）熟練掌握網(wǎng)站LOGO的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的LOGO。3、實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件文字工具工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站LOGO。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手完成網(wǎng)站的LOGO。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Photoshop軟件。（2）新建Photoshop文件，大小為980*600像素，分辨率為72像素/英寸，顏色模式為RGB顏色8位，背景顏色為白色或者透明都可以。（3）使用文字工具，輸入MZD三個(gè)字母，設(shè)置文字屬性。（4）柵格化文字圖層，將柵格化后的圖層上的3個(gè)字母分別移動(dòng)到不同的3個(gè)圖層上。（5）分別對(duì)3個(gè)字母進(jìn)行藝術(shù)化處理。（6）輸入其他的文字。（7）為輸入的文字圖層設(shè)置“混合選項(xiàng)”。（8）保存文件。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)三設(shè)計(jì)案例網(wǎng)站BANNER1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站BANNER的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的BANNER。3、實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件漸變工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站BANNER。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手完成網(wǎng)站的BANNER。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）打開(kāi)上次保存好的Photoshop源文件，在上次完成的LOGO基礎(chǔ)上，準(zhǔn)備開(kāi)始制作本次的BANNER。（3）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開(kāi)始設(shè)計(jì)網(wǎng)站的BANNER，首先去選擇一張適合的圖片。（4）使用矩形選框工具選擇要使用的圖片部分，圖片的其他部分刪除。（5）根據(jù)設(shè)計(jì)要求，在BANNER上添加其他元素，比如文字或者其他能夠表達(dá)網(wǎng)站主題的圖片。（6）使用魔術(shù)棒工具將要放置到BANNER上的圖片的某一部分扣出來(lái)，然后設(shè)置適合的大小，旋轉(zhuǎn)好方向后放好。（7）設(shè)置圖層的樣式，以及文字的混合選項(xiàng)等。（8）保存文件。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)四設(shè)計(jì)案例網(wǎng)站導(dǎo)航條1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站導(dǎo)航條的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的導(dǎo)航條。3、實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件圓角矩形工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站導(dǎo)航條。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手完成網(wǎng)站的導(dǎo)航條。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）查看網(wǎng)上其它網(wǎng)站的導(dǎo)航條，了解導(dǎo)航條的基本情況。（3）打開(kāi)上次保存好的Photoshop源文件，在上次完成的基礎(chǔ)上，準(zhǔn)備開(kāi)始制作本次的導(dǎo)航條。（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開(kāi)始設(shè)計(jì)網(wǎng)站的導(dǎo)航條，首先去選擇一張適合的圖片。（5）使用圓角矩形工具繪制一個(gè)圓角矩形，顏色與大小要與整個(gè)網(wǎng)站的風(fēng)格與主題相一致。（6）選中繪制好的圓角矩形，使用漸變工具，繪制立體感導(dǎo)航條背景。（7）輸入導(dǎo)航條文字，輸入導(dǎo)航條文字間的豎線間隔。（8）設(shè)置文字和豎線的混合選項(xiàng)，增加立體感。（9）保存文件。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)五設(shè)計(jì)案例網(wǎng)站網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明。3、實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件多種工具結(jié)合的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站網(wǎng)頁(yè)。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手完成網(wǎng)站的網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁(yè)，了解網(wǎng)頁(yè)對(duì)象分布的基本情況。（3）打開(kāi)上次保存好的Photoshop源文件，在上次完成的基礎(chǔ)上，準(zhǔn)備開(kāi)始制作本次的網(wǎng)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明。（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，選擇灰色與深藍(lán)色作為邊框顏色，網(wǎng)頁(yè)內(nèi)容標(biāo)題文字顏色為黑色。（5）以制作通知公告為例，使用文字工具輸入文字“通知公告”，文字大小為14號(hào)，文字顏色為黑色，文字字體為“宋體或者黑體”，根據(jù)自己的理解，可以為文字增加“混合選項(xiàng)”，設(shè)置文字效果。（6）新建圖層，選擇“線條工具”，線條粗細(xì)為1像素，顏色為黑色或者深藍(lán)色都可以，繪制一條直線。（7）新建圖層，選擇“圓角矩形工具”，半徑為50像素，顏色為黑色或者深藍(lán)色。（8）新建圖層，選擇“文字工具”，在剛才繪制好的圓角矩形上輸入“More”，文字大小是12，顏色為白色，字體為“Arial”。（9）使用同樣的辦法可以制作完成其他網(wǎng)頁(yè)內(nèi)容部分的標(biāo)題。（10）保存文件。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)六對(duì)案例網(wǎng)站版面切圖1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）掌握網(wǎng)站版面設(shè)計(jì)的方法。（3）對(duì)案例網(wǎng)站版面進(jìn)行切圖。3、實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件切片工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站網(wǎng)頁(yè)。（3）根據(jù)小組討論結(jié)果，實(shí)際動(dòng)手對(duì)網(wǎng)站版面進(jìn)行切圖。4、實(shí)訓(xùn)內(nèi)容（1）打開(kāi)Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁(yè)，了解網(wǎng)頁(yè)對(duì)象分布的基本情況。（3）打開(kāi)制作好的網(wǎng)站版面源文件，使用切片工具準(zhǔn)備對(duì)版面進(jìn)行切圖。（4）使用參考線將網(wǎng)站版面部分之間進(jìn)行分割。（5）使用切片工具對(duì)網(wǎng)站版面進(jìn)行切割。（6）切圖完成后，選擇“文件”“存儲(chǔ)為WEB所用格式”，存儲(chǔ)文件類(lèi)型可以選擇“JPEG”或者“GIF”。（7）整理保存好的文件。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)站首頁(yè)1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的使用方法。（2）掌握使用表格布局網(wǎng)頁(yè)的方法。（3）制作完成案例網(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)手完成案例網(wǎng)站首頁(yè)。4、實(shí)訓(xùn)內(nèi)容（1）預(yù)覽實(shí)訓(xùn)網(wǎng)頁(yè)。（2）在D盤(pán)根目錄下新建一個(gè)文件夾“home”，在該文件夾中分別新建“css”、“images”，“html”三個(gè)文件夾，（3）打開(kāi)Dreamweaver軟件，將“home”文件夾定義為站點(diǎn)。（4）創(chuàng)建一個(gè)命名為“index.html”的網(wǎng)頁(yè)文檔，設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性。（5）根據(jù)網(wǎng)頁(yè)首頁(yè)效果圖，插入表格，進(jìn)行表格的嵌套，完成網(wǎng)頁(yè)首頁(yè)的布局。（6）在網(wǎng)頁(yè)插入的表格中輸入文字、水平線和日期等內(nèi)容，設(shè)置文本的屬性。（7）在網(wǎng)頁(yè)中插入圖像，設(shè)置圖像的屬性。（8）創(chuàng)建CSS樣式表文件，分別定義需要添加效果的不同CSS樣式。（9）在網(wǎng)頁(yè)上分別應(yīng)用不同的CSS樣式。（10）保存網(wǎng)頁(yè)文件。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)站模板的制作1、學(xué)時(shí)分配：6學(xué)時(shí)2、實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的使用方法。（2）掌握網(wǎng)頁(yè)模板的制作方法。（3）掌握使用網(wǎng)頁(yè)模板創(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)手制作網(wǎng)頁(yè)模板。4、實(shí)訓(xùn)內(nèi)容（1）根據(jù)下發(fā)的“二級(jí)網(wǎng)頁(yè).jpg”，在Photoshop軟件中設(shè)計(jì)完成二級(jí)網(wǎng)頁(yè)版面，并且切圖制作網(wǎng)頁(yè)。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁(yè)，了解網(wǎng)頁(yè)對(duì)象分布的基本情況。（3）在Dreamweaver軟件中打開(kāi)制作好的二級(jí)網(wǎng)頁(yè)，選擇“文件”“另存為模板”，將制作好的網(wǎng)頁(yè)轉(zhuǎn)化為模板文件。（4）在創(chuàng)建好的模板網(wǎng)頁(yè)上插入“可編輯區(qū)域”，根據(jù)需要可以插入多個(gè)可編輯區(qū)域。（5）也可以選擇“文件”“新建”“模板文件”，重新創(chuàng)建一個(gè)新的模板文件，跟制作網(wǎng)頁(yè)的方法一樣，制作完成模板網(wǎng)頁(yè)后，一定要在模板網(wǎng)頁(yè)中插入可編輯區(qū)域。（6）選擇“文件”“模板”，選擇創(chuàng)建好的網(wǎng)頁(yè)模板，選擇“由模板創(chuàng)建”，利用制作好的模板來(lái)生成網(wǎng)頁(yè)。（7）在生成的網(wǎng)頁(yè)中的可編輯區(qū)域中添加相應(yīng)的網(wǎng)頁(yè)內(nèi)容。（8）對(duì)創(chuàng)建好的網(wǎng)頁(yè)模板進(jìn)行編輯，并且進(jìn)行更新。（9）整理保存好的文件。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)頁(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