【正文】 站主頁面設(shè)計(jì)、欄目頁設(shè)計(jì)、管理員管理登陸頁面、管理員登錄以后的頁面。：網(wǎng)頁視覺效果應(yīng)采用Internet Explorer ，顯示分辨率以1024768狀態(tài)為準(zhǔn)。第1頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書：網(wǎng)頁總量原則上不應(yīng)超過10M，且必須要是不連接互聯(lián)網(wǎng)就可以進(jìn)行展示的作品。：要求結(jié)構(gòu)清晰，文件有清晰的分類，比如圖片都放在images文件夾下等。、顏色搭配協(xié)調(diào)；，下學(xué)期或下一階段繼續(xù)完善、開發(fā)。實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時間安排，適用專業(yè)班級該實(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)目名稱為《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》。實(shí)訓(xùn)時間：20132014學(xué)年第一學(xué)期第1518周 實(shí)訓(xùn)班級：軟件1301班、軟件1302班 實(shí)訓(xùn)地點(diǎn)： 學(xué)校機(jī)房第2頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)一 站點(diǎn)的規(guī)劃設(shè)計(jì)學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的界面布局和工作環(huán)境。（2）熟練掌握本地站點(diǎn)創(chuàng)建和管理的方法。實(shí)訓(xùn)任務(wù)（1）創(chuàng)建一個靜態(tài)網(wǎng)站站點(diǎn)。（2）從網(wǎng)絡(luò)上收集網(wǎng)頁素材。（3）根據(jù)提供的網(wǎng)站策劃方案范本，結(jié)合自己要制作完成的網(wǎng)站，開始著手書寫網(wǎng)站策劃方案。實(shí)訓(xùn)內(nèi)容（1）打開Dreamweaver 軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Dreamweaver 軟件。（2）在本機(jī)D盤上創(chuàng)建文件夾“home”，在“home”文件夾下根據(jù)網(wǎng)站的規(guī)劃設(shè)計(jì)，創(chuàng)建相關(guān)的文件夾，用來放置不同的文件。（3）在Dreamweaver 軟件中，將D盤 “home” 文件夾定義成靜態(tài)網(wǎng)站站點(diǎn)，站點(diǎn)名稱任意。實(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é)的能力。第3頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)二 設(shè)計(jì)案例網(wǎng)站LOGO學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的界面布局和工作環(huán)境。（2）熟練掌握網(wǎng)站LOGO的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的LOGO。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件文字工具工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站LOGO。（3）根據(jù)小組討論結(jié)果，實(shí)際動手完成網(wǎng)站的LOGO。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Photoshop軟件。（2）新建Photoshop文件，大小為980*600像素，分辨率為72像素/英寸，顏色模式為RGB顏色8位，背景顏色為白色或者透明都可以。（3）使用文字工具，輸入MZD三個字母，設(shè)置文字屬性。（4）柵格化文字圖層，將柵格化后的圖層上的3個字母分別移動到不同的3個圖層上。（5）分別對3個字母進(jìn)行藝術(shù)化處理。（6）輸入其他的文字。（7）為輸入的文字圖層設(shè)置“混合選項(xiàng)”。（8）保存文件。實(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é)的能力。第4頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)三 設(shè)計(jì)案例網(wǎng)站BANNER學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站BANNER的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的BANNER。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件漸變工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站BANNER。（3）根據(jù)小組討論結(jié)果，實(shí)際動手完成網(wǎng)站的BANNER。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）打開上次保存好的Photoshop源文件，在上次完成的LOGO基礎(chǔ)上，準(zhǔn)備開始制作本次的BANNER。（3）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開始設(shè)計(jì)網(wǎng)站的BANNER，首先去選擇一張適合的圖片。（4）使用矩形選框工具選擇要使用的圖片部分，圖片的其他部分刪除。（5）根據(jù)設(shè)計(jì)要求，在BANNER上添加其他元素，比如文字或者其他能夠表達(dá)網(wǎng)站主題的圖片。（6）使用魔術(shù)棒工具將要放置到BANNER上的圖片的某一部分扣出來，然后設(shè)置適合的大小，旋轉(zhuǎn)好方向后放好。（7）設(shè)置圖層的樣式，以及文字的混合選項(xiàng)等。（8）保存文件。實(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é)的能力。第5頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)四 設(shè)計(jì)案例網(wǎng)站導(dǎo)航條學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站導(dǎo)航條的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的導(dǎo)航條。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件圓角矩形工具的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站導(dǎo)航條。（3）根據(jù)小組討論結(jié)果，實(shí)際動手完成網(wǎng)站的導(dǎo)航條。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）查看網(wǎng)上其它網(wǎng)站的導(dǎo)航條，了解導(dǎo)航條的基本情況。（3）打開上次保存好的Photoshop源文件，在上次完成的基礎(chǔ)上，準(zhǔn)備開始制作本次的導(dǎo)航條。（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開始設(shè)計(jì)網(wǎng)站的導(dǎo)航條，首先去選擇一張適合的圖片。（5）使用圓角矩形工具繪制一個圓角矩形，顏色與大小要與整個網(wǎng)站的風(fēng)格與主題相一致。（6）選中繪制好的圓角矩形，使用漸變工具，繪制立體感導(dǎo)航條背景。（7）輸入導(dǎo)航條文字，輸入導(dǎo)航條文字間的豎線間隔。（8）設(shè)置文字和豎線的混合選項(xiàng)，增加立體感。（9）保存文件。實(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é)的能力。第6頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)五 設(shè)計(jì)案例網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明的設(shè)計(jì)方法。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件多種工具結(jié)合的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站網(wǎng)頁。（3）根據(jù)小組討論結(jié)果，實(shí)際動手完成網(wǎng)站的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。（3）打開上次保存好的Photoshop源文件，在上次完成的基礎(chǔ)上，準(zhǔn)備開始制作本次的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，選擇灰色與深藍(lán)色作為邊框顏色，網(wǎng)頁內(nèi)容標(biāo)題文字顏色為黑色。（5）以制作通知公告為例，使用文字工具輸入文字“通知公告”，文字大小為14號，文字顏色為黑色，文字字體為“宋體或者黑體”，根據(jù)自己的理解，可以為文字增加“混合選項(xiàng)”，設(shè)置文字效果。（6）新建圖層，選擇“線條工具”，線條粗細(xì)為1 像素，顏色為黑色或者深藍(lán)色都可以，繪制一條直線。（7）新建圖層，