網(wǎng)頁(yè)設(shè)計(jì)課程標(biāo)準(zhǔn)

1、課程（項(xiàng)目）教學(xué)標(biāo)準(zhǔn)【專(zhuān)業(yè)基礎(chǔ)課、專(zhuān)業(yè)核心課、專(zhuān)業(yè)實(shí)踐課均需編制課程標(biāo)準(zhǔn)。其他公共必修課、公共選修課、專(zhuān)業(yè)選修課等可不編制課程標(biāo)準(zhǔn)?！烤W(wǎng)頁(yè)設(shè)計(jì)課程（項(xiàng)目）標(biāo)準(zhǔn)課程名稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)開(kāi)設(shè)專(zhuān)業(yè)計(jì)算機(jī)應(yīng)用技術(shù)授課時(shí)間學(xué)時(shí)72課程類(lèi)型專(zhuān)業(yè)基礎(chǔ)課、專(zhuān)業(yè)核心課、專(zhuān)業(yè)實(shí)踐課課程部門(mén)制定人審核人一、課程性質(zhì)與任務(wù) 網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)頁(yè)制作的一門(mén)實(shí)用課程，是網(wǎng)絡(luò)類(lèi)專(zhuān)業(yè)的一門(mén)實(shí)踐性很強(qiáng)的專(zhuān)業(yè)基礎(chǔ)課。本課程開(kāi)設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，讓學(xué)生掌握網(wǎng)頁(yè)制作的基本技術(shù)，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及制作網(wǎng)頁(yè)打下基礎(chǔ)。通過(guò)本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)站設(shè)計(jì)制作的全過(guò)程，并且熟練掌握網(wǎng)頁(yè)設(shè)計(jì)制作網(wǎng)頁(yè)的基本方法和技巧

2、，并能利用網(wǎng)頁(yè)設(shè)計(jì)提供的強(qiáng)大功能制作出有專(zhuān)業(yè)水準(zhǔn)的網(wǎng)站,達(dá)到知識(shí)和技能兩方面共同提高。二、課程教學(xué)目標(biāo)（一）總體目標(biāo)1.知識(shí)目標(biāo)（1）Dreamweaver的人機(jī)交互界面的組成與使用方法；（2）創(chuàng)建Web站點(diǎn)的基本方法與步驟；（3）熟悉站點(diǎn)管理器的用途，學(xué)會(huì)利用站點(diǎn)地圖查看、管理各網(wǎng)頁(yè)之間的超鏈接關(guān)系；（4）掌握系統(tǒng)屬性及網(wǎng)頁(yè)屬性的設(shè)置方法，及各設(shè)置參數(shù)的作用；（5）掌握制作超級(jí)鏈接、E-mail鏈接、書(shū)簽等形式的超級(jí)鏈接；（6）掌握使用HTML樣式和CSS樣式創(chuàng)建、編輯網(wǎng)頁(yè)的方法；（7）掌握水平線、日期、圖像對(duì)象的主要屬性與設(shè)置方法；（8）掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法；（9）掌握在網(wǎng)頁(yè)

3、中創(chuàng)建、修改層和嵌套層的方法；（10）掌握時(shí)間線的創(chuàng)建與調(diào)整方法；（11）掌握框架結(jié)構(gòu)網(wǎng)頁(yè)的制作方法；（12）學(xué)會(huì)利用行為面板設(shè)置控制對(duì)象的行為；（13）學(xué)會(huì)通過(guò)模板和庫(kù)元素創(chuàng)建網(wǎng)頁(yè)的方法；（14）學(xué)會(huì)使用Dreamweaver中應(yīng)用表單設(shè)計(jì)網(wǎng)頁(yè)的方法；（15）掌握并了解可以在網(wǎng)頁(yè)中插入Fireworks、HTML電影、Flash電影、ActiveX.控件等多媒體對(duì)象的方法；（16）全面掌握交互式網(wǎng)站的制作方法。2.能力目標(biāo)（1）了解網(wǎng)頁(yè)設(shè)計(jì)與制作內(nèi)容的規(guī)劃方法、設(shè)計(jì)網(wǎng)頁(yè)布局、站點(diǎn)規(guī)化與設(shè)計(jì)流程，編輯站點(diǎn)、Logo Banner設(shè)計(jì)思路、動(dòng)作腳本的用途等基本概念。（2）掌握制作一個(gè)主頁(yè)的基本流

