《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn).doc

網(wǎng)頁(yè)設(shè)計(jì)與制作課程標(biāo)準(zhǔn)前言：網(wǎng)頁(yè)設(shè)計(jì)與制作是理實(shí)一體化課程，是計(jì)算機(jī)專(zhuān)業(yè)（軟件與信息服務(wù)、數(shù)字媒體、計(jì)算機(jī)應(yīng)用專(zhuān)業(yè)）的一門(mén)重要的專(zhuān)業(yè)必修課。本課程定位于WEB技術(shù)開(kāi)發(fā)工作崗位。它是WEB前端技術(shù)開(kāi)發(fā)的必備課程，在整個(gè)課程體系中具有重要的作用，一、課程的說(shuō)明： 通過(guò)本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的起源和發(fā)展、常用的網(wǎng)頁(yè)制作軟件及HTML語(yǔ)言，掌握運(yùn)用Dreamweaver（以下簡(jiǎn)稱DW）網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)的方法，通過(guò)運(yùn)用Photoshop圖像處理軟件和Flash動(dòng)畫(huà)制作軟件，三個(gè)軟件互相配合，完成網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)的方法。為今后從事網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站開(kāi)發(fā)和管理奠定基礎(chǔ)。在網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐中重點(diǎn)培養(yǎng)團(tuán)隊(duì)協(xié)作、溝通交流能力，培養(yǎng)自主學(xué)習(xí)能力和探索創(chuàng)新能力。二、課程內(nèi)容與基本要求：該課程涉及的知識(shí)是網(wǎng)頁(yè)設(shè)計(jì)人員必備的基本技能，職業(yè)活動(dòng)與課程內(nèi)容的對(duì)應(yīng)關(guān)系如下：網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)崗位職業(yè)能力教學(xué)內(nèi)容（理實(shí)一體化課）基本開(kāi)發(fā)工具的使用網(wǎng)頁(yè)基本概念（第1章）DW CS6軟件介紹（第2章）建立與管理站點(diǎn)（第3章）網(wǎng)頁(yè)基本元素的處理制作主要內(nèi)容為文本的網(wǎng)頁(yè)（第4章）插入與編輯圖像（第5章）插入多媒體元素（第6章）創(chuàng)建超級(jí)鏈接（第7章）HTML基礎(chǔ)（第13章）網(wǎng)頁(yè)布局表格處理與網(wǎng)頁(yè)布局（第6章）AP Div的應(yīng)用（第9章）使用CSS+DIV布局網(wǎng)頁(yè)（第11章）網(wǎng)頁(yè)美化CSS樣式表（第10章）網(wǎng)頁(yè)交互行為（第12章）動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)（第15章）網(wǎng)頁(yè)及元素的復(fù)用創(chuàng)建和使用模板（第9章）創(chuàng)建和使用庫(kù)（第10章）三、教學(xué)目標(biāo)1、職業(yè)關(guān)鍵能力目標(biāo)(1)掌握使用Photoshop進(jìn)行圖像處理的基本方法及操作技能(2)掌握DreamweaverCS5的基本知識(shí)及操作技能(3)掌握建立與管理站點(diǎn)的方法(4)掌握制作主要內(nèi)容為文本的網(wǎng)頁(yè)的方法(5)掌握在網(wǎng)頁(yè)中插入與編輯圖像的方法(6)掌握在網(wǎng)頁(yè)中插入多媒體元素的方法(7)掌握表格處理與網(wǎng)頁(yè)布局的方法(8)掌握創(chuàng)建超級(jí)鏈接的方法(9)掌握使用框架制作旅游網(wǎng)站的方法(10)掌握創(chuàng)建和使用模板的方法(11)掌握創(chuàng)建和使用庫(kù)的方法(12)掌握在網(wǎng)頁(yè)中添加AP Div的方法(13)掌握在網(wǎng)頁(yè)中使用行為的方法(14)掌握HTML基礎(chǔ)知識(shí)及通過(guò)代碼修飾網(wǎng)頁(yè)的方法(15)掌握使用CSS樣式表修飾網(wǎng)頁(yè)的方法(16)掌握動(dòng)態(tài)網(wǎng)頁(yè)的概念及簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁(yè)的制作方法2、職業(yè)專(zhuān)門(mén)能力目標(biāo)(1)通過(guò)完成相關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)設(shè)計(jì)的基本工作流程。(2)通過(guò)完成相關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)設(shè)計(jì)常用工具的使用方法。(3)通過(guò)完成相關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)布局及美化的基本方法。(4)通過(guò)完成相關(guān)的項(xiàng)目，掌握簡(jiǎn)單網(wǎng)頁(yè)交互的制作方法。3、方法能力目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力，形成良好的思考問(wèn)題、分析問(wèn)題和解決問(wèn)題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國(guó)家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開(kāi)發(fā)與應(yīng)用的能力。四、教學(xué)內(nèi)容第一章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)（4學(xué)時(shí)）教學(xué)目標(biāo)：網(wǎng)頁(yè)與網(wǎng)站基本概念、網(wǎng)頁(yè)基本組成元素、常用網(wǎng)頁(yè)制作軟件主要教學(xué)內(nèi)容：1.1 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)1.2 網(wǎng)頁(yè)的基本構(gòu)成元素1.3 網(wǎng)頁(yè)制作常用軟件和技術(shù)第二章 Dreamweaver CS6輕松入門(mén)（2學(xué)時(shí)）教學(xué)目標(biāo)：DW CS6軟件的安裝、用DW建立網(wǎng)頁(yè)的方法、打開(kāi)和保存網(wǎng)頁(yè)的方法主要教學(xué)內(nèi)容：2.1 Dreamweaver CS6工作環(huán)境2.2 插入欄2.3 Dreamweaver CS6新功能第三章 站點(diǎn)的搭建與管理（4學(xué)時(shí)）教學(xué)目標(biāo)：本地站點(diǎn)與遠(yuǎn)程站點(diǎn)的概念、站點(diǎn)文件夾的管理主要教學(xué)內(nèi)容：3.1 創(chuàng)建本地站點(diǎn)3.2 管理點(diǎn)站3.3 管理站點(diǎn)中的文件4.3 使用站點(diǎn)地圖第四章 網(wǎng)站建設(shè)規(guī)范和基本流程（2學(xué)時(shí)）教學(xué)目標(biāo)：IIS信息服務(wù)器的搭建與管理、建立、發(fā)布主頁(yè)、建立和管理站點(diǎn)主要教學(xué)內(nèi)容：4.1 網(wǎng)站建設(shè)規(guī)范4.2 網(wǎng)站建設(shè)的基本流程第五章 創(chuàng)建結(jié)構(gòu)清晰的文本網(wǎng)頁(yè)（6學(xué)時(shí)）教學(xué)目標(biāo)：1. 在網(wǎng)頁(yè)中添加文字和字符2. 使用背景、列表美化文本網(wǎng)頁(yè)主要教學(xué)內(nèi)容：5.1 設(shè)置文本屬性5.2 插入其他元素5.3 創(chuàng)建項(xiàng)目列表和編號(hào)列表5.4 插入網(wǎng)頁(yè)頭部?jī)?nèi)容5.5 綜合案例-創(chuàng)建基本文本網(wǎng)頁(yè)第六章 創(chuàng)建絢麗多彩的圖像和多媒體網(wǎng)頁(yè)（6學(xué)時(shí)）教學(xué)目標(biāo)：1. 了解網(wǎng)頁(yè)中常用的圖像格式2. 網(wǎng)頁(yè)中插入圖像的方法3. 網(wǎng)頁(yè)中插入多媒體的方法主要教學(xué)內(nèi)容：6.1 網(wǎng)頁(yè)中常用的圖像格式6.2 編輯圖像6.3 插入多媒體6.4 綜合案例-創(chuàng)建圖文混排網(wǎng)頁(yè)第七章 創(chuàng)建超級(jí)鏈接（6學(xué)時(shí)）教學(xué)目標(biāo)：超級(jí)鏈接的概念、文字與網(wǎng)頁(yè)間的鏈接、圖片熱點(diǎn)和錨記主要教學(xué)內(nèi)容：7.1 超級(jí)鏈接的基本概念7.2 創(chuàng)建超級(jí)鏈接的方法7.3 創(chuàng)建各種類(lèi)型的鏈接7.4 管理超鏈接7.5 綜合實(shí)例第八章 使用表格排版網(wǎng)頁(yè)（6學(xué)時(shí)）教學(xué)目標(biāo)：1. 表格的編輯處理2. 用表格制作網(wǎng)頁(yè)元素主要教學(xué)內(nèi)容：8.1 創(chuàng)建表格8.2 設(shè)置表格及其元素屬性8.3 表格的基礎(chǔ)操作8.4 表格的基本應(yīng)用8.5 綜合實(shí)例-利用表格排版網(wǎng)頁(yè)第九章 使用DIV和Spry靈活布局網(wǎng)頁(yè)（4學(xué)時(shí)）教學(xué)目標(biāo)：1. AP Div的創(chuàng)建2. 在AP Div中插入網(wǎng)頁(yè)元素3. 設(shè)置AP Div的屬性主要教學(xué)內(nèi)容：9.1 插入AP Div9.2 設(shè)置AP Div屬性9.3 使用 Spry布局對(duì)象第十章 使用CSS修飾美化網(wǎng)頁(yè)（6學(xué)時(shí)）教學(xué)目標(biāo)：1、CSS樣式表的類(lèi)型2、CSS樣式表的創(chuàng)建3、不同樣式表的樣式應(yīng)用主要教學(xué)內(nèi)容：10.1 CSS簡(jiǎn)介10.2 使用CSS10.3 設(shè)置CSS樣式10.4 CSS濾鏡設(shè)計(jì)特效文字10.5 綜合實(shí)例第11章 CSS+DIV布局方法（6學(xué)時(shí)）教學(xué)目標(biāo)：盒子模型概念、CSS布局理念、常見(jiàn)布局類(lèi)型主要教學(xué)內(nèi)容：11.1 初識(shí)DIV11.2 CSS定位11.3 CSS布局理念11.4 常見(jiàn)的布局類(lèi)型第12章 使用模板和庫(kù)提高網(wǎng)頁(yè)制作效率（6學(xué)）教學(xué)目標(biāo)：了解模型的庫(kù)的概念，會(huì)使用庫(kù)創(chuàng)建項(xiàng)目主要教學(xué)內(nèi)容：12.1 創(chuàng)建模板12.2 使用模板12.3 管理模板12.4 創(chuàng)建和應(yīng)用庫(kù)項(xiàng)目第13章 使用行為和動(dòng)作為網(wǎng)頁(yè)添加活力（6學(xué)時(shí)）教學(xué)目標(biāo)：重點(diǎn)區(qū)分行為、觸發(fā)事件、動(dòng)作、對(duì)象等概念和區(qū)別主要教學(xué)內(nèi)容：13.1 行為的概念13.2 行為的動(dòng)作和事件13.3 使用Dreamweaver內(nèi)置行為第14章 網(wǎng)站頁(yè)面布局設(shè)計(jì)與色彩搭配（2學(xué)時(shí)）教學(xué)目標(biāo)：網(wǎng)頁(yè)色彩搭配知識(shí)、常見(jiàn)頁(yè)面版式主要教學(xué)內(nèi)容：14.1 網(wǎng)頁(yè)版面布局設(shè)計(jì)14.2 常見(jiàn)版面布局形式14.3 網(wǎng)頁(yè)色彩搭配知識(shí)第15章 用表單創(chuàng)建交互式網(wǎng)頁(yè)（6學(xué)時(shí)）教學(xué)目標(biāo)：表單的基本概念、常用表單元素的插入方法主要教學(xué)內(nèi)容：15.1 表單概述15.2 創(chuàng)建表單域15.3 插入文本域15.4 復(fù)選框和單選按鈕15.5 列表和菜單15.6 跳轉(zhuǎn)菜單的使用15.7 使用按鈕激活表單15.8 使用隱藏域和文件域15.9 綜合案例五、課程實(shí)施條件本課程需要一間高性能聯(lián)網(wǎng)的計(jì)算機(jī)實(shí)訓(xùn)室，需滿足每位學(xué)生一臺(tái)電腦。配備液晶投影儀、多媒體教學(xué)軟件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等。六、教學(xué)組織與方法1、教學(xué)方法結(jié)合軟件與信息服務(wù)專(zhuān)業(yè)學(xué)生特點(diǎn)，基于行動(dòng)導(dǎo)向，根據(jù)每個(gè)任務(wù)的內(nèi)容特點(diǎn)，以真實(shí)項(xiàng)目進(jìn)行引導(dǎo)開(kāi)展教學(xué)。整個(gè)課程以項(xiàng)目任務(wù)實(shí)訓(xùn)為主線，以技能培養(yǎng)為核心來(lái)組織教學(xué)。學(xué)生在完成項(xiàng)目分解的任務(wù)中學(xué)習(xí)相關(guān)知識(shí)，并利用這些知識(shí)解決項(xiàng)目中的問(wèn)題。（1）項(xiàng)目教學(xué)法課程將網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)點(diǎn)分解為多個(gè)小的任務(wù)，每個(gè)任務(wù)的學(xué)習(xí)過(guò)程以工作過(guò)程為導(dǎo)向，最終形成學(xué)生的職業(yè)行動(dòng)能力。（2）小組教學(xué)法以6人為一個(gè)單位，成立教學(xué)小組。單人完成的項(xiàng)目，組內(nèi)可以互相學(xué)習(xí)，督促和評(píng)價(jià)。大型復(fù)雜的項(xiàng)目，小組成員共同完成。（3）視頻展示法教師對(duì)講授內(nèi)容充分提煉，將復(fù)雜的操作錄制下來(lái)，方便學(xué)生反復(fù)觀看和模仿，形象生動(dòng)的動(dòng)態(tài)展示和講解。使抽象、難懂的教學(xué)內(nèi)容變得直觀、易懂和容易掌握；提高了教學(xué)效率；便于學(xué)生自主學(xué)習(xí)。2、教學(xué)手段（1）充分利用多媒體實(shí)訓(xùn)室和多媒體課件本課程的課堂講授全部在實(shí)訓(xùn)室進(jìn)行，便于使用投影設(shè)備，采用多媒體教學(xué)手段。開(kāi)發(fā)和使用的多媒體課件制作精美并含有動(dòng)態(tài)演示，其有效地增強(qiáng)了學(xué)生的學(xué)習(xí)興趣。（2）鼓勵(lì)自主學(xué)習(xí)制作網(wǎng)絡(luò)課件，并將教學(xué)大綱、教案、習(xí)題等同時(shí)上網(wǎng)開(kāi)放，激發(fā)學(xué)生學(xué)習(xí)興趣，鼓勵(lì)學(xué)生自主學(xué)習(xí)，同時(shí)可以緩解課程信息量增加與壓縮授課學(xué)時(shí)之間的矛盾。（3）嚴(yán)格考評(píng)制度設(shè)計(jì)了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識(shí)。嚴(yán)格檢查平時(shí)作業(yè)完成情況，及時(shí)反饋?zhàn)鳂I(yè)中反映的問(wèn)題。采用定期模擬考試的方法及時(shí)檢驗(yàn)學(xué)生階段性學(xué)習(xí)成果。建立科學(xué)合理的考核評(píng)價(jià)制度，以促進(jìn)學(xué)生的學(xué)習(xí)積極性和自我學(xué)習(xí)的動(dòng)力。（4）充分利用網(wǎng)絡(luò)環(huán)境和資源充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開(kāi)展教學(xué)活動(dòng)，包括網(wǎng)絡(luò)課程學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專(zhuān)題討論、網(wǎng)上答疑等，使學(xué)生可以不受時(shí)間、地點(diǎn)的限制，方便地進(jìn)行學(xué)習(xí)。七、教學(xué)材料1、學(xué)材與教材（1）選用教材巧學(xué)巧用DreamweaverCS6制作網(wǎng)頁(yè)人民郵電出版社主編：劉西杰。（2）參考書(shū)目HTML5+CSS3從入門(mén)到精通，中國(guó)水利出版社，主編：未來(lái)科技。ASP網(wǎng)絡(luò)編程自學(xué)手冊(cè)，人民郵電出版社，龐婭娟孫明麗呂繼迪編著。2、軟件與網(wǎng)絡(luò)多媒體教學(xué)軟件、Photoshop CS5.0、Dreamweaver CS6.0及以上版本等.八、教學(xué)評(píng)價(jià)1、教學(xué)評(píng)價(jià)強(qiáng)調(diào)評(píng)價(jià)對(duì)教學(xué)的激勵(lì)、診斷和促進(jìn)作用，發(fā)揮教師在評(píng)價(jià)中的主導(dǎo)作用，創(chuàng)造條件實(shí)現(xiàn)評(píng)價(jià)主體的多元化，要關(guān)注學(xué)生的個(gè)別差異，鼓勵(lì)學(xué)生的創(chuàng)造實(shí)踐。綜合運(yùn)用各種形成性評(píng)價(jià)方式，全面考察學(xué)生的程序設(shè)計(jì)能力的養(yǎng)成過(guò)程，評(píng)價(jià)與教學(xué)過(guò)程相結(jié)合，動(dòng)態(tài)把握，及時(shí)引導(dǎo)學(xué)生情感、態(tài)度和價(jià)值觀的形成。采用紙筆測(cè)試和上機(jī)測(cè)試相結(jié)合的方式開(kāi)展總結(jié)性教學(xué)評(píng)價(jià)。要根據(jù)課程標(biāo)準(zhǔn)的要求和具體考試內(nèi)容選擇合適的題型和考試方式，創(chuàng)造條件全面考察學(xué)生解決實(shí)際問(wèn)題的能力，避免只重視知識(shí)記憶。要注意結(jié)合學(xué)生平時(shí)學(xué)習(xí)表現(xiàn)和過(guò)程性評(píng)價(jià)結(jié)果，改變單純一次測(cè)驗(yàn)或考試為依據(jù)，評(píng)定學(xué)生一學(xué)期或整個(gè)學(xué)段學(xué)習(xí)情況的局面，適度加大過(guò)程性評(píng)價(jià)在期末成績(jī)?cè)u(píng)定中的比重。2、考核內(nèi)容知識(shí)模塊知識(shí)小點(diǎn)考核等級(jí)DW CS6基礎(chǔ)在網(wǎng)頁(yè)中插入圖片DW CS6安裝用DW建立頁(yè)面保存網(wǎng)頁(yè)建立與管理站點(diǎn)IIS信息服務(wù)器的搭建與管理建立、發(fā)布主頁(yè)建立和管理站點(diǎn)制作主要內(nèi)容為文本的網(wǎng)頁(yè)在網(wǎng)頁(yè)中添加文字和字符使用背景、列表美化文本網(wǎng)頁(yè)插入與編輯圖像分塊制作網(wǎng)頁(yè)利用DW工具制作相冊(cè)插入多媒體元素插入FLASH元素添加FLASH視頻和音樂(lè)表格的處理與網(wǎng)頁(yè)布局在網(wǎng)頁(yè)中創(chuàng)建表格表格的編輯用表格制作導(dǎo)航欄創(chuàng)建超級(jí)鏈接超級(jí)鏈接的概念文字與網(wǎng)頁(yè)間的鏈接圖片熱點(diǎn)錨記使用框架制作旅游網(wǎng)站框架與框架集創(chuàng)建框架的方法框架和框架集的邊框設(shè)置設(shè)置鏈接目標(biāo)框架和框架集的保存創(chuàng)建和使用模板模板頁(yè)的概念可編輯區(qū)域的概念使用模板創(chuàng)建網(wǎng)頁(yè)在模板頁(yè)中創(chuàng)建超級(jí)鏈接使用模板更新網(wǎng)頁(yè)手動(dòng)更新模板創(chuàng)建和使用庫(kù)了解庫(kù)的概念及作用創(chuàng)建庫(kù)項(xiàng)目編輯庫(kù)項(xiàng)目更新庫(kù)項(xiàng)目AP Div的應(yīng)用AP Div的創(chuàng)建在AP Div中插入網(wǎng)頁(yè)元素設(shè)置AP Div的屬性行為常見(jiàn)行為的應(yīng)用常見(jiàn)觸發(fā)事件的應(yīng)用HTML基礎(chǔ)HTML語(yǔ)言的基本結(jié)構(gòu)常用HTML標(biāo)簽的使用方法CSS樣式表CSS樣式表的類(lèi)型CSS樣式表的創(chuàng)建不同樣式表的樣式應(yīng)用動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)了解動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的區(qū)別了解服務(wù)器在動(dòng)態(tài)網(wǎng)頁(yè)中的作用掌握ACCESS數(shù)據(jù)庫(kù)及表的創(chuàng)建在DW中創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)3、考核方式本課程實(shí)施綜合考評(píng)，注重考核學(xué)生掌握技能的水平，同時(shí)注重學(xué)習(xí)態(tài)度和最終成績(jī)的關(guān)聯(lián)，以全面綜合地評(píng)定學(xué)生的能力。（1）平時(shí)技能考核：布置課堂作業(yè)以及拓展實(shí)訓(xùn)項(xiàng)目，使學(xué)生能獨(dú)立完成大部分的技能訓(xùn)練，小項(xiàng)目及活動(dòng)的技能，均以個(gè)人為考核單位，在平時(shí)考核和記錄。成績(jī)包括學(xué)習(xí)態(tài)度及項(xiàng)目技能完成情況。占總成績(jī)20%。（2）階段考核：復(fù)雜的大項(xiàng)目，對(duì)學(xué)生進(jìn)行分組，任務(wù)由各小組成員共同完成。根據(jù)每個(gè)任務(wù)的完成情況，要求小組成員分別給出自評(píng)（25%），組內(nèi)互評(píng)（25%），同時(shí)教師對(duì)任務(wù)小組的整體完成情況給出評(píng)價(jià)（50%)作為每位成員的共同分?jǐn)?shù)。占總成績(jī)20%。（3）期中考核和期末考核：在學(xué)生期中和期末課程學(xué)習(xí)結(jié)束后，統(tǒng)一參加技能考試。期中成績(jī)占總成績(jī)20%，期末成績(jī)占總成績(jī)40%。九、課程資源開(kāi)發(fā)與利用組織課程教學(xué)相關(guān)教師在深入崗位調(diào)研和教學(xué)過(guò)程總結(jié)