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

1、網(wǎng) 頁 設(shè) 計 與 制 作課 程 標(biāo) 準(zhǔn)前言：網(wǎng)頁設(shè)計與制作是理實一體化課程，是計算機(jī)專業(yè)（軟件與信息服務(wù)、數(shù) 字媒體、計算機(jī)應(yīng)用專業(yè)）的一門重要的專業(yè)必修課。本課程定位于WEB技術(shù)幵發(fā)工作崗位。它是WEB前端技術(shù)幵發(fā)的必備課程，在整個課程體系中具有重要的作用，一、課程的說明：通過本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)頁設(shè)計技術(shù)的起源和發(fā)展、常用的網(wǎng)頁制作 軟件及HTML語言，掌握運用 Dreamweaver （以下簡稱DV）網(wǎng)頁制作軟件制作網(wǎng)頁 的方法，通過運用 Photoshop圖像處理軟件和Flash動畫制作軟件，三個軟件互相 配合，完成網(wǎng)頁設(shè)計與制作任務(wù)的方法。為今后從事網(wǎng)頁設(shè)計與制作、網(wǎng)站幵發(fā)和

2、 管理奠定基礎(chǔ)。在網(wǎng)頁設(shè)計的實踐中重點培養(yǎng)團(tuán)隊協(xié)作、溝通交流能力，培養(yǎng)自主 學(xué)習(xí)能力和探索創(chuàng)新能力。二、課程內(nèi)容與基本要求：該課程涉及的知識是網(wǎng)頁設(shè)計人員必備的基本技能，職業(yè)活動與課程內(nèi)容的對應(yīng)關(guān)系如下：網(wǎng)頁設(shè)計幵發(fā)崗位職業(yè)能力教學(xué)內(nèi)容（理實一體化課）基本幵發(fā)工具的使用網(wǎng)頁基本概念（第1章）DW CS欲件介紹（第2章）建立與管理站點（第3章）網(wǎng)頁基本兀素的處理制作主要內(nèi)容為文本的網(wǎng)頁（第4章）插入與編輯圖像（第5章）插入多媒體元素（第6章）創(chuàng)建超級鏈接（第7章）HTML基礎(chǔ)(第13章)網(wǎng)頁布局表格處理與網(wǎng)頁布局(第 6章)AP Div的應(yīng)用(第9章) 使用CSS+DIV布局網(wǎng)頁(第11章)網(wǎng)頁

3、美化CSS樣式表(第10章)網(wǎng)頁交互行為(第12章)動態(tài)網(wǎng)頁基礎(chǔ)(第15章)網(wǎng)頁及兀素的復(fù)用創(chuàng)建和使用模板(第9章)創(chuàng)建和使用庫(第10章)三、教學(xué)目標(biāo)1、職業(yè)關(guān)鍵能力目標(biāo)(1) 掌握使用Photoshop進(jìn)行圖像處理的基本方法及操作技能(2) 掌握DreamweaverCS5的基本知識及操作技能(3) 掌握建立與管理站點的方法(4) 掌握制作主要內(nèi)容為文本的網(wǎng)頁的方法(5) 掌握在網(wǎng)頁中插入與編輯圖像的方法(6) 掌握在網(wǎng)頁中插入多媒體元素的方法(7) 掌握表格處理與網(wǎng)頁布局的方法(8) 掌握創(chuàng)建超級鏈接的方法(9) 掌握使用框架制作旅游網(wǎng)站的方法(10) 掌握創(chuàng)建和使用模板的方法(11)

