《網(wǎng)頁設計與制作》課程標準

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