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

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

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

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

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

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

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

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

8、熟練掌握有關(guān)表格布局的基礎(chǔ)概念和知識。實(shí)訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計結(jié)果供下一個實(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)頁的創(chuàng)建 10學(xué)時（一）實(shí)訓(xùn)目的掌握和了解框架網(wǎng)頁的創(chuàng)建和編輯操作，熟悉目標(biāo)框架的設(shè)定。（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁的基礎(chǔ)概念和知識。實(shí)訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計結(jié)果供下一個實(shí)訓(xùn)使用。（三）實(shí)

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

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