《網(wǎng)頁(yè)制作》課程教學(xué)大綱（本科）

《網(wǎng)頁(yè)制作》課程大綱課程代碼：00405235課程學(xué)分：3課程總學(xué)時(shí)：48適用專業(yè)：電子商務(wù)一、課程概述（一）課程的性質(zhì)本課程全面介紹了網(wǎng)頁(yè)制作的基本知識(shí)，對(duì)HTML、CSS樣式、文本樣式與背景、常用Web元素、盒模型、界面設(shè)計(jì)、表單進(jìn)行了系統(tǒng)講解，并對(duì)JavaScript、網(wǎng)頁(yè)多媒體實(shí)現(xiàn)、jQue”等進(jìn)行了介紹。學(xué)生學(xué)完本課程后，應(yīng)全面掌握網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，能夠?yàn)槠髽I(yè)網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作進(jìn)行初步的方案策劃與設(shè)計(jì)。（二）課程設(shè)計(jì)理念與開發(fā)思路.課程設(shè)計(jì)理念（1）注重實(shí)踐導(dǎo)向。本課程以電子商務(wù)專業(yè)學(xué)生的網(wǎng)頁(yè)制作實(shí)踐能力培養(yǎng)為導(dǎo)向，以電子商務(wù)行業(yè)企業(yè)典型工作任務(wù)為核心組織課程內(nèi)容，以電子商務(wù)技術(shù)領(lǐng)域和崗位的任職要求為導(dǎo)向構(gòu)建課程的知識(shí)體系，強(qiáng)化實(shí)踐教學(xué)。（2）注重情景創(chuàng)建。通過知識(shí)體系設(shè)計(jì)和案例情景創(chuàng)建，使學(xué)生在課程學(xué)習(xí)中內(nèi)化知識(shí)內(nèi)容，并掌握網(wǎng)頁(yè)制作基本操作技能，切身體會(huì)網(wǎng)頁(yè)制作流程，全面提升學(xué)生的專業(yè)素養(yǎng)。.課程開發(fā)思路（1）知識(shí)體系模塊化。一方面，結(jié)合教材章節(jié)，將網(wǎng)頁(yè)制作的知識(shí)點(diǎn)進(jìn)行梳理，構(gòu)建課程的完整知識(shí)體系。同時(shí)，分模塊進(jìn)行課程講授，便于同學(xué)們能由淺入深、由易到難地掌握課程相關(guān)知識(shí)。（2）課堂講授多樣化。一是多樣化的素材展示，除了傳統(tǒng)PPT展示外，還可提供相關(guān)的案例資料等。二是多樣化的課堂方式，如：教師講授、同學(xué)發(fā)言、小組討論等。（3）課程考核多維化。強(qiáng)化對(duì)過程學(xué)習(xí)的考核力度，提高過程學(xué)習(xí)的比重。重視學(xué)生專業(yè)技能的考核，完善與強(qiáng)化學(xué)生的創(chuàng)新創(chuàng)業(yè)意識(shí)和能力。（4）本課程課時(shí)安排為48節(jié)課講授加課堂練習(xí)，共48個(gè)學(xué)時(shí)3個(gè)學(xué)分。本課程為考查課，采用課程設(shè)計(jì)方式，平時(shí)成績(jī)占40%,期末考試成績(jī)占60%。二、課程目標(biāo)本課程主要使學(xué)生掌握HTML.CSS樣式、文本樣式與背景、常用Web元素、盒模型、界面設(shè)計(jì)、表單等網(wǎng)頁(yè)制作知識(shí)，能為企業(yè)構(gòu)建網(wǎng)站提供技術(shù)支持。通過該課程的學(xué)習(xí)，要求學(xué)生達(dá)到以下目標(biāo)：（一）知識(shí)目標(biāo).掌握網(wǎng)頁(yè)制作的概念和框架結(jié)構(gòu)；.了解網(wǎng)頁(yè)制作的常用要素，包括HTML、CSS樣式、文本樣式與背景、常用Web元素、盒模型、界面設(shè)計(jì)、表單、網(wǎng)頁(yè)多媒體實(shí)現(xiàn)；.掌握網(wǎng)頁(yè)制作的腳本編寫方法，包括JavaScript^jQuery等；.掌握網(wǎng)頁(yè)制作的常用開發(fā)工具，如DreamweaverCSo（二）能力目標(biāo).能熟練使用HTML的各種常用標(biāo)記；.能使用CSS樣式表對(duì)網(wǎng)頁(yè)進(jìn)行樣式的統(tǒng)一設(shè)計(jì)；.能使用文本樣式與背景以及常用Web元素對(duì)網(wǎng)頁(yè)進(jìn)行美化和修飾；.能使用盒模型對(duì)網(wǎng)頁(yè)界面進(jìn)行有效設(shè)計(jì)，做到布局合理、結(jié)構(gòu)清晰；.能利用表單進(jìn)行網(wǎng)頁(yè)信息的填寫和處理；.能在網(wǎng)頁(yè)使用多媒體，實(shí)現(xiàn)各種多媒體功能；.掌握J(rèn)avaScript、jQuery等代碼技術(shù)，提高網(wǎng)頁(yè)的互動(dòng)性，增強(qiáng)網(wǎng)頁(yè)的用戶體驗(yàn)。（三）素質(zhì)目標(biāo).培養(yǎng)良好的思想品德、心理素質(zhì)；.培養(yǎng)良好的職業(yè)道德，包括愛崗敬業(yè)、誠(chéng)實(shí)守信、遵守相關(guān)的法律法規(guī)等;.培養(yǎng)良好的團(tuán)隊(duì)協(xié)作、協(xié)調(diào)人際關(guān)系的能力；.培養(yǎng)對(duì)新知識(shí)、新技能的學(xué)習(xí)能力與創(chuàng)新能力。三、課程內(nèi)容與要求第1章網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)［教學(xué)目的與要求］掌握網(wǎng)頁(yè)設(shè)計(jì)基本概念和Web設(shè)計(jì)基礎(chǔ)；了解網(wǎng)站開發(fā)流程。［本章重點(diǎn)］Web設(shè)計(jì)原則、網(wǎng)站結(jié)構(gòu)規(guī)劃、布局設(shè)計(jì)、內(nèi)容設(shè)計(jì)。［課時(shí)數(shù)］1學(xué)時(shí)一（理論課：1課時(shí)）［本章內(nèi)容］1網(wǎng)頁(yè)概述1.2網(wǎng)站開發(fā)流程3Web設(shè)計(jì)基礎(chǔ)布局設(shè)計(jì)內(nèi)容設(shè)計(jì)第2章HTML基礎(chǔ)［教學(xué)目的與要求］掌握HTML文檔結(jié)構(gòu)、基本語法和基本元素；了解HTML5新增的文檔結(jié)構(gòu)元［本章重點(diǎn)］HTML文檔結(jié)構(gòu)、基本語法和基本元素。［課時(shí)數(shù)］5學(xué)時(shí)（理論課：2課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］1HTML文檔結(jié)構(gòu)2HTML基本語法3塊元素與內(nèi)聯(lián)元素4HTML的格式元素2.5HTML5新增的文檔結(jié)構(gòu)元素第3章CSS基礎(chǔ)［教學(xué)目的與要求］掌握CSS語法與規(guī)則、樣式表的定義與使用；了解選擇器的使用。［本章重點(diǎn)］CSS語法與規(guī)則、樣式表的定義與使用。［課時(shí)數(shù)］6學(xué)時(shí)（理論課：3課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］1CSS語法與規(guī)則2樣式表的定義與使用3選擇器第4章文本樣式與背景［教學(xué)目的與要求］掌握文本排版樣式、背景樣式；了解長(zhǎng)度單位與顏色。［本章重點(diǎn)］文本排版樣式、背景樣式。［課時(shí)數(shù)］6學(xué)時(shí)（理論課：3課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］4.1長(zhǎng)度單位與顏色2文本排版樣式3背景樣式第5章常用Web元素［教學(xué)目的與要求］掌握?qǐng)D像、超鏈接、列表和表格；了解特殊符號(hào)的添加。［本章重點(diǎn)］圖像、超鏈接列表和表格。［課時(shí)數(shù)］6學(xué)時(shí)（理論課：3課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］1添加特殊符號(hào)5.2圖像5.3超鏈接5.4列表5.5表格5.6內(nèi)聯(lián)框架第6章盒模型［教學(xué)目的與要求］掌握盒模型和邊框高級(jí)屬性；了解伸縮盒。［本章重點(diǎn)］盒模型、邊框高級(jí)屬性。［課時(shí)數(shù)］時(shí)（理論課：3課時(shí)）［本章內(nèi)容］1盒模型概述2邊框高級(jí)屬性3伸縮盒第7章界面設(shè)計(jì)［教學(xué)目的與要求］掌握定位與布局、用戶界面；了解多列、網(wǎng)格布局。［本章重點(diǎn)］定位與布局、用戶界面。［課時(shí)數(shù)］6學(xué)時(shí)（理論課：3課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］1定位與布局7.2用戶界面3多列7.4CSS網(wǎng)格布局第8章表單［教學(xué)目的與要求］掌握傳統(tǒng)表單元素；了解HTML5表單的新特性。［本章重點(diǎn)］傳統(tǒng)表單元素。［課時(shí)數(shù)］3學(xué)時(shí)（理論課：3課時(shí)一）［本章內(nèi)容］1網(wǎng)頁(yè)表單概述2傳統(tǒng)表單元素8.3HTML5表單的新特性第9章JavaScript［教學(xué)目的與要求］掌握J(rèn)avaScript的語句、函數(shù)、變量、運(yùn)算符、表達(dá)式、控制結(jié)構(gòu)；了解常用對(duì)象和事件編程。［本章重點(diǎn)］語句、函數(shù)、變量、運(yùn)算符、表達(dá)式、控制結(jié)構(gòu)。［課時(shí)數(shù)］6學(xué)時(shí)（理論課：3課時(shí)，實(shí)驗(yàn)課：3課時(shí)）［本章內(nèi)容］1JavaScript簡(jiǎn)介2JavaScript程序9.3標(biāo)識(shí)符和變量4運(yùn)算符和表達(dá)式5JavaScript程序控制結(jié)構(gòu)9.6常用對(duì)象7事件編程第10章網(wǎng)頁(yè)多媒體實(shí)現(xiàn)［教學(xué)目的與要求］掌握HTML多媒體元素；了解CSS動(dòng)畫設(shè)計(jì)、HTML繪圖。［本章重點(diǎn)］HTML多媒體元素。［課時(shí)數(shù)］3學(xué)時(shí)（理論課：3課時(shí)）［本章內(nèi)容］1HTML多媒體元素10.2CSS動(dòng)畫設(shè)計(jì)3HTML繪圖10.4HTML拖放第11章jQuery［教學(xué)目的與要求］掌握jQuery概念、選擇器、jQuery基本操作；了解jQuery中的事件、動(dòng)畫與特效。［本章重點(diǎn)］jQueiry概念、選擇器、jQuery基本操作。［課時(shí)數(shù)］3學(xué)時(shí)（理論課：3課時(shí)）［本章內(nèi)容］1jQuery概述2jQueiry選擇器3jQuery操作DOM4jQuery中的事件5jQuery動(dòng)畫與特效四、課程實(shí)施建議（一）教學(xué)方法和教學(xué)手段.教學(xué)方法本課程主要采用傳統(tǒng)講解、案例分析及主題討論三種教學(xué)方法。案例分析法：此方法貫穿了整個(gè)教學(xué)的全過程，每一部分的知識(shí)都有相關(guān)案例與之配套。一方面可通過案例分析引入相關(guān)知識(shí)點(diǎn)，還可以在知識(shí)點(diǎn)講授后，再通過案例讓學(xué)生更深地理解所學(xué)知識(shí)。主題討論法：結(jié)合課程教學(xué)內(nèi)容，選擇具有現(xiàn)實(shí)意義的主題內(nèi)容組織學(xué)生進(jìn)行討論，通過教師引導(dǎo)，激發(fā)學(xué)生的學(xué)習(xí)欲望和熱情，引導(dǎo)學(xué)生獨(dú)立思考問題，學(xué)會(huì)搜集相關(guān)信息資料，在小組內(nèi)討論，并總結(jié)討論結(jié)果在課堂上大膽發(fā)言。在討論過程中，以學(xué)生為主導(dǎo)，教師僅起引導(dǎo)作用。通過主題討論法，可以增強(qiáng)學(xué)生對(duì)知識(shí)的記憶與理解，達(dá)到較好的課程教學(xué)效果。.教學(xué)手段多媒體教學(xué)：課堂教學(xué)以多媒體電子課件（PPT電子教案）為主，配合使用模擬演示、黑板板書。充分利用模擬演示、多媒體的優(yōu)勢(shì)，用電子課件制作大量?jī)?nèi)容豐富的教案，再配以案例、習(xí)題等內(nèi)容，以取得較好的教學(xué)效果。（二）教學(xué)評(píng)價(jià)本課程主要采取過程評(píng)價(jià)與最終評(píng)價(jià)相結(jié)合的方法。其中，過程評(píng)價(jià)主要通過出勤、課堂討論、課后作業(yè)等評(píng)價(jià)學(xué)生的學(xué)習(xí)態(tài)度、團(tuán)隊(duì)協(xié)作精神、寫作能力、語言表達(dá)能力、知識(shí)的運(yùn)用和掌握能力等?？己朔绞匠銮谄綍r(shí)、作業(yè)期末考試成績(jī)所占百分比（%）102070（三）教材選