/《網(wǎng)頁設(shè)計(jì)和制作》課程簡介

課程名稱：網(wǎng)頁設(shè)計(jì)和制作課程代碼：02038適用專業(yè)：初等教化（計(jì)算機(jī)和信息技術(shù)方向）課程性質(zhì)：專業(yè)核心課程、必修課、專業(yè)技能課學(xué)分：3

學(xué)分支配學(xué)時(shí)：72學(xué)時(shí)（理論36學(xué)時(shí)，實(shí)訓(xùn)36學(xué)時(shí)）一、前言1.

課程性質(zhì)本課程是初等教化計(jì)算機(jī)和信息技術(shù)專業(yè)的一門專業(yè)技能課程，培育學(xué)生網(wǎng)頁設(shè)計(jì)和制作實(shí)力，適應(yīng)初等教化對(duì)信息技術(shù)老師的人才基本要求，同時(shí)滿足社會(huì)對(duì)計(jì)算機(jī)專業(yè)人才的需求，適合從事網(wǎng)站建設(shè)相關(guān)的崗位。本課程的先修課程是《計(jì)算機(jī)應(yīng)用基礎(chǔ)》，后續(xù)課程是《ASP.NET程序設(shè)計(jì)》。在完成《計(jì)算機(jī)應(yīng)用基礎(chǔ)》課程學(xué)習(xí)后，學(xué)生駕馭了計(jì)算機(jī)基本學(xué)問和原理，學(xué)會(huì)了一些應(yīng)用軟件和工具軟件的運(yùn)用，進(jìn)而學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)和制作》這門課程不會(huì)感到困難。在以后學(xué)生還將學(xué)習(xí)《ASP.NET程序設(shè)計(jì)》課程，能設(shè)計(jì)和制作動(dòng)態(tài)網(wǎng)頁。2.

課程基本理念初等教化計(jì)算機(jī)和信息技術(shù)專業(yè)培育的對(duì)象主要是小學(xué)信息技術(shù)老師，今后從事小學(xué)信息技術(shù)教學(xué)和學(xué)校信息化教化教學(xué)的管理者及維護(hù)者，建設(shè)網(wǎng)站和網(wǎng)頁是信息技術(shù)老師應(yīng)駕馭的基本技能。課程要理論和實(shí)踐相結(jié)合，培育學(xué)生動(dòng)手實(shí)力，能勝任今后小學(xué)信息技術(shù)老師的工作任務(wù)。同時(shí)滿足社會(huì)對(duì)計(jì)算機(jī)專業(yè)人才的需求，適合從事網(wǎng)站建設(shè)相關(guān)的崗位群。3.

課程設(shè)計(jì)思路依據(jù)初等教化計(jì)算機(jī)和信息技術(shù)專業(yè)人才培育方案，《網(wǎng)頁設(shè)計(jì)和制作》是重要的專業(yè)技能課程，是作為小學(xué)信息技術(shù)老師基本技能訓(xùn)練和考核的項(xiàng)目之一。課程以工作任務(wù)來組織內(nèi)容，以案例驅(qū)動(dòng)貫穿教學(xué)過程。由淺入深，最終完成主題網(wǎng)站的開發(fā)項(xiàng)目。課程教學(xué)中以Dreamweaver的運(yùn)用為主線，要重視HTML語言和CSS樣式的講解和應(yīng)用。通過以3—4人為小組完成主題網(wǎng)站的建設(shè)，培育溝通實(shí)力、合作實(shí)力和團(tuán)隊(duì)協(xié)作實(shí)力，為今后的職業(yè)生涯打下良好的基礎(chǔ)。二、課程目標(biāo)1.

總體目標(biāo)本課程以學(xué)生能獨(dú)立完成靜態(tài)網(wǎng)站開發(fā)和維護(hù)的實(shí)際工作實(shí)力為學(xué)習(xí)目標(biāo)，要求學(xué)生駕馭HTML語言的文檔結(jié)構(gòu)和基本標(biāo)簽運(yùn)用。能綜合應(yīng)用Dreamweaver軟件、HTML和CSS技術(shù)制作網(wǎng)頁，駕馭規(guī)劃、開發(fā)、發(fā)布和管理靜態(tài)網(wǎng)站的專業(yè)學(xué)問和技能。通過小組合作完成主題網(wǎng)站的建設(shè)，培育學(xué)生團(tuán)隊(duì)協(xié)作精神、責(zé)任感、克服困難的精神、理論應(yīng)用于實(shí)踐和解決實(shí)際問題的實(shí)力，為今后學(xué)習(xí)進(jìn)一步動(dòng)態(tài)網(wǎng)頁的制作打下良好的基礎(chǔ)。2.

