網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)大綱而二次修改

1、.網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)課程標(biāo)準(zhǔn) 一 課程定位本課程是軟件技術(shù)專業(yè)“網(wǎng)頁(yè)設(shè)計(jì)與制作”等相關(guān)軟件核心課程的實(shí)踐課，是完成網(wǎng)頁(yè)設(shè)計(jì)與制作課程和培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本操作技能的重要實(shí)訓(xùn)實(shí)踐環(huán)節(jié)?？倢W(xué)時(shí)為40學(xué)時(shí)，共包括8個(gè)實(shí)踐項(xiàng)目。實(shí)踐地點(diǎn)為校內(nèi)計(jì)算機(jī)實(shí)訓(xùn)室。實(shí)踐結(jié)果將使學(xué)生全面掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的技術(shù)及網(wǎng)頁(yè)制作軟件的使用。 。二 設(shè)計(jì)思路（）和自定義的網(wǎng)頁(yè)，兩個(gè)網(wǎng)頁(yè)項(xiàng)目來(lái)實(shí)踐div+CSS，在實(shí)際操作過(guò)程中會(huì)把之前的知識(shí)串聯(lián)起來(lái)，深入div+CSS的學(xué)習(xí)，在動(dòng)手練習(xí)操作過(guò)程中遇到問(wèn)題,在實(shí)際中解決問(wèn)題。三 課程目標(biāo)通過(guò)div+CSS的實(shí)踐學(xué)習(xí)，使學(xué)生掌握基本

2、的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格定位、靜態(tài)元素設(shè)計(jì)、動(dòng)態(tài)元素設(shè)計(jì)和網(wǎng)頁(yè)合成的工作流程及方法。熟悉并熟練掌握photoshop和Dreamweaver等網(wǎng)頁(yè)制作軟件，并了解建站流程，最后，把做好網(wǎng)頁(yè)發(fā)布到服務(wù)器上去，通過(guò)互聯(lián)網(wǎng)訪問(wèn)頁(yè)面。四 教學(xué)內(nèi)容與學(xué)時(shí)分配；.網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)教學(xué)安排與學(xué)時(shí)分配實(shí)訓(xùn)模塊知識(shí)分解實(shí)訓(xùn)要求學(xué)時(shí)實(shí)訓(xùn)一選框工具、移動(dòng)工具、仿制圖章工具、文字工具、默認(rèn)前景和背景顏色DIV+CSS基礎(chǔ)實(shí)訓(xùn)，回顧基礎(chǔ)2實(shí)訓(xùn)二選中所需要的圖層，新建、復(fù)制、粘貼圖層Photoshop基礎(chǔ)，切圖，準(zhǔn)備好網(wǎng)頁(yè)制作素材2實(shí)訓(xùn)三新建web文件夾，在web文件夾下建立子文件夾，分別是css、flash、images文

3、件夾將準(zhǔn)備好的素材放進(jìn)相對(duì)應(yīng)文件夾里面，打開(kāi)軟件Dreamweaver，新建html然后改html文件里的標(biāo)題，并改名為index.html保存在web文件夾里制作網(wǎng)頁(yè)的通常步驟和注意的一些細(xì)節(jié)要點(diǎn)2實(shí)訓(xùn)四首先拿到一個(gè)網(wǎng)頁(yè)設(shè)計(jì)圖不是直接去做，而是先得去觀察，思考這個(gè)設(shè)計(jì)圖應(yīng)該怎樣分層，應(yīng)該分幾層，應(yīng)該分哪幾層。一般網(wǎng)頁(yè)大致可分三層，就是頭部層top，中間層box，尾部層foot。開(kāi)始制作網(wǎng)頁(yè)，搭建好網(wǎng)頁(yè)的框架2實(shí)訓(xùn)五HTML語(yǔ)法、主體標(biāo)簽、標(biāo)題 heading、文本格式、段落 paragraph、實(shí)體&、注釋講解制作網(wǎng)頁(yè)的常用標(biāo)簽代碼2實(shí)訓(xùn)六學(xué)校官網(wǎng)基本素材，box層，foot層等開(kāi)始編寫(xiě)網(wǎng)頁(yè)

