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

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

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

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

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

5、采用表格的形式表述。包括完成課程教學(xué)應(yīng)具備的知識、技能、方法、策略等，原則上要涵蓋專業(yè)對應(yīng)崗位群的工作內(nèi)容、工作方法、工作要求和職業(yè)標(biāo)準(zhǔn)等部分內(nèi)容。序號教學(xué)項目學(xué)習(xí)內(nèi)容與學(xué)習(xí)要求教學(xué)活動設(shè)計建議學(xué)時項目一網(wǎng)頁制作基本知識項目二創(chuàng)建度假村網(wǎng)站內(nèi)DreamweaverCS3入門學(xué)習(xí)內(nèi)容:1、認(rèn)識網(wǎng)站與網(wǎng)頁2、認(rèn)識網(wǎng)頁制作軟件和語言3、了解網(wǎng)站制作流程學(xué)習(xí)要求：1、了解Internet 應(yīng)用有關(guān)的名詞術(shù)語： WWW（Worlc Wide Web）、Web站點、主頁（Home page、瀏覽器（Browser）、超級鏈接、http、URL html（hyp ertext markup language

6、 ） 語言、文件傳輸 （FTP）、電子郵件（E-mail ）等。2、掌握Dreamweaver的使用界面中各組成元素的名稱與功能。3、理解站點、網(wǎng)站、網(wǎng)頁及網(wǎng)頁屬性的概念。學(xué)習(xí)內(nèi)容:1、面板基本操作一初識 Dreamweaver CS3（1）啟動 Dreamweaver CS3（2）Dreamweaver CS3界面元素簡介2、創(chuàng)建“ fuligong ”站點一新建和管理站點（1）（2）（3）（4）（5）（6）網(wǎng)頁文檔和文件夾的命名規(guī)則 在Dreamweaver中定義站點 新建文檔保存和關(guān)閉文檔打開和預(yù)覽文檔“文件”面板的應(yīng)用3、為首頁設(shè)置頭信息和頁面屬性一頁面總體設(shè)置（1）設(shè)置頭信息（2）設(shè)

7、置頁面屬性學(xué)習(xí)要求：1、熟悉Dreamweaver CS3操作界面2、掌握網(wǎng)頁文檔的基本操作3、掌握新建和管理站點的方法4、掌握頁面總體設(shè)置方法激發(fā)學(xué)生興趣，熟悉軟件環(huán)境。掌握網(wǎng)頁中的文本頁面的特點教學(xué)活動設(shè)計建議序號教學(xué)項目學(xué)習(xí)內(nèi)容與學(xué)習(xí)要求學(xué)時學(xué)習(xí)內(nèi)容:項目三制作汽車網(wǎng)站一輸入與編輯網(wǎng)頁元素1、輸入并設(shè)置網(wǎng)站子頁文本一文本輸入與編輯（1 ）輸入文本（2 ）設(shè)置文本段落格式和字符格式（3 ）插入水平線和特殊字符2、在主頁中插入導(dǎo)航條和圖像一應(yīng)用圖像（1）（2）（3）（4）（5）網(wǎng)頁中常見的圖像文件格式 插入與編輯圖像 使用圖像占位符制作鼠標(biāo)經(jīng)過圖像 制作導(dǎo)航條3、為主頁設(shè)置動畫和背景音樂一應(yīng)

8、用動畫和多媒 體（1）（2）（3）（4）（5）插入Flash動畫應(yīng)用透明Flash動畫插入Flash按鈕插入音頻文件 插入視頻文件學(xué)習(xí)要求：1、掌握文本的輸入與格式設(shè)置的方法。2、掌握圖像的應(yīng)用方法。3、掌握動畫和多媒體的應(yīng)用方法。掌握文本、圖 像、動畫、Flash的使用項目四制作文化公司網(wǎng)站一應(yīng)用超鏈接和行為學(xué)習(xí)內(nèi)容：1、為首頁和子頁設(shè)置鏈接一應(yīng)用超鏈接（1）（2）（3）（4）（5）（6）設(shè)置常規(guī)超鏈接設(shè)置圖片鏈接和下載鏈接 設(shè)置電子郵件鏈接 設(shè)置熱點鏈接設(shè)置命名錨記鏈接 設(shè)置跳轉(zhuǎn)菜單2、為首頁添加伴隨窗口一應(yīng)用行為（1）（2）（3）（4）（5）（6）（7）（8）認(rèn)識“行為”面板應(yīng)用行為應(yīng)用

