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

PAGE2《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)序言：《網(wǎng)頁(yè)設(shè)計(jì)與制作》是理實(shí)一體化課程，是計(jì)算機(jī)專業(yè)（軟件與信息服務(wù)、數(shù)字媒體、計(jì)算機(jī)應(yīng)用專業(yè)）的一門(mén)重要的專業(yè)必修課。本課程定位于WEB技術(shù)開(kāi)發(fā)工作崗位。它是WEB前端技術(shù)開(kāi)發(fā)的必備課程，在整個(gè)課程系統(tǒng)中擁有重要的作用，一、經(jīng)過(guò)本課程的學(xué)習(xí)，使學(xué)生認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的發(fā)源和發(fā)展、常用的網(wǎng)頁(yè)制作軟件及HTML語(yǔ)言，掌握運(yùn)用Dreamweaver（以下簡(jiǎn)稱DW）網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)的方法，經(jīng)過(guò)運(yùn)用Photoshop圖像辦理軟件和Flash動(dòng)畫(huà)制作軟件，三個(gè)軟件相互當(dāng)合，達(dá)成網(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)培育團(tuán)隊(duì)協(xié)作、交流交流能力，培育自主學(xué)習(xí)能力和探究創(chuàng)新能力。二、課程內(nèi)容與基本要求：該課程波及的知識(shí)是網(wǎng)頁(yè)設(shè)計(jì)人員必備的基本技術(shù)，職業(yè)活動(dòng)與課程內(nèi)容的對(duì)應(yīng)關(guān)系以下：網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)崗位職業(yè)能力教課內(nèi)容（理實(shí)一體化課）基本開(kāi)發(fā)工具的使用網(wǎng)頁(yè)基本觀點(diǎn)（第1章）DWCS6軟件介紹（第2章）成立與管理站點(diǎn)（第3章）網(wǎng)頁(yè)基本元素的辦理制作主要內(nèi)容為文本的網(wǎng)頁(yè)（第4章）插入與編寫(xiě)圖像（第5章）插入多媒體元素（第6章）創(chuàng)立超級(jí)鏈接（第7章）HTML基礎(chǔ)（第13章）網(wǎng)頁(yè)布局表格辦理與網(wǎng)頁(yè)布局（第6章）APDiv的應(yīng)用（第9章）使用CSS+DIV布局網(wǎng)頁(yè)（第11章）網(wǎng)頁(yè)美化CSS款式表（第10章）網(wǎng)頁(yè)交互行為（第12章）動(dòng)向網(wǎng)頁(yè)基礎(chǔ)（第15章）網(wǎng)頁(yè)及元素的復(fù)用創(chuàng)立和使用模板（第9章）創(chuàng)立和使用庫(kù)（第10章）三、教課目的1、職業(yè)要點(diǎn)能力目標(biāo)(1) 掌握使用Photoshop進(jìn)行圖像辦理的基本方法及操作技術(shù)(2) 掌握DreamweaverCS5的基本知識(shí)及操作技術(shù)(3) 掌握成立與管理站點(diǎn)的方法(4) 掌握制作主要內(nèi)容為文本的網(wǎng)頁(yè)的方法(5) 掌握在網(wǎng)頁(yè)中插入與編寫(xiě)圖像的方法(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è)中增添APDiv的方法(13) 掌握在網(wǎng)頁(yè)中使用行為的方法(14) 掌握HTML基礎(chǔ)知識(shí)及經(jīng)過(guò)代碼修飾網(wǎng)頁(yè)的方法(15) 掌握使用CSS款式表修飾網(wǎng)頁(yè)的方法(16) 掌握動(dòng)向網(wǎng)頁(yè)的觀點(diǎn)及簡(jiǎn)單動(dòng)向網(wǎng)頁(yè)的制作方法2、職業(yè)特意能力目標(biāo)(1) 經(jīng)過(guò)達(dá)成有關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)設(shè)計(jì)的基本工作流程。(2) 經(jīng)過(guò)達(dá)成有關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)設(shè)計(jì)常用工具的使用方法。(3) 經(jīng)過(guò)達(dá)成有關(guān)的項(xiàng)目，掌握網(wǎng)頁(yè)布局及美化的基本方法。(4) 經(jīng)過(guò)達(dá)成有關(guān)的項(xiàng)目，掌握簡(jiǎn)單網(wǎng)頁(yè)交互的制作方法。3、方法能力目標(biāo)形成必定的學(xué)習(xí)能力、交流與團(tuán)隊(duì)的協(xié)作能力，形成優(yōu)秀的思慮問(wèn)題、剖析問(wèn)題和解決問(wèn)題的能力，養(yǎng)成優(yōu)秀的職業(yè)修養(yǎng)。恪守國(guó)家對(duì)于軟件與信息技術(shù)的有關(guān)法律法例，形成要點(diǎn)性的軟件開(kāi)發(fā)與應(yīng)用的能力。四、教課內(nèi)容第一章網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)（4學(xué)時(shí)）教課目的：網(wǎng)頁(yè)與網(wǎng)站基本觀點(diǎn)、網(wǎng)頁(yè)基本構(gòu)成元素、常用網(wǎng)頁(yè)制作軟件主要教課內(nèi)容：1.1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)1.2網(wǎng)頁(yè)的基本構(gòu)成元素1.3網(wǎng)頁(yè)制作常用軟件和技術(shù)第二章DreamweaverCS6輕松入門(mén)（2學(xué)時(shí)）教課目的：DWCS6軟件的安裝、用DW成立網(wǎng)頁(yè)的方法、翻開(kāi)和保留網(wǎng)頁(yè)的方法主要教課內(nèi)容：2.1DreamweaverCS6工作環(huán)境2.2[插入]欄2.3DreamweaverCS6新功能第三章站點(diǎn)的搭建與管理（4學(xué)時(shí)）教課目的：當(dāng)?shù)卣军c(diǎn)與遠(yuǎn)程站點(diǎn)的觀點(diǎn)、站點(diǎn)文件夾的管理主要教課內(nèi)容：3.1創(chuàng)立當(dāng)?shù)卣军c(diǎn)3.2管理點(diǎn)站3.3管理站點(diǎn)中的文件4.3使用站點(diǎn)地圖第四章網(wǎng)站建設(shè)規(guī)范和基本流程（2學(xué)時(shí)）教課目的：IIS信息服務(wù)器的搭建與管理、成立、公布主頁(yè)、成立和管理站點(diǎn)主要教課內(nèi)容：4.1網(wǎng)站建設(shè)規(guī)范4.2網(wǎng)站建設(shè)的基本流程第五章創(chuàng)立構(gòu)造清楚的文本網(wǎng)頁(yè)（6學(xué)時(shí)）教課目的：1.在網(wǎng)頁(yè)中增添文字和字符2.使用背景、列表美化文本網(wǎng)頁(yè)主要教課內(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í)）教課目的：1.認(rèn)識(shí)網(wǎng)頁(yè)中常用的圖像格式2.網(wǎng)頁(yè)中插入圖像的方法3.網(wǎng)頁(yè)中插入多媒體的方法主要教課內(nèi)容：6.1網(wǎng)頁(yè)中常用的圖像格式6.2編寫(xiě)圖像6.3插入多媒體6.4綜合事例-創(chuàng)立圖文混排網(wǎng)頁(yè)第七章創(chuàng)立超級(jí)鏈接（6學(xué)時(shí)）教課目的：超級(jí)鏈接的觀點(diǎn)、文字與網(wǎng)頁(yè)間的鏈接、圖片熱門(mén)和錨記主要教課內(nèi)容：7.1超級(jí)鏈接的基本觀點(diǎn)7.2創(chuàng)立超級(jí)鏈接的方法7.3創(chuàng)立各樣種類的鏈接7.4管理超鏈接7.5綜合實(shí)例第八章使用表格排版網(wǎng)頁(yè)（6學(xué)時(shí)）教課目的：1.表格的編寫(xiě)辦理2.用表格制作網(wǎng)頁(yè)元素主要教課內(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í)）教課目的：1.APDiv的創(chuàng)立2.在APDiv中插入網(wǎng)頁(yè)元素3.設(shè)置APDiv的屬性主要教課內(nèi)容：9.1插入APDiv9.2設(shè)置APDiv屬性9.3使用Spry布局對(duì)象第十章使用CSS修飾美化網(wǎng)頁(yè)（6學(xué)時(shí)）教課目的：1、CSS款式表的種類2、CSS款式表的創(chuàng)立3、不一樣款式表的款式應(yīng)用主要教課內(nèi)容：10.1CSS簡(jiǎn)介10.2使用CSS10.3設(shè)置CSS款式10.4CSS濾鏡設(shè)計(jì)殊效文字10.5綜合實(shí)例第11章CSS+DIV布局方法（6學(xué)時(shí)）教課目的：盒子模型觀點(diǎn)、CSS布局理念、常有布局種類主要教課內(nèi)容：11.1初識(shí)DIV11.2CSS定位11.3CSS布局理念11.4常有的布局種類第12章使用模板和庫(kù)提升網(wǎng)頁(yè)制作效率（6學(xué)）教課目的：認(rèn)識(shí)模型的庫(kù)的觀點(diǎn)，會(huì)使用庫(kù)創(chuàng)立項(xiàng)目主要教課內(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í)）教課目的：要點(diǎn)劃分行為、觸發(fā)事件、動(dòng)作、對(duì)象等觀點(diǎn)和差別主要教課內(nèi)容：13.1行為的觀點(diǎn)13.2行為的動(dòng)作和事件13.3使用Dreamweaver內(nèi)置行為第14章網(wǎng)站頁(yè)面布局設(shè)計(jì)與色彩搭配（2學(xué)時(shí)）教課目的：網(wǎng)頁(yè)色彩搭配知識(shí)、常有頁(yè)面版式主要教課內(nèi)容：14.1網(wǎng)頁(yè)版面布局設(shè)計(jì)14.2常有版面布局形式14.3網(wǎng)頁(yè)色彩搭配知識(shí)第15章用表單創(chuàng)立交互式網(wǎng)頁(yè)（6學(xué)時(shí)）教課目的：表單的基本觀點(diǎn)、常用表單元素的插入方法主要教課內(nèi)容：15.1表單概括15.2創(chuàng)立表單域15.3插入文本域15.4復(fù)選框和單項(xiàng)選擇按鈕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)電腦。裝備液晶投影儀、多媒體教課軟件、PhotoshopCS5.0、DreamweaverCS5.0及以上版本等。六、教課組織與方法1、教課方法聯(lián)合軟件與信息服務(wù)專業(yè)學(xué)生特色，鑒于行動(dòng)導(dǎo)向，依據(jù)每個(gè)任務(wù)的內(nèi)容特色，以真切項(xiàng)目進(jìn)行指引展開(kāi)教課。整個(gè)課程以項(xiàng)目任求實(shí)訓(xùn)為主線，以技術(shù)培育為中心來(lái)組織教課。學(xué)生在達(dá)成項(xiàng)目分解的任務(wù)中學(xué)習(xí)有關(guān)知識(shí)，并利用這些知識(shí)解決項(xiàng)目中的問(wèn)題。（1）項(xiàng)目教課法課程將網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)點(diǎn)分解為多個(gè)小的任務(wù)，每個(gè)任務(wù)的學(xué)習(xí)過(guò)程以工作過(guò)程為導(dǎo)向，最后形成學(xué)生的職業(yè)行動(dòng)能力。（2）小組教課法以6人為一個(gè)單位，成立教課小組。單人達(dá)成的項(xiàng)目，組內(nèi)能夠相互學(xué)習(xí)，敦促和評(píng)論。大型復(fù)雜的項(xiàng)目，小構(gòu)成員共同達(dá)成。（3）視頻展現(xiàn)法教師對(duì)解說(shuō)內(nèi)容充足提煉，將復(fù)雜的操作錄制下來(lái)，方便學(xué)生頻頻觀看和模擬，形象生動(dòng)的動(dòng)向展現(xiàn)和解說(shuō)。使抽象、難懂的教課內(nèi)容變得直觀、易懂和簡(jiǎn)單掌握；提升了教課效率；便于學(xué)生自主學(xué)習(xí)。2、教課手段（1）充足利用多媒體實(shí)訓(xùn)室和多媒體課件本課程的講堂解說(shuō)所有在實(shí)訓(xùn)室進(jìn)行，便于使用投影設(shè)施，采納多媒體教課手段。開(kāi)發(fā)和使用的多媒體課件制作精巧并含有動(dòng)向演示，其有效地加強(qiáng)了學(xué)生的學(xué)習(xí)興趣。（2）鼓舞自主學(xué)習(xí)制作網(wǎng)絡(luò)課件，并將教課綱領(lǐng)、教課設(shè)計(jì)、習(xí)題等同時(shí)上網(wǎng)開(kāi)放，激發(fā)學(xué)生學(xué)習(xí)興趣，鼓舞學(xué)生自主學(xué)習(xí)，同時(shí)能夠緩解課程信息量增添與壓縮講課學(xué)時(shí)之間的矛盾。（3）嚴(yán)格考評(píng)制度設(shè)計(jì)了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識(shí)。嚴(yán)格檢查平常作業(yè)達(dá)成狀況，實(shí)時(shí)反應(yīng)作業(yè)中反應(yīng)的問(wèn)題。采納按期模擬考試的方法實(shí)時(shí)查驗(yàn)學(xué)生階段性學(xué)習(xí)成就。成立科學(xué)合理的查核評(píng)論制度，以促使學(xué)生的學(xué)習(xí)踴躍性和自我學(xué)習(xí)的動(dòng)力。（4）充足利用網(wǎng)絡(luò)環(huán)境和資源充足利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上展開(kāi)教課活動(dòng)，包含網(wǎng)絡(luò)課程學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專題議論、網(wǎng)上答疑等，使學(xué)生能夠不受時(shí)間、地址的限制，方便地進(jìn)行學(xué)習(xí)。七、教課資料1、學(xué)材與教材（1）采納教材《巧學(xué)巧用DreamweaverCS6制作網(wǎng)頁(yè)》人民郵電第一版社主編：劉西杰。（2）參照書(shū)目《HTML5+CSS3從入門(mén)到精曉》，中國(guó)水利第一版社，主編：將來(lái)科技?！禔SP網(wǎng)絡(luò)編程自學(xué)手冊(cè)》，人民郵電第一版社，龐婭娟孫明媚呂繼迪編著。2、軟件與網(wǎng)絡(luò)多媒體教課軟件、PhotoshopCS5.0、DreamweaverCS6.0及以上版本等.八、教課評(píng)論1、教課評(píng)論重申評(píng)論對(duì)教課的激勵(lì)、診療和促使作用，發(fā)揮教師在評(píng)論中的主導(dǎo)作用，創(chuàng)立條件實(shí)現(xiàn)評(píng)論主體的多元化，要關(guān)注學(xué)生的個(gè)別差別，鼓舞學(xué)生的創(chuàng)立實(shí)踐。綜合運(yùn)用各樣形成性評(píng)論方式，全面觀察學(xué)生的程序設(shè)計(jì)能力的養(yǎng)成過(guò)程，評(píng)論與教課過(guò)程相聯(lián)合，動(dòng)向掌握，實(shí)時(shí)指引學(xué)生感情、態(tài)度和價(jià)值觀的形成。采納紙筆測(cè)試和上機(jī)測(cè)試相聯(lián)合的方式展開(kāi)總結(jié)性教課評(píng)論。要依據(jù)課程標(biāo)準(zhǔn)的要乞降詳細(xì)考試內(nèi)容選擇適合的題型和考試方式，創(chuàng)立條件全面觀察學(xué)生解決實(shí)質(zhì)問(wèn)題的能力，防止只重視知識(shí)記憶。要注意聯(lián)合學(xué)平生常學(xué)習(xí)表現(xiàn)和過(guò)程性評(píng)論結(jié)果，改變純真一次測(cè)試或考試為依照，評(píng)定學(xué)生一學(xué)期或整個(gè)學(xué)段學(xué)習(xí)狀況的場(chǎng)面，適量加大過(guò)程性評(píng)論在期末成績(jī)?cè)u(píng)定中的比重。2、查核內(nèi)容知識(shí)模塊知識(shí)小點(diǎn)查核等級(jí)DWCS6基礎(chǔ)在網(wǎng)頁(yè)中插入圖片☆☆DWCS6安裝☆用DW成立頁(yè)面☆☆保留網(wǎng)頁(yè)☆☆成立與管理站點(diǎn)IIS信息服務(wù)器的搭建與管理☆☆成立、公布主頁(yè)☆☆成立和管理站點(diǎn)☆☆☆制作主要內(nèi)容為文本的網(wǎng)頁(yè)在網(wǎng)頁(yè)中增添文字和字符☆☆使用背景、列表美化文本網(wǎng)頁(yè)☆☆插入與編寫(xiě)圖像分塊制作網(wǎng)頁(yè)☆☆利用DW工具制作相冊(cè)☆☆插入多媒體元素插入FLASH元素☆☆☆增添FLASH視頻和音樂(lè)☆☆☆表格的辦理與網(wǎng)頁(yè)布局在網(wǎng)頁(yè)中創(chuàng)立表格☆☆☆☆表格的編寫(xiě)☆☆☆☆用表格制作導(dǎo)航欄☆☆☆☆創(chuàng)立超級(jí)鏈接超級(jí)鏈接的觀點(diǎn)☆☆☆文字與網(wǎng)頁(yè)間的鏈接☆☆☆圖片熱門(mén)☆☆☆錨記☆☆☆使用框架制作旅行網(wǎng)站框架與框架集☆☆☆創(chuàng)立框架的方法☆☆☆框架和框架集的邊框設(shè)置☆☆☆設(shè)置鏈接目標(biāo)☆☆☆框架和框架集的保留☆☆☆☆創(chuàng)立和使用模板模板頁(yè)的觀點(diǎn)☆☆可編寫(xiě)地區(qū)的觀點(diǎn)☆☆☆使用模板創(chuàng)立網(wǎng)頁(yè)☆☆☆☆在模板頁(yè)中創(chuàng)立超級(jí)鏈接☆☆☆☆使用模板更新網(wǎng)頁(yè)☆☆☆☆手動(dòng)更新模板☆☆☆創(chuàng)立和使用庫(kù)認(rèn)識(shí)庫(kù)的觀點(diǎn)及作用☆☆☆創(chuàng)立庫(kù)項(xiàng)目☆☆☆編寫(xiě)庫(kù)項(xiàng)目☆☆☆更新庫(kù)項(xiàng)目☆☆☆A(yù)PDiv的應(yīng)用APDiv的創(chuàng)立☆☆☆☆在APDiv中插入網(wǎng)頁(yè)元素☆☆☆☆設(shè)置APDiv的屬性☆☆☆☆行為常有行為的應(yīng)用☆☆☆☆常有觸發(fā)事件的應(yīng)用☆☆☆☆HTML基礎(chǔ)HTML語(yǔ)言的基本構(gòu)造☆☆☆常用HTML標(biāo)簽的使用方法☆☆☆CSS款式表CSS款式表的種類☆☆☆☆CSS款式表的創(chuàng)立☆☆☆☆不一樣款式表的款式應(yīng)用☆☆☆☆動(dòng)向網(wǎng)頁(yè)基礎(chǔ)認(rèn)識(shí)動(dòng)向網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的差別☆☆認(rèn)識(shí)服務(wù)器在動(dòng)向網(wǎng)頁(yè)中的作用☆☆掌握ACCESS數(shù)據(jù)庫(kù)及表的創(chuàng)立☆☆在DW中創(chuàng)立動(dòng)向網(wǎng)頁(yè)☆☆3、查核方式本課程實(shí)行綜合考評(píng)，著重查核學(xué)生掌握技術(shù)的水平，同時(shí)著重學(xué)習(xí)態(tài)度和最后成績(jī)的關(guān)系，以全面綜合地評(píng)定學(xué)生的能力。（1）平常技術(shù)查核：部署講堂作業(yè)以及拓展實(shí)訓(xùn)項(xiàng)目，使學(xué)生能獨(dú)立達(dá)成大多數(shù)的技術(shù)訓(xùn)練，小項(xiàng)目及活動(dòng)的技術(shù)，均以個(gè)人為查核單位，在平常查核和記錄。成績(jī)包含學(xué)習(xí)態(tài)度及項(xiàng)目技術(shù)達(dá)成狀況。占總成績(jī)20%。（2）階段查核：復(fù)雜的大項(xiàng)目，對(duì)學(xué)生進(jìn)行分組，任務(wù)由各小構(gòu)成員共同達(dá)成。依據(jù)每個(gè)任務(wù)的達(dá)成狀況，要求小構(gòu)成員分別給出自評(píng)（25%），組內(nèi)互評(píng)（25%），同時(shí)教師對(duì)任務(wù)小組的整體達(dá)成狀況給出評(píng)論（50%)作為每位成員的共同分?jǐn)?shù)。占總成績(jī)20%。（3）期中查核和期末查核：在學(xué)生期中和期末課程學(xué)習(xí)結(jié)束后，一致參加技術(shù)考試。期中成績(jī)占總成績(jī)20%，期末成績(jī)占總成績(jī)40%。九、課程資源開(kāi)發(fā)與利用組織課程教課有關(guān)教師在深入崗位調(diào)