《Dreamweaver 網(wǎng)頁設(shè)計與制作》實訓教學大綱

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

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

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

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

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

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

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

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

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