1、網(wǎng)頁設(shè)計(jì)與制作課程簡介課程名稱：網(wǎng)頁設(shè)計(jì)與制作課程代碼：02038適用專業(yè)：初等教育（計(jì)算機(jī)與信息技術(shù)方向）課程性質(zhì)：專業(yè)核心課程、必修課、專業(yè)技能課學(xué)分：3學(xué)分計(jì)劃學(xué)時(shí)：72學(xué)時(shí)（理論36學(xué)時(shí)，實(shí)訓(xùn)36學(xué)時(shí)）一、前言1.課程性質(zhì)本課程是初等教育計(jì)算機(jī)與信息技術(shù)專業(yè)的一門專業(yè)技能課程，培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)與制作能力，適應(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ī)基本知識(shí)和原理，學(xué)會(huì)了一些應(yīng)用軟件和工具軟件的使用，進(jìn)而學(xué)習(xí)網(wǎng)頁

2、設(shè)計(jì)與制作這門課程不會(huì)感到困難。在以后學(xué)生還將學(xué)習(xí)ASP.NET程序設(shè)計(jì)課程，能設(shè)計(jì)和制作動(dòng)態(tài)網(wǎng)頁。2.課程基本理念初等教育計(jì)算機(jī)與信息技術(shù)專業(yè)培養(yǎng)的對(duì)象主要是小學(xué)信息技術(shù)教師，今后從事小學(xué)信息技術(shù)教學(xué)和學(xué)校信息化教育教學(xué)的管理者及維護(hù)者，建設(shè)網(wǎng)站和網(wǎng)頁是信息技術(shù)教師應(yīng)掌握的基本技能。課程要理論與實(shí)踐相結(jié)合，培養(yǎng)學(xué)生動(dòng)手能力，能勝任今后小學(xué)信息技術(shù)教師的工作任務(wù)。同時(shí)滿足社會(huì)對(duì)計(jì)算機(jī)專業(yè)人才的需求，適合從事網(wǎng)站建設(shè)相關(guān)的崗位群。3.課程設(shè)計(jì)思路根據(jù)初等教育計(jì)算機(jī)與信息技術(shù)專業(yè)人才培養(yǎng)方案，網(wǎng)頁設(shè)計(jì)與制作是重要的專業(yè)技能課程，是作為小學(xué)信息技術(shù)教師基本技能訓(xùn)練與考核的項(xiàng)目之一。課程以工作任務(wù)來組

3、織內(nèi)容，以案例驅(qū)動(dòng)貫穿教學(xué)過程。由淺入深，最后完成主題網(wǎng)站的開發(fā)項(xiàng)目。課程教學(xué)中以Dreamweaver的使用為主線，要重視HTML語言和CSS樣式的講解和應(yīng)用。通過以34人為小組完成主題網(wǎng)站的建設(shè)，培養(yǎng)溝通能力、合作能力和團(tuán)隊(duì)協(xié)作能力，為今后的職業(yè)生涯打下良好的基礎(chǔ)。二、課程目標(biāo)1.總體目標(biāo)本課程以學(xué)生能獨(dú)立完成靜態(tài)網(wǎng)站開發(fā)和維護(hù)的實(shí)際工作能力為學(xué)習(xí)目標(biāo)，要求學(xué)生掌握HTML語言的文檔結(jié)構(gòu)和基本標(biāo)簽使用。能綜合應(yīng)用Dreamweaver軟件、HTML和CSS技術(shù)制作網(wǎng)頁，掌握規(guī)劃、開發(fā)、發(fā)布和管理靜態(tài)網(wǎng)站的專業(yè)知識(shí)和技能。通過小組合作完成主題網(wǎng)站的建設(shè)，培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作精神、責(zé)任感、克服困難