4、掌握創(chuàng)建和使用庫的方法(12) 掌握在網(wǎng)頁中添加AP Div的方法(13) 掌握在網(wǎng)頁中使用行為的方法(14) 掌握HTMLS礎(chǔ)知識及通過代碼修飾網(wǎng)頁的方法(15) 掌握使用CSS羊式表修飾網(wǎng)頁的方法(16) 掌握動態(tài)網(wǎng)頁的概念及簡單動態(tài)網(wǎng)頁的制作方法2、職業(yè)專門能力目標(biāo)(1) 通過完成相關(guān)的項目，掌握網(wǎng)頁設(shè)計的基本工作流程。(2) 通過完成相關(guān)的項目，掌握網(wǎng)頁設(shè)計常用工具的使用方法。(3) 通過完成相關(guān)的項目，掌握網(wǎng)頁布局及美化的基本方法。(4) 通過完成相關(guān)的項目，掌握簡單網(wǎng)頁交互的制作方法。3、方法能力目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊的協(xié)作能力，形成良好的思考問題、分析問 題和解決問題

5、的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān) 法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。四、教學(xué)內(nèi)容第一章 網(wǎng)頁制作基礎(chǔ)知識( 4學(xué)時)教學(xué)目標(biāo)：網(wǎng)頁與網(wǎng)站基本概念、網(wǎng)頁基本組成元素、常用網(wǎng)頁制作軟件主要教學(xué)內(nèi)容：網(wǎng)頁制作基礎(chǔ)知識網(wǎng)頁的基本構(gòu)成元素網(wǎng)頁制作常用軟件和技術(shù)第二章 Dreamweaver CS6 輕松入門( 2 學(xué)時)教學(xué)目標(biāo)：DWCS嗽件的安裝、用DW建立網(wǎng)頁的方法、打幵和保存網(wǎng)頁的方法 主要教學(xué)內(nèi)容：Dreamweaver CS6 工作環(huán)境 插入 欄Dreamweaver CS6 新功能第三章 站點的搭建與管理（ 4 學(xué)時） 教學(xué)目標(biāo)：本地站點與遠(yuǎn)程站點的概念

6、、站點文件夾的管理 主要教學(xué)內(nèi)容：創(chuàng)建本地站點管理點站管理站點中的文件使用站點地圖第四章 網(wǎng)站建設(shè)規(guī)范和基本流程（ 2 學(xué)時） 教學(xué)目標(biāo)：IIS 信息服務(wù)器的搭建與管理、建立、發(fā)布主頁、建立和管理站點 主要教學(xué)內(nèi)容：網(wǎng)站建設(shè)規(guī)范網(wǎng)站建設(shè)的基本流程第五章 創(chuàng)建結(jié)構(gòu)清晰的文本網(wǎng)頁（ 6學(xué)時）教學(xué)目標(biāo)：1. 在網(wǎng)頁中添加文字和字符2. 使用背景、列表美化文本網(wǎng)頁主要教學(xué)內(nèi)容：設(shè)置文本屬性插入其他元素創(chuàng)建項目列表和編號列表插入網(wǎng)頁頭部內(nèi)容6 學(xué)時）綜合案例 - 創(chuàng)建基本文本網(wǎng)頁第六章 創(chuàng)建絢麗多彩的圖像和多媒體網(wǎng)頁（教學(xué)目標(biāo)：1. 了解網(wǎng)頁中常用的圖像格式2. 網(wǎng)頁中插入圖像的方法3. 網(wǎng)頁中插入多媒

7、體的方法主要教學(xué)內(nèi)容：網(wǎng)頁中常用的圖像格式編輯圖像插入多媒體綜合案例 - 創(chuàng)建圖文混排網(wǎng)頁第七章 創(chuàng)建超級鏈接（ 6 學(xué)時）教學(xué)目標(biāo)：超級鏈接的概念、文字與網(wǎng)頁間的鏈接、圖片熱點和錨記主要教學(xué)內(nèi)容：超級鏈接的基本概念創(chuàng)建超級鏈接的方法創(chuàng)建各種類型的鏈接管理超鏈接綜合實例第八章 使用表格排版網(wǎng)頁（ 6 學(xué)時）教學(xué)目標(biāo)：1. 表格的編輯處理2. 用表格制作網(wǎng)頁元素主要教學(xué)內(nèi)容：創(chuàng)建表格設(shè)置表格及其元素屬性表格的基礎(chǔ)操作表格的基本應(yīng)用綜合實例 - 利用表格排版網(wǎng)頁第九章使用DIV和Spry靈活布局網(wǎng)頁（4學(xué)時）教學(xué)目標(biāo)：1. AP Div 的創(chuàng)建2. 在 AP Div 中插入網(wǎng)頁元素3. 設(shè)置 AP

