網(wǎng)頁設(shè)計與制作》教學(xué)大綱

1、網(wǎng)頁設(shè)計與制作教學(xué)大綱一、說明1、課程的性質(zhì)和內(nèi)容網(wǎng)頁設(shè)計與制作課程是計算機應(yīng)用技術(shù)、電子商務(wù)等專業(yè)的一門核心課程，也是其他計算機專業(yè)的普及型課程。內(nèi)容主要涵蓋了HTML語言的語法規(guī)則及文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)記及屬性，、JavaScript腳本編程語言、Dreamweaver、Fireworks、Flash、Photoshop等相關(guān)知識，全面介紹WEB站點設(shè)計的基本操作技術(shù)和使用技巧。2、課程的任務(wù)和要求通過本課程的學(xué)習(xí)，要求學(xué)生掌握靜態(tài)網(wǎng)頁的制作方法、學(xué)會HTML語言、熟悉站點的上傳和維護并能夠獨立解決網(wǎng)頁編輯中遇到的一般問題，能熟練運用Dreamweaver

2、進行網(wǎng)站的導(dǎo)入、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；能熟練掌握J(rèn)AVASCRIPT腳本編程語言的基本語法知識，能實現(xiàn)網(wǎng)頁的交互和特殊效果；能維護、管理和設(shè)計WEB應(yīng)用程序；能獨立設(shè)計小型WEB站點。3、教學(xué)中應(yīng)注意的問題在教學(xué)過程中要注重Dreamweaver、Firework或Photoshop和Flash軟件的主要功能，其中Dreamweaver主要是完成網(wǎng)頁設(shè)計和網(wǎng)站管理；Firework或Photoshop主要進行圖像的設(shè)計與編輯；Flash主要開發(fā)適應(yīng)網(wǎng)絡(luò)傳輸?shù)牧髅襟w電腦規(guī)劃。并且要培養(yǎng)學(xué)生綜合使用這些軟件的能力，注重學(xué)生動手能力的培養(yǎng)和上機試驗。教學(xué)過程中應(yīng)該以Drea

3、mweaver為主。在講授理論的同時加入具體的設(shè)計項目實驗，力求達到實戰(zhàn)的效果避免空洞的理論學(xué)習(xí)。二、學(xué)時分配模塊名稱總課時講授演示實驗仿真模塊11-11-21-31-41-5初識網(wǎng)站和網(wǎng)頁網(wǎng)站和網(wǎng)頁網(wǎng)頁中的元素類型常用網(wǎng)站管理與制作軟件網(wǎng)站建設(shè)流程HTML與CSS入門642模塊22-12-22-N初識Dreamweaver熟悉Dreamweaver操作環(huán)境網(wǎng)站規(guī)劃與管理設(shè)置頁面屬性6222模塊33-13-2網(wǎng)頁布局方法使用表格布局網(wǎng)頁使用框架布局網(wǎng)頁6222模塊44-14-24-34-4編輯網(wǎng)頁元素文本輸入與編輯使用圖像使用Flash動畫使用其他媒體元素6222模塊55-15-2使用超鏈接設(shè)

4、置超鏈接管理超鏈接422模塊66-16-2HTML樣式和CSS樣式編輯HTML代碼創(chuàng)建和使用CSS樣式表422模塊77-17-27-37-47-5Dreamweaver高級應(yīng)用使用行為時間軸的應(yīng)用表單及其應(yīng)用模板與庫CSS樣式的應(yīng)用10244模塊88-18-2網(wǎng)站的優(yōu)化頁面的美化站點的優(yōu)化422模塊99-19-2站點的發(fā)布發(fā)布前的工作發(fā)布站點與更新422考試、機動理論考核2合計52三、課程內(nèi)容及要求模塊一、初識網(wǎng)站和網(wǎng)頁教學(xué)要求：1、使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣2、了解網(wǎng)頁中的常用元素類型3、了解常用網(wǎng)站管理與制作軟件4、了解網(wǎng)站建設(shè)流程5、理解HTML與CSS基

5、本知識 教學(xué)內(nèi)容：1-1 認(rèn)識網(wǎng)站和網(wǎng)頁1-2 網(wǎng)頁中的元素類型1-3 常用網(wǎng)站管理與制作軟件1-4 網(wǎng)站建設(shè)流程1-5 HTML與CSS入門模塊二、初識Dreamweaver教學(xué)要求：1、 熟悉Dreamweaver操作環(huán)境2、 了解網(wǎng)站規(guī)劃與管理3、 掌握頁面屬性的設(shè)置教學(xué)內(nèi)容：1-1 熟悉Dreamweaver操作環(huán)境1-2 網(wǎng)站規(guī)劃與管理1-3 設(shè)置頁面屬性模塊三、網(wǎng)頁布局方法教學(xué)要求：1、掌握使用表格來布局來定位網(wǎng)頁2、掌握使用使用框架布局網(wǎng)頁教學(xué)內(nèi)容：1-1 使用表格布局網(wǎng)頁1-2 使用框架布局網(wǎng)頁模塊四、編輯網(wǎng)頁元素教學(xué)要求：1、掌握文本輸入與編輯2、掌握在網(wǎng)頁使用圖像3、掌握使

6、用Flash動畫4、了解使用其他媒體元素教學(xué)內(nèi)容：1-1 文本輸入與編輯1-2 使用圖像1-3 使用Flash動畫1-4 使用其他媒體元素模塊五、使用超鏈接教學(xué)要求：1、掌握超鏈接的設(shè)置2、掌握如何管理超鏈接教學(xué)內(nèi)容：1-1 設(shè)置超鏈接1-2 管理超鏈接模塊六、HTML樣式和CSS樣式教學(xué)要求：1、 掌握編輯基本HTML代碼標(biāo)記2、 掌握創(chuàng)建和使用CSS樣式表教學(xué)內(nèi)容：1-1 編輯HTML代碼1-2 創(chuàng)建和使用CSS樣式表模塊七、Dreamweaver高級應(yīng)用教學(xué)要求：1、 熟悉行為的使用2、 掌握時間軸的基本應(yīng)用3、 掌握表單及其應(yīng)用4、 了解模板與庫5、 熟練掌握CSS樣式的應(yīng)用教學(xué)內(nèi)容：1-1 使用行為1-2 時間軸的應(yīng)用1-3 表單及其應(yīng)用1-4 模板與庫1-5 CSS樣式的應(yīng)用模塊八、網(wǎng)站的優(yōu)化教學(xué)要求：1、 掌握網(wǎng)站的基本優(yōu)化技巧2、 掌握頁面的美化和工具的使用3、 掌握站點的整體優(yōu)化教學(xué)內(nèi)容：1