具體目標(biāo)（1）學(xué)問目標(biāo)1）理解網(wǎng)站和網(wǎng)頁的本質(zhì)；2）理解網(wǎng)站建設(shè)工作流程；3）駕馭網(wǎng)頁制作工具軟件的運(yùn)用；4）駕馭網(wǎng)頁的基本制作方法；6）駕馭HTML語言和CSS的運(yùn)用；7）駕馭網(wǎng)站的測試、發(fā)布和管理。（2）實(shí)力目標(biāo)1）能合理規(guī)劃主題網(wǎng)站；2）能進(jìn)行團(tuán)隊(duì)合作完成任務(wù)；3）能理論和實(shí)踐結(jié)合，解決實(shí)際問題；4）能克服困難解決問題；5）能設(shè)計(jì)和制作網(wǎng)站，并進(jìn)行測試和發(fā)布。（3）素養(yǎng)目標(biāo)1）理論結(jié)合實(shí)踐，培育動(dòng)手實(shí)力；2）具有團(tuán)隊(duì)意識(shí)，協(xié)作完成任務(wù)；3）具有責(zé)任感，主動(dòng)擔(dān)當(dāng)任務(wù)；4）具有分析問題和解決問題的實(shí)力。三、課程內(nèi)容和學(xué)習(xí)目標(biāo)序號(hào)工作任務(wù)課程內(nèi)容學(xué)習(xí)目標(biāo)活動(dòng)設(shè)計(jì)參考學(xué)時(shí)1網(wǎng)頁制作基礎(chǔ)1.網(wǎng)站和網(wǎng)頁基礎(chǔ)學(xué)問2.Dreamweaver的運(yùn)用3.創(chuàng)建、管理和發(fā)布站點(diǎn)4.文本編輯和格式化5.運(yùn)用超級(jí)鏈接6.運(yùn)用和處理圖像1.理解網(wǎng)站建設(shè)工作流程2.駕馭網(wǎng)頁制作工具軟件的運(yùn)用3.駕馭網(wǎng)頁基本元素的制作1.在本機(jī)建立站點(diǎn)和文件夾2.運(yùn)用DW軟件制作網(wǎng)頁元素3.設(shè)置文本格式、運(yùn)用超鏈接和插入圖像242運(yùn)用HTML和CSS技術(shù)制作網(wǎng)頁1.HTML基本標(biāo)簽和CSS樣式表的結(jié)構(gòu)2.運(yùn)用CSS修飾網(wǎng)頁3.運(yùn)用CSS布局網(wǎng)頁4.運(yùn)用表格、框架和表單1.理解網(wǎng)頁內(nèi)容和樣式分別的思想2.駕馭網(wǎng)頁基本標(biāo)簽的運(yùn)用3.駕馭CSS的運(yùn)用4.駕馭表格、框架和表單的運(yùn)用1.運(yùn)用HTML和CSS技術(shù)修飾網(wǎng)頁2.運(yùn)用CSS布局網(wǎng)頁3.運(yùn)用表格、框架和表單243網(wǎng)頁高級(jí)應(yīng)用1.運(yùn)用多媒體技術(shù)2.運(yùn)用行為3.運(yùn)用模板和庫4.網(wǎng)站的測試和發(fā)布1.駕馭多媒體運(yùn)用2.理解行為的運(yùn)用3.理解模板和哭的運(yùn)用4.駕馭網(wǎng)站的測試和發(fā)布1.網(wǎng)頁中插入多媒體2.運(yùn)用行為3.運(yùn)用模板和庫4.網(wǎng)站的測試和發(fā)布164網(wǎng)站開發(fā)綜合實(shí)訓(xùn)主題網(wǎng)站制作完成主題網(wǎng)站設(shè)計(jì)和制作分小組（3-4人）建設(shè)主題網(wǎng)站8四、實(shí)施建議1.

教學(xué)建議依據(jù)課程標(biāo)準(zhǔn)選定合適的教材，以項(xiàng)目、模塊和工作任務(wù)組織教學(xué)內(nèi)容，老師在講解學(xué)問點(diǎn)的基礎(chǔ)上，要重視學(xué)生的操作練習(xí)，完成實(shí)踐項(xiàng)目的工作任務(wù)。應(yīng)當(dāng)教、學(xué)、做三位一體化，理論和實(shí)踐并重。最終已以3-4人為一組，完成主題網(wǎng)站的建設(shè)，深化對(duì)課程學(xué)習(xí)內(nèi)容的駕馭。培育學(xué)生團(tuán)隊(duì)協(xié)作實(shí)力、交往和合作實(shí)力、溝通實(shí)力、抗挫折實(shí)力、創(chuàng)新實(shí)踐實(shí)力、獲得新學(xué)問和新技能的實(shí)力。課程總學(xué)時(shí)72，理論教學(xué)和實(shí)踐教學(xué)各占36學(xué)時(shí)。2.

