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

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

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

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

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

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

6、sh動(dòng)畫(huà)4、了解使用其他媒體元素教學(xué)內(nèi)容：1-1文本輸入與編輯1-2使用圖像1-3使用Flash動(dòng)畫(huà)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高級(jí)應(yīng)用教學(xué)要求：1、 熟悉行為的使用2、 掌握時(shí)間軸的基本應(yīng)用3、 掌握表單及其應(yīng)用4、 了解模板與庫(kù)5、熟練掌握css樣式的應(yīng)用教學(xué)內(nèi)容：1-1使用行為1-2時(shí)間軸的應(yīng)用1-3表單及其應(yīng)用1-4模板與庫(kù)1-5css樣式的應(yīng)用模塊八、網(wǎng)站的優(yōu)化教學(xué)要求：1、 掌握網(wǎng)站的基本優(yōu)化技巧2、 掌握頁(yè)面的美化和工具的使用3、 掌握站點(diǎn)的整體優(yōu)化教學(xué)內(nèi)