4、代碼，完成整體網(wǎng)頁(yè)設(shè)計(jì)代碼10實(shí)訓(xùn)七FLASH層的添加及編輯、層、標(biāo)簽命令的編輯網(wǎng)上搜索資料素材，尋找自己適合的網(wǎng)頁(yè)制作2實(shí)訓(xùn)八綜合上述全部知識(shí)點(diǎn)及之前學(xué)過(guò)的軟件知識(shí)進(jìn)行自主開(kāi)發(fā)制作網(wǎng)站，結(jié)合學(xué)校主頁(yè)的編輯效果及HTML編輯命令，將截圖網(wǎng)站進(jìn)行加工、上傳。制作網(wǎng)頁(yè)，完成整體自己獨(dú)立設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)代碼18合計(jì)40學(xué)時(shí)實(shí)訓(xùn)內(nèi)容說(shuō)明實(shí)訓(xùn)一 DIV+CSS基礎(chǔ)實(shí)訓(xùn) 2學(xué)時(shí)（一）實(shí)訓(xùn)目的回顧之前學(xué)習(xí)的Photoshop的DIV+CSS相關(guān)知識(shí)，了解同學(xué)們之前所學(xué)知識(shí)的程度。（二）實(shí)訓(xùn)要求完成實(shí)訓(xùn)報(bào)告，在實(shí)訓(xùn)報(bào)告中要求記錄如下內(nèi)容： 1.怎樣運(yùn)用Photoshop軟件及常用的快捷鍵2.CSS基本用法及常用

5、屬性（三）實(shí)訓(xùn)內(nèi)容1寫(xiě)出HTML語(yǔ)法的基本結(jié)構(gòu)2編寫(xiě)包括文本和圖像的兩至三個(gè)簡(jiǎn)單網(wǎng)頁(yè)3在網(wǎng)頁(yè)之間建立文本、圖像和書(shū)簽超鏈接4編寫(xiě)一個(gè)帶有表格的網(wǎng)頁(yè)5編寫(xiě)一個(gè)帶框架結(jié)構(gòu)的網(wǎng)頁(yè)實(shí)訓(xùn)二 Photoshop基礎(chǔ) 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.回顧Photoshop的界面及其操作2.使用Photoshop處理漸變圖片上的文字，壓縮圖片大?。ǘ?shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識(shí)。實(shí)訓(xùn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)訓(xùn)內(nèi)容本實(shí)訓(xùn)的內(nèi)容主要是完成制作學(xué)校官網(wǎng)主頁(yè)界面素材的各種控件圖標(biāo)，分類建立文件夾如：images、flash、c

6、ss等以及各項(xiàng)素材截圖。實(shí)訓(xùn)三 創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè)實(shí)例 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.本節(jié)課主要講解網(wǎng)頁(yè)的通常步驟.2.在制作網(wǎng)頁(yè)里面注意的細(xì)節(jié)問(wèn)題 （二）實(shí)訓(xùn)要求1.文件夾命名必須是英文的2.命名必須有意義的(例如：放圖片的文件夾就可以命名為images)3.新建好html之后一定得記得立即保存并改名為index.html4.代碼編寫(xiě)規(guī)范（命名，格式等等）編寫(xiě)代碼的好習(xí)慣（注釋、隨時(shí)保存等等）（三）實(shí)訓(xùn)內(nèi)容新建web文件夾，在web文件夾下建立子文件夾，將準(zhǔn)備好的素材放進(jìn)相對(duì)應(yīng)文件夾里面打開(kāi)軟件Dreamweaver，新建html然后改html文件里的標(biāo)題，并改名為index.html保存在web文件夾

7、里。實(shí)訓(xùn)四 設(shè)計(jì)網(wǎng)站分層結(jié)構(gòu) 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.掌握分層思想首先拿到一個(gè)網(wǎng)頁(yè)設(shè)計(jì)圖不是直接去做，而是先得去觀察，思考這個(gè)設(shè)計(jì)圖應(yīng)該怎樣分層，應(yīng)該分幾層，應(yīng)該分哪幾層。2.常用分層思想一般網(wǎng)頁(yè)大致可分三層，就是頭部層top，中間層box，尾部層foot。（二）實(shí)訓(xùn)要求1.觀察網(wǎng)頁(yè)設(shè)計(jì)圖，思考怎樣為其分層2.開(kāi)始搭建網(wǎng)頁(yè)框架（三）實(shí)訓(xùn)內(nèi)容本實(shí)訓(xùn)的內(nèi)容主要是利用上次實(shí)訓(xùn)的內(nèi)容分析網(wǎng)站主頁(yè)結(jié)構(gòu)如何進(jìn)行分層處理，設(shè)計(jì)理想完善的結(jié)構(gòu)為后續(xù)實(shí)訓(xùn)搭建框架。實(shí)訓(xùn)五 常用標(biāo)簽代碼使用 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.熟悉Dreamweaver中html常用標(biāo)簽代碼有哪些2.HTML語(yǔ)法（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，