教學(xué)考核評(píng)價(jià)建議網(wǎng)頁設(shè)計(jì)和制作課程是專業(yè)核心課程，考核方式有多項(xiàng)內(nèi)容組成，期初就對(duì)學(xué)生明確。期末成果為綜合評(píng)定，由平常成果（15%左右）、作品（35%左右）、期末筆試（35%左右）、上機(jī)操作測試（15%左右）等項(xiàng)目組成，其中綜合實(shí)訓(xùn)內(nèi)容主題網(wǎng)站的建設(shè)是重要的評(píng)價(jià)項(xiàng)目。3.

教材選用和編寫建議課程教材優(yōu)先選用高等職業(yè)院校規(guī)劃教材，留意技能的培育，要有試驗(yàn)實(shí)訓(xùn)環(huán)節(jié)。老師要供應(yīng)相應(yīng)的教學(xué)參考書，彌補(bǔ)教材不足的內(nèi)容和學(xué)生拓展實(shí)力所需的學(xué)問。（1）教材網(wǎng)頁設(shè)計(jì)和制作教程（第2版），趙豐年編，人民郵電出版社2009年10月；（2）參考書1）網(wǎng)頁設(shè)計(jì)案例教程，朱明麗編，清華高校出版社2012年9月；2）網(wǎng)頁設(shè)計(jì)和制作，董潔編，清華高校出版社

2012年8月；3）網(wǎng)頁設(shè)計(jì)和制作實(shí)例教程，孫士保編，電子工業(yè)出版社

2013年5月4）網(wǎng)頁設(shè)計(jì)和布局項(xiàng)目化教程(HTML+CSS+DIV)，溫謙編，人民郵電出版社

2013年9月（3）編寫建議學(xué)院可以組織老師編寫《網(wǎng)頁設(shè)計(jì)和制作》教材，以項(xiàng)目和模塊形式組織課程內(nèi)容，每章節(jié)有工作任務(wù)開展實(shí)踐教學(xué)環(huán)節(jié)，最終進(jìn)行綜合實(shí)訓(xùn)。編寫的學(xué)習(xí)內(nèi)容應(yīng)考慮高職院校的學(xué)生特點(diǎn)，理論以夠用為主，加強(qiáng)實(shí)踐操作提高學(xué)生的職業(yè)技能。4.

課程資源的開發(fā)和利用老師可以利用校內(nèi)共享課程資源平臺(tái)，開發(fā)《網(wǎng)頁設(shè)計(jì)和制作》課程的共享資源，向?qū)W生供應(yīng)優(yōu)質(zhì)學(xué)習(xí)資源。此外，網(wǎng)絡(luò)資源也是很好的學(xué)習(xí)資源，應(yīng)加強(qiáng)對(duì)學(xué)生運(yùn)用網(wǎng)絡(luò)資源學(xué)習(xí)的指導(dǎo)。一些網(wǎng)絡(luò)資源可參考“：（1）

校內(nèi)共享課程網(wǎng)站：://9:2080/index.html；（2）

W3Cschool：://w3school/html/，因特網(wǎng)上最大的

WEB

開發(fā)者資源，其中包括全面的教程、完善的參考手冊(cè)以及浩大的代碼庫。（3）

DIVCSS5

：://divcss5/，以通俗易懂學(xué)問講解、案例分析、實(shí)例示范讓您輕松學(xué)習(xí)DIV+CSS布局技術(shù)、輕松實(shí)現(xiàn)xhtml標(biāo)準(zhǔn)網(wǎng)頁重構(gòu)開發(fā)。（4）優(yōu)秀設(shè)計(jì)網(wǎng)：，供應(yīng)平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、編程開發(fā)、設(shè)計(jì)欣賞、酷站欣賞網(wǎng)頁特效等。5.

其他說明課程學(xué)習(xí)將供應(yīng)學(xué)校的專用服務(wù)器作為學(xué)習(xí)溝通的平臺(tái)，架設(shè)FTP和服務(wù)，學(xué)生制作的網(wǎng)站發(fā)布到服務(wù)器上。作為遠(yuǎn)程站點(diǎn)，可以測試網(wǎng)站、調(diào)試網(wǎng)頁效果、展示制作的網(wǎng)站和學(xué)習(xí)溝通。五、附錄HTML（HyperTextMark-upLanguage）：超文本標(biāo)記語言；CSS（

CascadingStyleSheets）：層疊樣式表；DW：AdobeDreamweaver網(wǎng)頁制作專用軟件，建議用CS4版本；主題網(wǎng)站：學(xué)生可以自己確定網(wǎng)站的主題開發(fā)網(wǎng)站。六、學(xué)習(xí)建議本課程教材目前運(yùn)用《網(wǎng)頁設(shè)計(jì)和制作教程（第2版）》，趙豐年主編，人民郵電出版社出版。全書共分15章，分別介紹了網(wǎng)頁制作的基本概念和理論、建立站點(diǎn)和編輯網(wǎng)頁、文本編輯和格式化、運(yùn)用超鏈接、網(wǎng)頁中運(yùn)用圖像、運(yùn)用CS