8、 Div 的屬性主要教學(xué)內(nèi)容：插入 AP Div設(shè)置 AP Div 屬性使用 Spry 布局對象第十章使用CSS修飾美化網(wǎng)頁（6學(xué)時）教學(xué)目標(biāo)：1、CSS樣式表的類型2、CSS羊式表的創(chuàng)建3、不同樣式表的樣式應(yīng)用主要教學(xué)內(nèi)容：CSS 簡介使用 CSS設(shè)置CSS羊式CSS 濾鏡設(shè)計特效文字綜合實例第11章CSS+DIV布局方法（6學(xué)時）教學(xué)目標(biāo)：盒子模型概念、CSS布局理念、常見布局類型主要教學(xué)內(nèi)容：初識 DIVCSS 定位CSS 布局理念常見的布局類型第 12章 使用模板和庫提高網(wǎng)頁制作效率（ 6學(xué)）教學(xué)目標(biāo)：了解模型的庫的概念，會使用庫創(chuàng)建項目 主要教學(xué)內(nèi)容：創(chuàng)建模板使用模板管理模板創(chuàng)建和應(yīng)

9、用庫項目第 13 章 使用行為和動作為網(wǎng)頁添加活力（ 教學(xué)目標(biāo)： 重點區(qū)分行為、觸發(fā)事件、動作、對象等概念和區(qū)別 主要教學(xué)內(nèi)容：行為的概念行為的動作和事件使用 Dreamweaver 內(nèi)置行為第 14 章 網(wǎng)站頁面布局設(shè)計與色彩搭配（ 教學(xué)目標(biāo)：網(wǎng)頁色彩搭配知識、常見頁面版式 主要教學(xué)內(nèi)容：網(wǎng)頁版面布局設(shè)計常見版面布局形式6 學(xué)時）2 學(xué)時）網(wǎng)頁色彩搭配知識第 15 章 用表單創(chuàng)建交互式網(wǎng)頁（ 6 學(xué)時）教學(xué)目標(biāo)：表單的基本概念、常用表單元素的插入方法主要教學(xué)內(nèi)容：表單概述創(chuàng)建表單域插入文本域復(fù)選框和單選按鈕列表和菜單跳轉(zhuǎn)菜單的使用使用按鈕激活表單使用隱藏域和文件域綜合案例五、課程實施條件 本

10、課程需要一間高性能聯(lián)網(wǎng)的計算機(jī)實訓(xùn)室，需滿足每位學(xué)生一臺電腦。配備 液晶投影儀、多媒體教學(xué)軟件、 Photoshop 、 Dreamweaver 及以上版本等。六、教學(xué)組織與方法1、教學(xué)方法結(jié)合軟件與信息服務(wù)專業(yè)學(xué)生特點，基于行動導(dǎo)向，根據(jù)每個任務(wù)的內(nèi)容特點， 以真實項目進(jìn)行引導(dǎo)開展教學(xué)。整個課程以項目任務(wù)實訓(xùn)為主線，以技能培養(yǎng)為核 心來組織教學(xué)。學(xué)生在完成項目分解的任務(wù)中學(xué)習(xí)相關(guān)知識，并利用這些知識解決 項目中的問題。（1）項目教學(xué)法 課程將網(wǎng)頁設(shè)計的知識點分解為多個小的任務(wù)，每個任務(wù)的學(xué)習(xí)過程以工作過 程為導(dǎo)向，最終形成學(xué)生的職業(yè)行動能力。（2）小組教學(xué)法以 6 人為一個單位，成立教學(xué)小組