9、“彈出信息”行為應(yīng)用“打開瀏覽器窗口”行為 對圖像應(yīng)用“效果”行為 應(yīng)用“顯示-隱藏元素”行為 應(yīng)用“設(shè)置狀態(tài)欄文本”行為 安裝行為插件掌握網(wǎng)頁中幾種鏈接的設(shè)置。學(xué)習(xí)要求：1、深入理解絕對路徑、相對路徑、根相對路徑的 概念、意義及用法。2、了解建立超級鏈接各目標(biāo)參數(shù)的意義，掌握設(shè) 置超級鏈接的方法。3、掌握制作超級鏈接、E-mail鏈接、錨點等形式 的超級鏈接。4、掌握導(dǎo)航條與跳轉(zhuǎn)菜單的特點與用法。項目五制作飾品網(wǎng)站一用表格構(gòu)建網(wǎng)頁布局1、布局主頁index.html 表格的基本應(yīng)用(1)(2)(3)(4)插入表格 選擇表格和單元格 設(shè)置表格屬性設(shè)置單元格屬性項目六制作播客網(wǎng)站一應(yīng)用框架布局網(wǎng)

10、頁項目七制作美容網(wǎng)站一應(yīng)用樣式表2、布局子頁一表格的高級應(yīng)用(1) 拆分與合并單元格(2) 在表格中添加或刪除行與列 學(xué)習(xí)要求：1、掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法。2、熟悉表格與單元格的主要屬性及其設(shè)置方法。3、掌握通過表格來進(jìn)行網(wǎng)頁頁面的布局方法。 學(xué)習(xí)內(nèi)容:1、了解框架和框架集2、了解框架構(gòu)造3、制作并保存框架集文檔4、設(shè)置框架集屬性5、設(shè)置框架屬性 學(xué)習(xí)要求：1、了解框架。2、掌握框架網(wǎng)頁的制作方法。 學(xué)習(xí)內(nèi)容:1、為網(wǎng)站首頁設(shè)置樣式一樣式表的基本應(yīng)用(1)(2)(3)(4)熟悉“ CSS#式”面板CSS樣式的存在方式 CSS#式的分類 創(chuàng)建樣式的一般步驟掌握網(wǎng)頁中表格排版文字的妙用

11、掌握框架的使用16項目八制作茶文化網(wǎng)站一應(yīng)用Div+CSS布局網(wǎng)頁2、為網(wǎng)站子頁設(shè)置樣式一樣式表的高級應(yīng)用(1) 附加外部樣式(2) CSS濾鏡簡介 學(xué)習(xí)要求：1、了解css#式表的概念和分類。2、掌握創(chuàng)建和應(yīng)用 CSS樣式表的方法。 學(xué)習(xí)內(nèi)容:1、什么是Web標(biāo)準(zhǔn)2、Web標(biāo)準(zhǔn)的構(gòu)成3、認(rèn)識Div4、Div+CSS布局的優(yōu)缺點5、絕對定位與相對定位6、浮動定位7、插入Div標(biāo)簽 學(xué)習(xí)要求：1、了解Web標(biāo)準(zhǔn)的概念。2、掌握使用“ Div+CSS'構(gòu)建網(wǎng)頁的方法。掌握CSS樣式表的使用綜合應(yīng)用Div+CSS 布局網(wǎng)頁項目九制作個人網(wǎng)站一應(yīng)用模板和庫1、創(chuàng)建“夢幻花園”首頁一應(yīng)用模板（1

12、）創(chuàng)建并保存模板文檔（2）基于模板創(chuàng)建文檔2、創(chuàng)建“幸福一家”網(wǎng)頁一應(yīng)用庫項目（1）（2）（3）（4）什么是庫項目 創(chuàng)建庫項目 應(yīng)用庫項目 編輯庫項目掌握模板和庫綜合應(yīng)用10項目十制作留言板一動態(tài)網(wǎng)頁入門學(xué)習(xí)要求：1、掌握模板的使用。2、掌握庫的使用。 學(xué)習(xí)內(nèi)容:1、創(chuàng)建動態(tài)網(wǎng)頁測試環(huán)境（1）動態(tài)網(wǎng)頁工作原理（2）安裝IIS2、創(chuàng)建“留言板”數(shù)據(jù)庫一了解數(shù)據(jù)庫3、制作留言板一應(yīng)用表單和表單對象（1 ）認(rèn)識表單（2 ）插入表單（3）插入表單對象 學(xué)習(xí)要求：1、掌握動態(tài)網(wǎng)頁測試環(huán)境的配置方法。2、會創(chuàng)建Access數(shù)據(jù)庫。3、掌握表單及表單對象的應(yīng)用。4、會制作簡單的留言板了解網(wǎng)頁中 的動態(tài)特效四