4、的精神、理論應(yīng)用于實(shí)踐和解決實(shí)際問題的能力，為今后學(xué)習(xí)進(jìn)一步動(dòng)態(tài)網(wǎng)頁的制作打下良好的基礎(chǔ)。2.具體目標(biāo)（1）知識(shí)目標(biāo)1）理解網(wǎng)站和網(wǎng)頁的本質(zhì)；2）理解網(wǎng)站建設(shè)工作流程；3）掌握網(wǎng)頁制作工具軟件的使用；4）掌握網(wǎng)頁的基本制作方法；6）掌握HTML語言和CSS的使用；7）掌握網(wǎng)站的測試、發(fā)布和管理。（2）能力目標(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）素質(zhì)目標(biāo)1）理論結(jié)合實(shí)踐，培養(yǎng)動(dòng)手能力；2）具有團(tuán)隊(duì)意識(shí)，協(xié)作完成任務(wù)；3）具有責(zé)任感，主動(dòng)承擔(dān)任務(wù)；4）具有分析問題和解決問題的能

5、力。三、課程內(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ǔ)知識(shí)2.Dreamweaver的使用3.創(chuàng)建、管理和發(fā)布站點(diǎn)4.文本編輯和格式化5.使用超級(jí)鏈接6.使用與處理圖像1.理解網(wǎng)站建設(shè)工作流程2.掌握網(wǎng)頁制作工具軟件的使用3.掌握網(wǎng)頁基本元素的制作1.在本機(jī)建立站點(diǎn)和文件夾2.使用DW軟件制作網(wǎng)頁元素3.設(shè)置文本格式、使用超鏈接和插入圖像242使用HTML和CSS技術(shù)制作網(wǎng)頁1. HTML基本標(biāo)簽和CSS樣式表的結(jié)構(gòu)2.使用CSS修飾網(wǎng)頁3.使用CSS布局網(wǎng)頁4.使用表格、框架和表單1.理解網(wǎng)頁內(nèi)容與樣式分離的思想2.掌握網(wǎng)頁基本標(biāo)簽的使用3.掌

6、握CSS的使用4.掌握表格、框架和表單的使用1.使用HTML和CSS技術(shù)修飾網(wǎng)頁2.使用CSS布局網(wǎng)頁3.使用表格、框架和表單243網(wǎng)頁高級(jí)應(yīng)用1.使用多媒體技術(shù)2.使用行為3.使用模板和庫4.網(wǎng)站的測試和發(fā)布1.掌握多媒體使用2.理解行為的使用3.理解模板和哭的使用4.掌握網(wǎng)站的測試和發(fā)布1.網(wǎng)頁中插入多媒體2.使用行為3.使用模板和庫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)容，教師在講解知識(shí)點(diǎn)的基礎(chǔ)上，要重視學(xué)生的操作練習(xí)，完成實(shí)踐項(xiàng)目的工

7、作任務(wù)。應(yīng)當(dāng)教、學(xué)、做三位一體化，理論與實(shí)踐并重。最后已以3-4人為一組，完成主題網(wǎng)站的建設(shè)，深化對(duì)課程學(xué)習(xí)內(nèi)容的掌握。培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作能力、交往與合作能力、溝通能力、抗挫折能力、創(chuàng)新實(shí)踐能力、獲取新知識(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é)生明確。期末成績?yōu)榫C合評(píng)定，由平時(shí)成績（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ī)劃教材，

8、注重技能的培養(yǎng)，要有實(shí)驗(yàn)實(shí)訓(xùn)環(huán)節(jié)。教師要提供相應(yīng)的教學(xué)參考書，彌補(bǔ)教材不足的內(nèi)容和學(xué)生拓展能力所需的知識(shí)。（1）教材網(wǎng)頁設(shè)計(jì)與制作教程（第2版），趙豐年編，人民郵電出版社2009年10月；（2）參考書1）網(wǎng)頁設(shè)計(jì)案例教程，朱艷麗編，清華大學(xué)出版社2012年9月；2）網(wǎng)頁設(shè)計(jì)與制作，董潔編，清華大學(xué)出版社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é)，最

9、后進(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ōu)質(zhì)學(xué)習(xí)資源。此外，網(wǎng)絡(luò)資源也是很好的學(xué)習(xí)資源，應(yīng)加強(qiáng)對(duì)學(xué)生使用網(wǎng)絡(luò)資源學(xué)習(xí)的指導(dǎo)。一些網(wǎng)絡(luò)資源可參考“：（1）校內(nèi)共享課程網(wǎng)站：9:2080/index.html；（2）W3Cschool：WEB開發(fā)者資源，其中包括全面的教程、完善的參考手冊(cè)以及龐大的代碼庫。（3）DIVCSS5：（4）優(yōu)秀設(shè)計(jì)網(wǎng)：，提供平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、編程開發(fā)、設(shè)計(jì)欣賞、酷站欣賞

10、網(wǎng)頁特效等。5.其他說明課程學(xué)習(xí)將提供學(xué)校的專用服務(wù)器作為學(xué)習(xí)交流的平臺(tái)，架設(shè)FTP和HTTP服務(wù)，學(xué)生制作的網(wǎng)站發(fā)布到服務(wù)器上。作為遠(yuǎn)程站點(diǎn)，可以測試網(wǎng)站、調(diào)試網(wǎng)頁效果、展示制作的網(wǎng)站和學(xué)習(xí)交流。五、附錄HTML（Hyper Text Mark-up Language）：超文本標(biāo)記語言；CSS（Cascading Style Sheets）：層疊樣式表；DW：Adobe Dreamweaver網(wǎng)頁制作專用軟件，建議用CS4版本；主題網(wǎng)站：學(xué)生可以自己確定網(wǎng)站的主題開發(fā)網(wǎng)站。六、學(xué)習(xí)建議本課程教材目前使用網(wǎng)頁設(shè)計(jì)與制作教程（第2版），趙豐年主編，人民郵電出版社出版。全書共分15章，分別介紹了網(wǎng)頁制作的基本概念和理論、建立站點(diǎn)和編輯網(wǎng)頁、文本編輯與格式化、使用超鏈接、網(wǎng)頁中使用圖像、使用CSS樣式、使用表格