4、程，具體頁(yè)面元素的設(shè)置方法、設(shè)置布局、單元格和表格格式的方法，調(diào)整圖像的方法等。（3）熟練掌握網(wǎng)站的鏈接和導(dǎo)航，創(chuàng)建站點(diǎn)常見(jiàn)元素、網(wǎng)頁(yè)的發(fā)布和調(diào)試。3.素質(zhì)目標(biāo)（1）有較好的溝通能力。（2）能很好的理解客戶(hù)的要求和表達(dá)的思想。（3）能把客戶(hù)的要求用Dreamweaver軟件恰到好處的表現(xiàn)出來(lái)，并創(chuàng)建出優(yōu)秀的網(wǎng)頁(yè)。（二）職業(yè)資格證書(shū)考核目標(biāo)職業(yè)資格證書(shū)：網(wǎng)頁(yè)設(shè)計(jì)師。網(wǎng)頁(yè)設(shè)計(jì)師考核目標(biāo)：網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)設(shè)計(jì)制作人員、Web 開(kāi)發(fā)人員及網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者綜合應(yīng)用網(wǎng)頁(yè)制作開(kāi)發(fā)工具進(jìn)行專(zhuān)業(yè)、高效 Web 設(shè)計(jì)與制作能力的權(quán)威認(rèn)定。（三）課程學(xué)分學(xué)時(shí)數(shù)： 72 學(xué)時(shí)學(xué)分?jǐn)?shù)： 4 學(xué)分三、課程內(nèi)容及要求建議：

5、采用表格的形式表述。包括完成課程教學(xué)應(yīng)具備的知識(shí)、技能、方法、策略等，原則上要涵蓋專(zhuān)業(yè)對(duì)應(yīng)崗位群的工作內(nèi)容、工作方法、工作要求和職業(yè)標(biāo)準(zhǔn)等部分內(nèi)容。序號(hào)教學(xué)項(xiàng)目學(xué)習(xí)內(nèi)容與學(xué)習(xí)要求教學(xué)活動(dòng)設(shè)計(jì)建議學(xué)時(shí)1項(xiàng)目一 網(wǎng)頁(yè)制作基本知識(shí)學(xué)習(xí)內(nèi)容：1、認(rèn)識(shí)網(wǎng)站與網(wǎng)頁(yè)2、認(rèn)識(shí)網(wǎng)頁(yè)制作軟件和語(yǔ)言3、了解網(wǎng)站制作流程學(xué)習(xí)要求：1、了解Internet應(yīng)用有關(guān)的名詞術(shù)語(yǔ)：WWW(World Wide Web)、Web站點(diǎn)、主頁(yè)（Homepage）、瀏覽器(Browser)、超級(jí)鏈接、http、URL、html（hypertext markup language）語(yǔ)言、文件傳輸(FTP)、電子郵件（E-mail）等。

