1、網(wǎng)頁設(shè)計與制作課程簡介 課程名稱：網(wǎng)頁設(shè)計與制作課程代碼：02038適用專業(yè)：初等教育（計算機與信息技術(shù)方向）課程性質(zhì)：專業(yè)核心課程、必修課、專業(yè)技能課學(xué)分：3 學(xué)分計劃學(xué)時：72學(xué)時（理論36學(xué)時，實訓(xùn)36學(xué)時）一、前言1. 課程性質(zhì)本課程是初等教育計算機與信息技術(shù)專業(yè)的一門專業(yè)技能課程，培養(yǎng)學(xué)生網(wǎng)頁設(shè)計與制作能力，適應(yīng)初等教育對信息技術(shù)教師的人才基本要求，同時滿足社會對計算機專業(yè)人才的需求，適合從事網(wǎng)站建設(shè)相關(guān)的崗位。本課程的先修課程是計算機應(yīng)用基礎(chǔ)，后續(xù)課程是ASP.NET程序設(shè)計。在完成計算機應(yīng)用基礎(chǔ)課程學(xué)習(xí)后，學(xué)生掌握了計算機基本知識和原理，學(xué)會了一些應(yīng)

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

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

4、。通過小組合作完成主題網(wǎng)站的建設(shè)，培養(yǎng)學(xué)生團隊協(xié)作精神、責(zé)任感、克服困難的精神、理論應(yīng)用于實踐和解決實際問題的能力，為今后學(xué)習(xí)進一步動態(tài)網(wǎng)頁的制作打下良好的基礎(chǔ)。2. 具體目標（1）知識目標1）理解網(wǎng)站和網(wǎng)頁的本質(zhì)；2）理解網(wǎng)站建設(shè)工作流程；3）掌握網(wǎng)頁制作工具軟件的使用；4）掌握網(wǎng)頁的基本制作方法；6）掌握HTML語言和CSS的使用；7）掌握網(wǎng)站的測試、發(fā)布和管理。（2）能力目標1）能合理規(guī)劃主題網(wǎng)站；2）能進行團隊合作完成任務(wù)；3）能理論與實踐結(jié)合，解決實際問題；4）能克服困難解決問題；5）能設(shè)計與制作網(wǎng)站，并進行測試和發(fā)布。（3）素質(zhì)目標1）理論結(jié)合實踐，培養(yǎng)動手能力；2）具有

5、團隊意識，協(xié)作完成任務(wù)；3）具有責(zé)任感，主動承擔(dān)任務(wù)；4）具有分析問題和解決問題的能力。三、課程內(nèi)容與學(xué)習(xí)目標序號工作任務(wù)課程內(nèi)容學(xué)習(xí)目標活動設(shè)計參考學(xué)時1網(wǎng)頁制作基礎(chǔ)1.網(wǎng)站與網(wǎng)頁基礎(chǔ)知識2.Dreamweaver的使用3.創(chuàng)建、管理和發(fā)布站點4.文本編輯和格式化5.使用超級鏈接6.使用與處理圖像1.理解網(wǎng)站建設(shè)工作流程2.掌握網(wǎng)頁制作工具軟件的使用3.掌握網(wǎng)頁基本元素的制作1.在本機建立站點和文件夾2.使用DW軟件制作網(wǎng)頁元素3.設(shè)置文本格式、使用超鏈接和插入圖像242使用HTML和CSS技術(shù)制作網(wǎng)頁1. HTML基本標簽和CSS樣式表的結(jié)構(gòu)2.使用CSS修飾網(wǎng)頁3.使用CSS布局網(wǎng)頁4.

6、使用表格、框架和表單1.理解網(wǎng)頁內(nèi)容與樣式分離的思想2.掌握網(wǎng)頁基本標簽的使用3.掌握CSS的使用4.掌握表格、框架和表單的使用1.使用HTML和CSS技術(shù)修飾網(wǎng)頁2.使用CSS布局網(wǎng)頁3.使用表格、框架和表單243網(wǎng)頁高級應(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ā)綜合實訓(xùn)主題網(wǎng)站制作完成主題網(wǎng)站設(shè)計與制作分小組（3-4人）建設(shè)主題網(wǎng)站8四、實施建議1. 教學(xué)建議根據(jù)課程標準選定合適的教材，以項

7、目、模塊和工作任務(wù)組織教學(xué)內(nèi)容，教師在講解知識點的基礎(chǔ)上，要重視學(xué)生的操作練習(xí)，完成實踐項目的工作任務(wù)。應(yīng)當(dāng)教、學(xué)、做三位一體化，理論與實踐并重。最后已以3-4人為一組，完成主題網(wǎng)站的建設(shè)，深化對課程學(xué)習(xí)內(nèi)容的掌握。培養(yǎng)學(xué)生團隊協(xié)作能力、交往與合作能力、溝通能力、抗挫折能力、創(chuàng)新實踐能力、獲取新知識與新技能的能力。課程總學(xué)時72，理論教學(xué)和實踐教學(xué)各占36學(xué)時。2. 教學(xué)考核評價建議網(wǎng)頁設(shè)計與制作課程是專業(yè)核心課程，考核方式有多項內(nèi)容組成，期初就對學(xué)生明確。期末成績?yōu)榫C合評定，由平時成績（15%左右）、作品（35%左右）、期末筆試（35%左右）、上機操作測試（15%左右）等項目組成，

8、其中綜合實訓(xùn)內(nèi)容主題網(wǎng)站的建設(shè)是重要的評價項目。3. 教材選用和編寫建議課程教材優(yōu)先選用高等職業(yè)院校規(guī)劃教材，注重技能的培養(yǎng)，要有實驗實訓(xùn)環(huán)節(jié)。教師要提供相應(yīng)的教學(xué)參考書，彌補教材不足的內(nèi)容和學(xué)生拓展能力所需的知識。（1）教材網(wǎng)頁設(shè)計與制作教程（第2版），趙豐年編，人民郵電出版社2009年10月；（2）參考書1）網(wǎng)頁設(shè)計案例教程，朱艷麗編，清華大學(xué)出版社2012年9月；2）網(wǎng)頁設(shè)計與制作，董潔編，清華大學(xué)出版社 2012年8月；3）網(wǎng)頁設(shè)計與制作實例教程，孫士保編，電子工業(yè)出版社 2013年5月4）網(wǎng)頁設(shè)計與布局項目化教程(HTML+CSS+DIV)，溫謙編，人民

9、郵電出版社  2013年9月（3）編寫建議學(xué)院可以組織教師編寫網(wǎng)頁設(shè)計與制作教材，以項目和模塊形式組織課程內(nèi)容，每章節(jié)有工作任務(wù)開展實踐教學(xué)環(huán)節(jié)，最后進行綜合實訓(xùn)。編寫的學(xué)習(xí)內(nèi)容應(yīng)考慮高職院校的學(xué)生特點，理論以夠用為主，加強實踐操作提高學(xué)生的職業(yè)技能。4. 課程資源的開發(fā)與利用教師可以利用校內(nèi)共享課程資源平臺，開發(fā)網(wǎng)頁設(shè)計與制作課程的共享資源，向?qū)W生提供優(yōu)質(zhì)學(xué)習(xí)資源。此外，網(wǎng)絡(luò)資源也是很好的學(xué)習(xí)資源，應(yīng)加強對學(xué)生使用網(wǎng)絡(luò)資源學(xué)習(xí)的指導(dǎo)。一些網(wǎng)絡(luò)資源可參考“：（1）   校內(nèi)共享課程網(wǎng)站：9:208

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