11、。單人完成的項目，組內(nèi)可以互相學(xué)習(xí)，督 促和評價。大型復(fù)雜的項目，小組成員共同完成。（3）視頻展示法 教師對講授內(nèi)容充分提煉，將復(fù)雜的操作錄制下來，方便學(xué)生反復(fù)觀看和模仿， 形象生動的動態(tài)展示和講解。 使抽象、 難懂的教學(xué)內(nèi)容變得直觀、 易懂和容易掌握； 提高了教學(xué)效率；便于學(xué)生自主學(xué)習(xí)。2、教學(xué)手段（1）充分利用多媒體實訓(xùn)室和多媒體課件 本課程的課堂講授全部在實訓(xùn)室進(jìn)行，便于使用投影設(shè)備，采用多媒體教學(xué)手 段。開發(fā)和使用的多媒體課件制作精美并含有動態(tài)演示，其有效地增強了學(xué)生的學(xué) 習(xí)興趣。（2）鼓勵自主學(xué)習(xí) 制作網(wǎng)絡(luò)課件，并將教學(xué)大綱、教案、習(xí)題等同時上網(wǎng)開放，激發(fā)學(xué)生學(xué)習(xí)興 趣，鼓勵學(xué)生自主

12、學(xué)習(xí)， 同時可以緩解課程信息量增加與壓縮授課學(xué)時之間的矛盾。（3）嚴(yán)格考評制度 設(shè)計了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識。嚴(yán) 格檢查平時作業(yè)完成情況，及時反饋作業(yè)中反映的問題。采用定期模擬考試的方法 及時檢驗學(xué)生階段性學(xué)習(xí)成果。建立科學(xué)合理的考核評價制度，以促進(jìn)學(xué)生的學(xué)習(xí) 積極性和自我學(xué)習(xí)的動力。（4）充分利用網(wǎng)絡(luò)環(huán)境和資源充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學(xué)活動，包括網(wǎng)絡(luò)課程 學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，使學(xué) 生可以不受時間、地點的限制，方便地進(jìn)行學(xué)習(xí)。七、教學(xué)材料1、學(xué)材與教材（1）選用教材巧學(xué)巧用Dreamwe

13、averCS6制作網(wǎng)頁人民郵電出版社主編：劉西杰。（ 2）參考書目HTML5+CSS從入門到精通，中國水利出版社，主編：未來科技。ASP網(wǎng)絡(luò)編程自學(xué)手冊，人民郵電出版社，龐婭娟孫明麗呂繼迪編著。2、軟件與網(wǎng)絡(luò)多媒體教學(xué)軟件、 Photoshop 、Dreamweaver 及以上版本等 .八、教學(xué)評價1、教學(xué)評價強調(diào)評價對教學(xué)的激勵、 診斷和促進(jìn)作用， 發(fā)揮教師在評價中的主導(dǎo)作用， 創(chuàng) 造條件實現(xiàn)評價主體的多元化，要關(guān)注學(xué)生的個別差異，鼓勵學(xué)生的創(chuàng)造實踐。綜 合運用各種形成性評價方式，全面考察學(xué)生的程序設(shè)計能力的養(yǎng)成過程，評價與教 學(xué)過程相結(jié)合，動態(tài)把握，及時引導(dǎo)學(xué)生情感、態(tài)度和價值觀的形成。采