6、2、掌握Dreamweaver 的使用界面中各組成元素的名稱(chēng)與功能。3、理解站點(diǎn)、網(wǎng)站、網(wǎng)頁(yè)及網(wǎng)頁(yè)屬性的概念。激發(fā)學(xué)生興趣，熟悉軟件環(huán)境。42項(xiàng)目二 創(chuàng)建度假村網(wǎng)站內(nèi)Dreamweaver CS3入門(mén)學(xué)習(xí)內(nèi)容：1、面板基本操作初識(shí)Dreamweaver CS3（1）啟動(dòng)Dreamweaver CS3（2）Dreamweaver CS3界面元素簡(jiǎn)介2、創(chuàng)建“fuligong”站點(diǎn)新建和管理站點(diǎn)（1）網(wǎng)頁(yè)文檔和文件夾的命名規(guī)則（2）在Dreamweaver中定義站點(diǎn)（3）新建文檔（4）保存和關(guān)閉文檔（5）打開(kāi)和預(yù)覽文檔（6）“文件”面板的應(yīng)用3、為首頁(yè)設(shè)置頭信息和頁(yè)面屬性頁(yè)面總體設(shè)置（1）設(shè)置頭信

7、息（2）設(shè)置頁(yè)面屬性學(xué)習(xí)要求：1、熟悉Dreamweaver CS3操作界面2、掌握網(wǎng)頁(yè)文檔的基本操作3、掌握新建和管理站點(diǎn)的方法4、掌握頁(yè)面總體設(shè)置方法掌握網(wǎng)頁(yè)中的文本頁(yè)面的特點(diǎn)43項(xiàng)目三 制作汽車(chē)網(wǎng)站輸入與編輯網(wǎng)頁(yè)元素學(xué)習(xí)內(nèi)容：1、輸入并設(shè)置網(wǎng)站子頁(yè)文本文本輸入與編輯（1）輸入文本（2）設(shè)置文本段落格式和字符格式（3）插入水平線和特殊字符2、在主頁(yè)中插入導(dǎo)航條和圖像應(yīng)用圖像（1）網(wǎng)頁(yè)中常見(jiàn)的圖像文件格式（2）插入與編輯圖像（3）使用圖像占位符（4）制作鼠標(biāo)經(jīng)過(guò)圖像（5）制作導(dǎo)航條3、為主頁(yè)設(shè)置動(dòng)畫(huà)和背景音樂(lè)應(yīng)用動(dòng)畫(huà)和多媒體（1）插入Flash動(dòng)畫(huà)（2）應(yīng)用透明Flash動(dòng)畫(huà)（3）插入Fla

8、sh按鈕（4）插入音頻文件（5）插入視頻文件學(xué)習(xí)要求：1、掌握文本的輸入與格式設(shè)置的方法。2、掌握?qǐng)D像的應(yīng)用方法。3、掌握動(dòng)畫(huà)和多媒體的應(yīng)用方法。掌握文本、圖像、動(dòng)畫(huà)、Flash的使用84項(xiàng)目四 制作文化公司網(wǎng)站應(yīng)用超鏈接和行為學(xué)習(xí)內(nèi)容：1、為首頁(yè)和子頁(yè)設(shè)置鏈接應(yīng)用超鏈接（1）設(shè)置常規(guī)超鏈接（2）設(shè)置圖片鏈接和下載鏈接（3）設(shè)置電子郵件鏈接（4）設(shè)置熱點(diǎn)鏈接（5）設(shè)置命名錨記鏈接（6）設(shè)置跳轉(zhuǎn)菜單2、為首頁(yè)添加伴隨窗口應(yīng)用行為（1）認(rèn)識(shí)“行為”面板（2）應(yīng)用行為（3）應(yīng)用“彈出信息”行為（4）應(yīng)用“打開(kāi)瀏覽器窗口”行為（5）對(duì)圖像應(yīng)用“效果”行為（6）應(yīng)用“顯示-隱藏元素”行為（7）應(yīng)用“設(shè)置