13、、實訓(xùn)項目項目編號項目名稱項目內(nèi)容及要求環(huán)境和器材學(xué)時1網(wǎng)頁制作基本知識1、賞析各種經(jīng)典網(wǎng)頁2、掌握 Dreamweaver 界面PC 局域網(wǎng)、Dreamweaver等軟件22創(chuàng)建度假村網(wǎng)站1、創(chuàng)建本地站點2、創(chuàng)建網(wǎng)頁文檔3、掌握文本頁面屬性的設(shè)置方法PC 局域網(wǎng)、Dreamweaver等軟件23制作汽車網(wǎng)站（一）文本、段落、字符的設(shè)置PC 局域網(wǎng)、Dreamweaver等軟件24制作汽車網(wǎng)站（二）圖像和導(dǎo)航、Flash和音樂 的插入方法PC 局域網(wǎng)、Dreamweaver等軟件25制作文化公司網(wǎng)站（一）超鏈接、電郵、熱點、跳轉(zhuǎn) 菜單設(shè)置PC 局域網(wǎng)、Dreamweaver等軟件26制作文化公

14、司網(wǎng)站（二）彈出、效果、顯示隱藏、設(shè) 置狀態(tài)欄PC 局域網(wǎng)、Dreamweaver等軟件27制作飾品網(wǎng)站（一）表格的基本應(yīng)用PC 局域網(wǎng)、Dreamweaver等軟件28制作飾品網(wǎng)站（二）表格布局的協(xié)調(diào)性PC 局域網(wǎng)、Dreamweaver等軟件29制作播客網(wǎng)站創(chuàng)建框架和框架集，框架和 框架集的編輯PC 局域網(wǎng)、Dreamweaver2等軟件10制作美容網(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)頁的方 法PC 局域網(wǎng)、Dream

15、weaver等軟件213制作個人網(wǎng)站（一）掌握模板的用法PC 局域網(wǎng)、Dreamweaver等軟件214制作個人網(wǎng)站（二）掌握庫項目的用法PC 局域網(wǎng)、Dreamweaver等軟件215制作留言板動態(tài)網(wǎng)頁設(shè)計要點PC 局域網(wǎng)、Dreamweaver等軟件2五、課程實施（一）教學(xué)組織模式本課程的教學(xué)以多媒體課件作為新的教學(xué)媒體，采用大屏幕投影教學(xué)，著重體 現(xiàn)理論和實踐的結(jié)合。授課、上機(jī)操作并結(jié)合具體的設(shè)計課題進(jìn)行教學(xué)，及時解決 設(shè)計中遇到的實際問題，通過豐富多彩的范例引起學(xué)生興趣，以設(shè)計帶動軟件的教 學(xué)。即講授理論的同時加入具體的設(shè)計項目，力求達(dá)到實戰(zhàn)的效果。本課程是一門 實踐課程，以應(yīng)用、設(shè)計

16、和開發(fā)為目的。并且考核的重點也是考查學(xué)生對Dreamweave嗽件的實際應(yīng)用能力和創(chuàng)新能力。因此，教學(xué)中應(yīng)理論聯(lián)系實際，高度 重視實踐環(huán)節(jié)。建議每一階段的教學(xué)活動均在多媒體教室進(jìn)行，最好能在多媒體教 室兼學(xué)生機(jī)房的實驗室進(jìn)行。（二）教學(xué)方法和手段1. 采用任務(wù)驅(qū)動、項目導(dǎo)向教學(xué)法。設(shè)計了十個教學(xué)項目，有針對性的進(jìn)行教學(xué)。2. “教學(xué)做”一體教學(xué)法。為保證教學(xué)效果，學(xué)時宜采用3-5人分組協(xié)作的組織形式。3.教師在講授或演示教學(xué)中采用現(xiàn)場教學(xué)法。4. 知識掌握過程中既有能力訓(xùn)練，也有方法的了解與運(yùn)用，更有態(tài)度、情感和價 值觀的體驗與培養(yǎng)，使學(xué)生在體驗中重組自己的知識結(jié)構(gòu)和能力結(jié)構(gòu)。2010 年,第

17、1版。六、課程考核(采取過程性考核和終結(jié)性考核相結(jié)合,平時成績與期末實訓(xùn)作品成績相結(jié)合的 考核方法，全方位評價學(xué)生的綜合職業(yè)能力。考核包括專業(yè)知識與技能、個人修養(yǎng)與 品德、職業(yè)安全與規(guī)范等項目在內(nèi)的學(xué)生綜合職業(yè)能力，用發(fā)展的眼光評價學(xué)生。)老師結(jié)合學(xué)生的出勤情況(10%、知識掌握情況(30%、技能操作情況(30%、項目完成情況(30%等方面綜合評定學(xué)生成績。其中項目完成情況評價標(biāo)準(zhǔn)如下:項目考核點建議考核方式評價標(biāo)準(zhǔn)優(yōu)良及格學(xué)生評價考核表序號考核內(nèi)容考核標(biāo)準(zhǔn)考核方式分值形成性評價書面作業(yè)作業(yè)認(rèn)真正確率作業(yè)成績10學(xué)習(xí)小組成績主動20個人課堂表現(xiàn)遲到20終結(jié)性評價期末考試考試、考查課堂考核50最終成績_七、參考教材1.教材選編原則-教材選