14、用紙筆測 試和上機(jī)測試相結(jié)合的方式開展總結(jié)性教學(xué)評價。要根據(jù)課程標(biāo)準(zhǔn)的要求和具體考 試內(nèi)容選擇合適的題型和考試方式，創(chuàng)造條件全面考察學(xué)生解決實際問題的能力， 避免只重視知識記憶。要注意結(jié)合學(xué)生平時學(xué)習(xí)表現(xiàn)和過程性評價結(jié)果，改變單純 一次測驗或考試為依據(jù)，評定學(xué)生一學(xué)期或整個學(xué)段學(xué)習(xí)情況的局面，適度加大過 程性評價在期末成績評定中的比重。2、考核內(nèi)容知識模塊知識小點考核等級DW CS6基礎(chǔ)在網(wǎng)頁中插入圖片DW CS6安 裝用DW建立頁面保存網(wǎng)頁建立與管理站點IIS信息服務(wù)器的搭建與管理建立、發(fā)布主頁建立和管理站點制作主要內(nèi)容為文本的網(wǎng)頁在網(wǎng)頁中添加文字和字符使用背景、列表美化文本網(wǎng)頁插入與編輯圖

15、像分塊制作網(wǎng)頁利用DW匸具制作相冊插入多媒體元素插入FLASH元素添加FLASH視頻和音樂表格的處理與網(wǎng)頁布局在網(wǎng)頁中創(chuàng)建表格表格的編輯用表格制作導(dǎo)航欄創(chuàng)建超級鏈接超級鏈接的概念文字與網(wǎng)頁間的鏈接圖片熱點錨記使用框架制作旅游網(wǎng)站框架與框架集創(chuàng)建框架的方法框架和框架集的邊框設(shè)置設(shè)置鏈接目標(biāo)框架和框架集的保存創(chuàng)建和使用模板模板頁的概念可編輯區(qū)域的概念使用模板創(chuàng)建網(wǎng)頁在模板頁中創(chuàng)建超級鏈接使用模板更新網(wǎng)頁手動更新模板創(chuàng)建和使用庫了解庫的概念及作用創(chuàng)建庫項目編輯庫項目更新庫項目AP Div的應(yīng)用AP Div的創(chuàng)建在AP Div中插入網(wǎng)頁兀素設(shè)置AP Div的屬性行為常見行為的應(yīng)用常見觸發(fā)事件的應(yīng)用HT

16、ML基礎(chǔ)HTML語言的基本結(jié)構(gòu)常用HTML標(biāo)簽的使用方法CSS樣式表CSS樣式表的類型CSS樣式表的創(chuàng)建不同樣式表的樣式應(yīng)用動態(tài)網(wǎng)頁基礎(chǔ)了解動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū) 別了解服務(wù)器在動態(tài)網(wǎng)頁中的作 用掌握ACCESS數(shù)據(jù)庫及表的創(chuàng) 建在DW中創(chuàng)建動態(tài)網(wǎng)頁3、考核方式本課程實施綜合考評，注重考核學(xué)生掌握技能的水平，同時注重學(xué)習(xí)態(tài)度和最 終成績的關(guān)聯(lián)，以全面綜合地評定學(xué)生的能力。（1）平時技能考核：布置課堂作業(yè)以及拓展實訓(xùn)項目，使學(xué)生能獨立完成大部分的技能訓(xùn)練，小項目及活動的技能，均以個人為考核單位，在平時考核和記錄。 成績包括學(xué)習(xí)態(tài)度及項目技能完成情況。占總成績20%（2）階段考核：復(fù)雜的大項目，對學(xué)生進(jìn)行分組，任務(wù)由各小組成員共同完成。根據(jù)每個任務(wù)的完成情況，要求小組成員分別給出自評（25%，組內(nèi)互評（25%，同時教師對任務(wù)小組的整體完成情況給出評價（50%）作為每位成員的共同分?jǐn)?shù)。占總成績20%（3）期中考核和期末考核：在學(xué)生期中和期末課程學(xué)習(xí)結(jié)束后，統(tǒng)一參加技 能考試。期中成績占總成績 20%期末成績占總成績 40%九、課程資源幵發(fā)與利用組織課程教學(xué)相關(guān)教師在深入崗位調(diào)研和教學(xué)過程總結(jié)的基礎(chǔ)上幵發(fā)課程資源