9、狀態(tài)欄文本”行為（8）安裝行為插件學(xué)習(xí)要求：1、深入理解絕對(duì)路徑、相對(duì)路徑、根相對(duì)路徑的概念、意義及用法。2、了解建立超級(jí)鏈接各目標(biāo)參數(shù)的意義，掌握設(shè)置超級(jí)鏈接的方法。3、掌握制作超級(jí)鏈接、E-mail鏈接、錨點(diǎn)等形式的超級(jí)鏈接。4、掌握導(dǎo)航條與跳轉(zhuǎn)菜單的特點(diǎn)與用法。掌握網(wǎng)頁(yè)中幾種鏈接的設(shè)置。85項(xiàng)目五 制作飾品網(wǎng)站用表格構(gòu)建網(wǎng)頁(yè)布局學(xué)習(xí)內(nèi)容：1、布局主頁(yè)index.html表格的基本應(yīng)用（1）插入表格（2）選擇表格和單元格（3）設(shè)置表格屬性（4）設(shè)置單元格屬性2、布局子頁(yè)表格的高級(jí)應(yīng)用（1）拆分與合并單元格（2）在表格中添加或刪除行與列學(xué)習(xí)要求：1、掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法。2、熟

10、悉表格與單元格的主要屬性及其設(shè)置方法。3、掌握通過(guò)表格來(lái)進(jìn)行網(wǎng)頁(yè)頁(yè)面的布局方法。掌握網(wǎng)頁(yè)中表格排版文字的妙用166項(xiàng)目六 制作播客網(wǎng)站應(yīng)用框架布局網(wǎng)頁(yè)學(xué)習(xí)內(nèi)容：1、了解框架和框架集2、了解框架構(gòu)造3、制作并保存框架集文檔4、設(shè)置框架集屬性5、設(shè)置框架屬性學(xué)習(xí)要求：1、了解框架。2、掌握框架網(wǎng)頁(yè)的制作方法。掌握框架的使用47項(xiàng)目七 制作美容網(wǎng)站應(yīng)用樣式表學(xué)習(xí)內(nèi)容：1、為網(wǎng)站首頁(yè)設(shè)置樣式樣式表的基本應(yīng)用（1）熟悉“CSS樣式”面板（2）CSS樣式的存在方式（3）CSS樣式的分類(lèi)（4）創(chuàng)建樣式的一般步驟2、為網(wǎng)站子頁(yè)設(shè)置樣式樣式表的高級(jí)應(yīng)用（1）附加外部樣式（2）CSS濾鏡簡(jiǎn)介學(xué)習(xí)要求：1、了解CS

11、S樣式表的概念和分類(lèi)。2、掌握創(chuàng)建和應(yīng)用CSS樣式表的方法。掌握CSS樣式表的使用88項(xiàng)目八 制作茶文化網(wǎng)站應(yīng)用Div+CSS布局網(wǎng)頁(yè)學(xué)習(xí)內(nèi)容：1、什么是Web標(biāo)準(zhǔn)2、Web標(biāo)準(zhǔn)的構(gòu)成3、認(rèn)識(shí)Div4、Div+CSS布局的優(yōu)缺點(diǎn)5、絕對(duì)定位與相對(duì)定位6、浮動(dòng)定位7、插入Div標(biāo)簽學(xué)習(xí)要求：1、了解Web標(biāo)準(zhǔn)的概念。2、掌握使用“Div+CSS”構(gòu)建網(wǎng)頁(yè)的方法。綜合應(yīng)用Div+CSS布局網(wǎng)頁(yè)89項(xiàng)目九 制作個(gè)人網(wǎng)站應(yīng)用模板和庫(kù)學(xué)習(xí)內(nèi)容：1、創(chuàng)建“夢(mèng)幻花園”首頁(yè)應(yīng)用模板（1）創(chuàng)建并保存模板文檔（2）基于模板創(chuàng)建文檔2、創(chuàng)建“幸福一家”網(wǎng)頁(yè)應(yīng)用庫(kù)項(xiàng)目（1）什么是庫(kù)項(xiàng)目（2）創(chuàng)建庫(kù)項(xiàng)目（3）應(yīng)用庫(kù)項(xiàng)目

