《Dreamweaver 網(wǎng)頁設(shè)計(jì)與制作》實(shí)訓(xùn)教學(xué)大綱

1、Dreamweaver MX網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)教學(xué)大綱一、大綱說明網(wǎng)頁制作是計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)專業(yè)開設(shè)的一門專業(yè)必修課。該課程涉及到色彩構(gòu)成、平面制作、圖形設(shè)計(jì)等相關(guān)課程，要求學(xué)生具有一定的設(shè)計(jì)能力。網(wǎng)頁制作作為必修課，教授本課使用直觀教學(xué)演示方法，使講解的內(nèi)容更直觀更易被接受，符合計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)專業(yè)開設(shè)本課程的目的。本課程教學(xué)目標(biāo)為：1. 基本理論要求：通過本課程的課堂教學(xué)，系統(tǒng)學(xué)習(xí)網(wǎng)頁制作的工作原理。2. 基本技能要求：通過學(xué)習(xí)網(wǎng)頁制作熟悉網(wǎng)頁處理的流程及方法。二、大綱內(nèi)容課題一 HTML簡介實(shí)訓(xùn)目的：1.掌握網(wǎng)頁設(shè)計(jì)基本概念和HTML的基本結(jié)構(gòu)2.了解網(wǎng)頁技術(shù)概況、HTML的編輯和運(yùn)行環(huán)境實(shí)

2、訓(xùn)內(nèi)容：項(xiàng)目1.熟悉html語言的基本結(jié)構(gòu)項(xiàng)目2.使用html語言的基本結(jié)構(gòu)，編寫簡單的網(wǎng)頁重點(diǎn)技能操作：掌握html語言的基本結(jié)構(gòu)，學(xué)會編寫簡單的網(wǎng)頁課題二 文字版面的編輯實(shí)訓(xùn)目的：掌握文字版面的編輯，如頁面布局、字體屬性等簡單的版面設(shè)計(jì)實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.文字版面的編輯（一），通過頁面布局實(shí)現(xiàn)文字版面的編輯。項(xiàng)目2.文字版面的編輯（二），調(diào)整字體屬性美化網(wǎng)頁頁面。重點(diǎn)技能操作：掌握網(wǎng)頁中頁面布局及字體屬性的設(shè)置。課題三 建立超鏈接實(shí)訓(xùn)目的：掌握網(wǎng)頁的超鏈接技術(shù)的應(yīng)用。實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.建立超鏈接，在網(wǎng)頁中實(shí)現(xiàn)對同一文件、不同文件和網(wǎng)絡(luò)資源的超鏈接。重點(diǎn)技能操作：掌握網(wǎng)頁中各種不同超鏈接效果的

3、實(shí)現(xiàn)。課題四 圖像的處理實(shí)訓(xùn)目的：掌握圖像的處理，包括背景圖案、圖形、圖象及其超鏈接等的設(shè)定和應(yīng)用實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.圖像的處理，設(shè)定和應(yīng)用背景圖案、圖形、圖象及其超鏈接等。重點(diǎn)技能操作：學(xué)會使用圖像美化網(wǎng)頁。課題五 列表項(xiàng)目實(shí)訓(xùn)目的：掌握列表的各種使用實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.列表項(xiàng)目，使用各種列表美化網(wǎng)頁重點(diǎn)技能操作：學(xué)會使用列表美化網(wǎng)頁。課題六 表格實(shí)訓(xùn)目的：1.了解表格的基本語法2.掌握表格的定義、控制、分組、標(biāo)題等的應(yīng)用，并學(xué)會使用表格布局實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.表格（一），使用表格的基本語法定義表格，并控制表格中的行、單元格、分組和標(biāo)題。項(xiàng)目2.表格（二），使用表格布局網(wǎng)頁頁面。重點(diǎn)技能操作：在網(wǎng)