8、熟練掌握有關(guān)表格布局的基礎(chǔ)概念和知識(shí)。實(shí)訓(xùn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)訓(xùn)內(nèi)容本實(shí)訓(xùn)的內(nèi)容主要是利用html常用標(biāo)簽代碼進(jìn)行主體標(biāo)簽的定義1.標(biāo)題字2.文本基本標(biāo)記3.文本格式化標(biāo)記4.段落標(biāo)記5.換行與不換行6.水平線7.實(shí)體8.注釋9.其他定義實(shí)訓(xùn)六 框架網(wǎng)頁(yè)的創(chuàng)建 10學(xué)時(shí)（一）實(shí)訓(xùn)目的掌握和了解框架網(wǎng)頁(yè)的創(chuàng)建和編輯操作，熟悉目標(biāo)框架的設(shè)定。（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁(yè)的基礎(chǔ)概念和知識(shí)。實(shí)訓(xùn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)

9、訓(xùn)內(nèi)容本實(shí)訓(xùn)的內(nèi)容主要是利用框架結(jié)構(gòu)來(lái)建立網(wǎng)頁(yè)，并設(shè)置目標(biāo)框架。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.制作兩個(gè)框架網(wǎng)頁(yè)其中一個(gè)為教師指定樣式，另一個(gè)可以自由發(fā)揮。3.設(shè)置網(wǎng)頁(yè)間的超鏈接,并設(shè)置目標(biāo)框架.實(shí)訓(xùn)七自主設(shè)計(jì)網(wǎng)站 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.選取適合發(fā)布和制作的網(wǎng)站主頁(yè)并做好前期準(zhǔn)備工作2.熟悉層面板，利用時(shí)間軸制作層動(dòng)畫(huà)。（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟悉知名網(wǎng)站或門戶論壇的版面規(guī)劃，并運(yùn)用所學(xué)知識(shí)進(jìn)行靜態(tài)加工。實(shí)訓(xùn)過(guò)程中記錄發(fā)生的問(wèn)題并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師。（三）實(shí)訓(xùn)內(nèi)容使用層和CSS編輯主頁(yè)：1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.在網(wǎng)頁(yè)上添加動(dòng)畫(huà)及控件(1

10、)FLASH層的添加及編輯(2)層、標(biāo)簽命令的編輯3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)訓(xùn)八 表單網(wǎng)頁(yè)的創(chuàng)建 3學(xué)時(shí)（一）實(shí)訓(xùn)目的1.熟悉和掌握表單的各元素的基本操作2.能夠獨(dú)立創(chuàng)建表單網(wǎng)頁(yè)實(shí)例（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)表單網(wǎng)頁(yè)的基礎(chǔ)概念和知識(shí)。實(shí)訓(xùn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果考評(píng)使用。（三）實(shí)訓(xùn)內(nèi)容本實(shí)訓(xùn)的內(nèi)容主要是熟練表單的基本操作，并制作表單網(wǎng)頁(yè)。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.其中一個(gè)網(wǎng)頁(yè)為表單網(wǎng)為老師指定,其他含表單項(xiàng)目網(wǎng)頁(yè)自由發(fā)揮制作。3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。五 實(shí)訓(xùn)要求1.考勤：實(shí)訓(xùn)期間不遲到，不早退，不曠課，不無(wú)故請(qǐng)假。2.紀(jì)律：實(shí)訓(xùn)課不大聲喧嘩，不討論實(shí)訓(xùn)無(wú)關(guān)話題；不隨意接聽(tīng)電話。3.嚴(yán)禁上網(wǎng)做與實(shí)訓(xùn)無(wú)關(guān)的事情。4.實(shí)訓(xùn)期間注意維護(hù)實(shí)驗(yàn)室衛(wèi)生，不得在實(shí)驗(yàn)室亂丟垃圾，不得在實(shí)驗(yàn)室吃東西。5.按照實(shí)訓(xùn)進(jìn)度及時(shí)完成實(shí)訓(xùn)報(bào)告。六 課程考核任課教師根據(jù)實(shí)訓(xùn)要求擬定出具體考核細(xì)則，由學(xué)生動(dòng)手操作完成相關(guān)實(shí)訓(xùn)實(shí)踐項(xiàng)目，按統(tǒng)