12、（4）編輯庫(kù)項(xiàng)目學(xué)習(xí)要求：1、掌握模板的使用。2、掌握庫(kù)的使用。掌握模板和庫(kù)綜合應(yīng)用810項(xiàng)目十 制作留言板動(dòng)態(tài)網(wǎng)頁(yè)入門(mén)學(xué)習(xí)內(nèi)容：1、創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)測(cè)試環(huán)境（1）動(dòng)態(tài)網(wǎng)頁(yè)工作原理（2）安裝IIS2、創(chuàng)建“留言板”數(shù)據(jù)庫(kù)了解數(shù)據(jù)庫(kù)3、制作留言板應(yīng)用表單和表單對(duì)象（1）認(rèn)識(shí)表單（2）插入表單（3）插入表單對(duì)象學(xué)習(xí)要求：1、掌握動(dòng)態(tài)網(wǎng)頁(yè)測(cè)試環(huán)境的配置方法。2、會(huì)創(chuàng)建Access數(shù)據(jù)庫(kù)。3、掌握表單及表單對(duì)象的應(yīng)用。4、會(huì)制作簡(jiǎn)單的留言板了解網(wǎng)頁(yè)中的動(dòng)態(tài)特效4四、實(shí)訓(xùn)項(xiàng)目項(xiàng)目編號(hào)項(xiàng)目名稱(chēng)項(xiàng)目?jī)?nèi)容及要求環(huán)境和器材學(xué)時(shí)1網(wǎng)頁(yè)制作基本知識(shí)1、賞析各種經(jīng)典網(wǎng)頁(yè)2、掌握Dreamweaver 界面PC、

13、局域網(wǎng)、Dreamweaver等軟件22創(chuàng)建度假村網(wǎng)站1、創(chuàng)建本地站點(diǎn)2、創(chuàng)建網(wǎng)頁(yè)文檔3、掌握文本頁(yè)面屬性的設(shè)置方法PC、局域網(wǎng)、Dreamweaver等軟件23制作汽車(chē)網(wǎng)站（一）文本、段落、字符的設(shè)置PC、局域網(wǎng)、Dreamweaver等軟件24制作汽車(chē)網(wǎng)站（二）圖像和導(dǎo)航、Flash和音樂(lè)的插入方法PC、局域網(wǎng)、Dreamweaver等軟件25制作文化公司網(wǎng)站（一）超鏈接、電郵、熱點(diǎn)、跳轉(zhuǎn)菜單設(shè)置PC、局域網(wǎng)、Dreamweaver等軟件26制作文化公司網(wǎng)站（二）彈出、效果、顯示隱藏、設(shè)置狀態(tài)欄PC、局域網(wǎng)、Dreamweaver等軟件27制作飾品網(wǎng)站（一）表格的基本應(yīng)用PC、局域網(wǎng)、Dr

14、eamweaver等軟件28制作飾品網(wǎng)站（二）表格布局的協(xié)調(diào)性PC、局域網(wǎng)、Dreamweaver等軟件29制作播客網(wǎng)站創(chuàng)建框架和框架集，框架和框架集的編輯PC、局域網(wǎng)、Dreamweaver等軟件210制作美容網(wǎng)站（一）創(chuàng)建樣式的一般步驟PC、局域網(wǎng)、Dreamweaver等軟件211制作美容網(wǎng)站（二）創(chuàng)建和應(yīng)用CSS樣式表的方法PC、局域網(wǎng)、Dreamweaver等軟件212制作茶文化網(wǎng)站使用Div+CSS構(gòu)建網(wǎng)頁(yè)的方法PC、局域網(wǎng)、Dreamweaver等軟件213制作個(gè)人網(wǎng)站（一）掌握模板的用法PC、局域網(wǎng)、Dreamweaver等軟件214制作個(gè)人網(wǎng)站（二）掌握庫(kù)項(xiàng)目的用法PC、局域