4、面中合理的應(yīng)用表格，掌握表格布局網(wǎng)頁的方式。課題七 表單的設(shè)計(jì)實(shí)訓(xùn)目的：掌握表單在網(wǎng)頁中的應(yīng)用實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.表單的設(shè)計(jì)（一），在網(wǎng)頁中添加各種表單元素。項(xiàng)目2.表單的設(shè)計(jì)（二），與表格相結(jié)合制作完美的表單頁面。重點(diǎn)技能操作：在網(wǎng)面中合理的應(yīng)用表格布局，掌握各種表單元素的現(xiàn)實(shí)方式。課題八 網(wǎng)頁的動態(tài)效果實(shí)訓(xùn)目的：掌握如何在網(wǎng)頁中加入各種動態(tài)效果實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.網(wǎng)頁的動態(tài)效果，在網(wǎng)頁中加入各種動態(tài)效果，如滾動的文字，多媒體加入網(wǎng)頁，F(xiàn)lash動畫。重點(diǎn)技能操作：學(xué)會在網(wǎng)頁中添加各種動態(tài)效果。課題九 CSS的基礎(chǔ)知識實(shí)訓(xùn)目的：掌握網(wǎng)頁中CSS的使用方式實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.CSS的基礎(chǔ)知識（一），

5、使用四種方法使用css 樣式表；項(xiàng)目2.CSS的基礎(chǔ)知識（二），使用Class類與id類控制網(wǎng)頁的格式。重點(diǎn)技能操作：理解樣式表的應(yīng)用。掌握在網(wǎng)頁中添加樣式表的四種方法。掌握class類與id類的應(yīng)用。課題十 CSS的屬性實(shí)訓(xùn)目的：掌握CSS的各種屬性應(yīng)用實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.CSS的屬性（一），運(yùn)用css樣式表設(shè)置字體樣式并控制圖文布局項(xiàng)目2.CSS的屬性（二），綜合應(yīng)用CSS的各種屬性重點(diǎn)技能操作：理解樣式表的各種屬性及其顯示效果。掌握在網(wǎng)頁中使用各種屬性控制網(wǎng)頁的實(shí)現(xiàn)效果。課題十一 框架結(jié)構(gòu)實(shí)訓(xùn)目的：掌握窗口框架在網(wǎng)頁中的應(yīng)用實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.在網(wǎng)頁中應(yīng)用框架結(jié)構(gòu)重點(diǎn)技能操作：了解在網(wǎng)頁中添

6、加框架結(jié)構(gòu)的方法。課題十二 Dreamweaver軟件的使用實(shí)訓(xùn)目的：掌握Dreamweaver軟件的基本結(jié)構(gòu)，并基本學(xué)會使用Dreamweaver軟件實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.基本網(wǎng)頁元素的實(shí)現(xiàn)，在Dreamweaver軟件中添加基本的網(wǎng)頁元素。項(xiàng)目2.創(chuàng)建站點(diǎn)，在Dreamweaver軟件中創(chuàng)建站點(diǎn)，通過修改元素屬性設(shè)置美化網(wǎng)頁。重點(diǎn)技能操作：掌握Dreamweaver軟件中創(chuàng)建站點(diǎn)和添加基本元素的方法。課題十三 制作個(gè)人網(wǎng)站實(shí)訓(xùn)目的：1.培養(yǎng)學(xué)生熟練掌握HTML語言的實(shí)際應(yīng)用能力；2.培養(yǎng)學(xué)生掌握運(yùn)用Dreamweaver制作網(wǎng)頁的能力；3.培養(yǎng)學(xué)生掌握網(wǎng)頁的設(shè)計(jì)與制作的一般流程的能力；4.培養(yǎng)