15、網(wǎng)、Dreamweaver等軟件215制作留言板動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)PC、局域網(wǎng)、Dreamweaver等軟件2五、課程實(shí)施（一）教學(xué)組織模式本課程的教學(xué)以多媒體課件作為新的教學(xué)媒體，采用大屏幕投影教學(xué)，著重體現(xiàn)理論和實(shí)踐的結(jié)合。授課、上機(jī)操作并結(jié)合具體的設(shè)計(jì)課題進(jìn)行教學(xué)，及時(shí)解決設(shè)計(jì)中遇到的實(shí)際問(wèn)題，通過(guò)豐富多彩的范例引起學(xué)生興趣，以設(shè)計(jì)帶動(dòng)軟件的教學(xué)。即講授理論的同時(shí)加入具體的設(shè)計(jì)項(xiàng)目，力求達(dá)到實(shí)戰(zhàn)的效果。本課程是一門(mén)實(shí)踐課程，以應(yīng)用、設(shè)計(jì)和開(kāi)發(fā)為目的。并且考核的重點(diǎn)也是考查學(xué)生對(duì)Dreamweaver軟件的實(shí)際應(yīng)用能力和創(chuàng)新能力。因此，教學(xué)中應(yīng)理論聯(lián)系實(shí)際，高度重視實(shí)踐環(huán)節(jié)。建議每一階段的教

16、學(xué)活動(dòng)均在多媒體教室進(jìn)行，最好能在多媒體教室兼學(xué)生機(jī)房的實(shí)驗(yàn)室進(jìn)行。（二）教學(xué)方法和手段1.采用任務(wù)驅(qū)動(dòng)、項(xiàng)目導(dǎo)向教學(xué)法。設(shè)計(jì)了十個(gè)教學(xué)項(xiàng)目，有針對(duì)性的進(jìn)行教學(xué)。2.“教學(xué)做”一體教學(xué)法。為保證教學(xué)效果，學(xué)時(shí)宜采用3-5人分組協(xié)作的組織形式。3.教師在講授或演示教學(xué)中采用現(xiàn)場(chǎng)教學(xué)法。4.知識(shí)掌握過(guò)程中既有能力訓(xùn)練，也有方法的了解與運(yùn)用，更有態(tài)度、情感和價(jià)值觀的體驗(yàn)與培養(yǎng)，使學(xué)生在體驗(yàn)中重組自己的知識(shí)結(jié)構(gòu)和能力結(jié)構(gòu)。六、課程考核（采取過(guò)程性考核和終結(jié)性考核相結(jié)合，平時(shí)成績(jī)與期末實(shí)訓(xùn)作品成績(jī)相結(jié)合的考核方法，全方位評(píng)價(jià)學(xué)生的綜合職業(yè)能力。考核包括專(zhuān)業(yè)知識(shí)與技能、個(gè)人修養(yǎng)與品德、職業(yè)安全與規(guī)范等項(xiàng)目在內(nèi)的學(xué)生綜合職業(yè)能力，用發(fā)展的眼光評(píng)價(jià)學(xué)生。）老師結(jié)合學(xué)生的出勤情況（10%）、知識(shí)掌握情況（30%）、技能操作情況（30%）、項(xiàng)目完成情況（30%）等方面綜合評(píng)定學(xué)生成績(jī)。其中項(xiàng)目完成情況評(píng)價(jià)標(biāo)準(zhǔn)如下：項(xiàng)目考核點(diǎn)建議考核方式評(píng)價(jià)標(biāo)準(zhǔn)優(yōu)良及格學(xué)生評(píng)價(jià)考核表序號(hào)考核內(nèi)容考核標(biāo)準(zhǔn)考核方式分值形成性評(píng)價(jià)書(shū)面作業(yè)作業(yè)認(rèn)真正確率作業(yè)成績(jī)10學(xué)習(xí)小組成績(jī)主動(dòng)20個(gè)人課堂表現(xiàn)遲到20終結(jié)性評(píng)價(jià)期末考試考試、考查課堂考核50最終成績(jī)七、參考教材1.教材選編原則教材選編參照以