7、學(xué)生學(xué)會做網(wǎng)站需求分析的能力；5.培養(yǎng)學(xué)生學(xué)會特定資料的收集與整理的能力；6.培養(yǎng)學(xué)生掌握獨(dú)立完成站點(diǎn)建立，頁面設(shè)計(jì)，顏色搭配，多媒體元素添加，運(yùn)用樣式表進(jìn)行網(wǎng)頁整體風(fēng)格設(shè)定的能力。實(shí)訓(xùn)內(nèi)容：項(xiàng)目1.認(rèn)真構(gòu)思個(gè)人網(wǎng)站的框架結(jié)構(gòu)；進(jìn)行網(wǎng)站需求分析；收集符合選定主題的多媒體素材；對素材進(jìn)行處理，以符合網(wǎng)頁設(shè)計(jì)的需要。項(xiàng)目2.制作具有一定主題的，符合具體頁面要求的完整網(wǎng)站。重點(diǎn)技能操作：1、 頁面 （1）主題要突出，內(nèi)容充實(shí)、健康向上，布局合理；（2）主頁視覺效果；2、 層次 （1）默認(rèn)狀態(tài)下制作網(wǎng)頁；（2）鏈接正確、至少二層鏈接、五個(gè)二級頁面，三級頁面多少可自由處理，但不可過多；（3）網(wǎng)頁中必須使

8、用“相對路徑”，所用到的素材以英文形式命名；（4）結(jié)構(gòu)清晰、規(guī)范；3、 圖片處理 （1）圖片構(gòu)圖或背景圖設(shè)計(jì)新穎，有創(chuàng)意；（2）圖片或背景圖色彩搭配合理、美觀，（3）圖片或背景色調(diào)、明暗一致，不能有粘貼的痕跡；4、 技術(shù)（1） 網(wǎng)頁中有自制的動態(tài)效果如字幕標(biāo)簽的使用，特效的添加；（2） 技術(shù)運(yùn)用要全面，技術(shù)含量高，尤其是表格的特殊布局，運(yùn)用CSS進(jìn)行頁面的美化等；（3）網(wǎng)頁存放以“姓名網(wǎng)頁設(shè)計(jì)”為名的文件夾中，首頁index.htm，首頁是整個(gè)網(wǎng)站的關(guān)鍵所在，最成體現(xiàn)你的特色，所以要把重點(diǎn)關(guān)注。（4） 要按要求建立文件目錄；素材要分門別類的放置，如圖像可以以imges或pics命名，動畫以sw

9、f命名或animation命名我，聲音以sounds命名，樣式以css命名；特別注意：所用的素材都應(yīng)全部放在以“姓名網(wǎng)頁設(shè)計(jì)”為名的文件夾里，否則會出現(xiàn)圖片不能顯示等問題影響最終效果，二級頁面命名時(shí)全部使用英文名，命名時(shí)要做到見名知意。5、內(nèi)容要求（1）二級頁面的布局不能完全一樣，至少要有3個(gè)不一樣（2）各個(gè)頁面以表格進(jìn)行布局，各個(gè)頁面不能簡單地包含的文字和圖像就算了，頁面元素要豐富且搭配合理（3）聲音使用要合理，不能濫用三、學(xué)時(shí)分配課題內(nèi) 容總學(xué)時(shí)課題一HTML簡介2課題二文字版面的編輯4課題三建立超鏈接2課題四圖像的處理2課題五列表項(xiàng)目2課題六表格8課題七表單的設(shè)計(jì)8課題八網(wǎng)頁的動態(tài)效果8課題九CSS的基礎(chǔ)知識4課題十CSS的屬性4課題十一框架結(jié)構(gòu)2課題十二Dreamweaver軟件的使用8課題十三制作個(gè)人網(wǎng)站6總 計(jì)60四、教學(xué)環(huán)節(jié)1. 組織教學(xué)。組織上課地點(diǎn).點(diǎn)名檢查學(xué)生出勤情況.填寫考勤表.檢查工作服.鞋帽是否符合安全衛(wèi)生要求。2. 入門指導(dǎo)。檢查復(fù)習(xí)、作業(yè)分析、講解新課、目的明確、語言簡煉，突出重點(diǎn)、示范操作、分配任務(wù)。3. 巡回指導(dǎo)。集體指導(dǎo)、個(gè)別指導(dǎo)、培養(yǎng)典型、教師做到五勤（腳、眼、腦、嘴、手）。4.結(jié)束指導(dǎo)。收集指導(dǎo)內(nèi)容、實(shí)習(xí)報(bào)告、收集講解內(nèi)容、點(diǎn)評、結(jié)合學(xué)生談體會。五、教材與參考書目1.Dreamweaver MX網(wǎng)頁設(shè)計(jì)與制作