HTML5程序設(shè)計(jì)課程教學(xué)大綱

1、 HTML5程序設(shè)計(jì)教學(xué)大綱課程性質(zhì)選修課課程編號(hào)xx436405課程名稱HTML5程序設(shè)計(jì)適用專業(yè)軟件工程先修課程HTML CSS JavaScript總學(xué)時(shí)32 其中理論 16 學(xué)時(shí)，實(shí)驗(yàn) 16 學(xué)時(shí)學(xué)分?jǐn)?shù)2一、課程簡(jiǎn)介HTML5程序設(shè)計(jì)是面向計(jì)算機(jī)相關(guān)專業(yè)的一門專業(yè)基礎(chǔ)課，涉及網(wǎng)頁(yè)基礎(chǔ)、HTML標(biāo)記、CSS樣式、網(wǎng)頁(yè)布局、變形與動(dòng)畫等內(nèi)容，通過本課程的學(xué)習(xí)，學(xué)生能夠了解網(wǎng)頁(yè)web發(fā)展歷史及其未來方向，熟悉網(wǎng)頁(yè)設(shè)計(jì)流程、掌握網(wǎng)絡(luò)中常見的網(wǎng)頁(yè)布局效果及變形和動(dòng)畫效果，學(xué)會(huì)制作各種企業(yè)、門戶、電商類網(wǎng)站。二、課程教學(xué)目標(biāo)通過本課程的學(xué)習(xí)，學(xué)生應(yīng)實(shí)現(xiàn)如下目標(biāo)：1、知識(shí)目標(biāo)：了解：HTML5的基本

2、概念、發(fā)展歷史、特點(diǎn)和應(yīng)用領(lǐng)域。HTML5與HTML的對(duì)比等。掌握：HTML5的表單，HTML5的多媒體，HTML5的圖畫及動(dòng)畫，HTML5的元素拖曳，HTML5的數(shù)據(jù)存儲(chǔ)，HTML5離線應(yīng)用及地理位置，CSS3入門與基礎(chǔ)，CSS3高級(jí)應(yīng)用2、能力目標(biāo)：（1）對(duì)HTML5有初步的認(rèn)識(shí)和了解；（2）掌握HTML5的設(shè)計(jì)方法；三、課程教學(xué)基本要求為了更好地掌握本課程的知識(shí)，必須先修HTML、JavaScript等課程，在上課時(shí)要求同學(xué)們帶電腦到教室上課，課后按要求完成書后的思考題。四、課程教學(xué)模塊（或教學(xué)內(nèi)容）與學(xué)時(shí)分配序號(hào)教學(xué)模塊知識(shí)點(diǎn)學(xué)時(shí)1初識(shí)HTML5全新的HTML了解：HTML發(fā)展過程對(duì)比

3、之前HTML，介紹HTML5的變化22HML5的表單與多媒體掌握：HTML5新的input輸入類型及屬性多媒體元素的屬性，方法，以及事件的應(yīng)用23HTML5的圖畫及動(dòng)畫 了解：繪圖的方法掌握：繪制簡(jiǎn)單圖形，圖像，以及對(duì)圖形，圖像的相關(guān)操作方法24HTML5的元素拖曳掌握：元素拖曳的實(shí)現(xiàn)方法25HTML5的數(shù)據(jù)存儲(chǔ)掌握：數(shù)據(jù)存儲(chǔ)的作用以及實(shí)現(xiàn)方法26HTML5離線應(yīng)用及地理位置掌握： 離線應(yīng)用的原理，操作，以及地理位置的相關(guān)應(yīng)用方法27CSS3入門與基礎(chǔ) 掌握：CSS3的基礎(chǔ)知識(shí)，包括選擇器的用法及控制頁(yè)面樣式的方法28CSS3高級(jí)應(yīng)用掌握：CSS3的高級(jí)應(yīng)用，包括在頁(yè)面中插入信息，控制頁(yè)面文字

4、樣式等2序號(hào)實(shí)驗(yàn)項(xiàng)目名稱內(nèi)容摘要實(shí)驗(yàn)學(xué)時(shí)實(shí)驗(yàn)類型開出要求1DIY視頻播放器使用掌握多媒體元素的屬性，方法，以及事件的應(yīng)用2設(shè)計(jì)性必做2繪制時(shí)鐘掌握繪制簡(jiǎn)單圖形，圖像，以及對(duì)圖形，圖像的相關(guān)操作方法2設(shè)計(jì)性必做3拖曳式點(diǎn)菜單界面掌握元素拖曳的實(shí)現(xiàn)方法2設(shè)計(jì)性必做4注冊(cè)于登錄掌握數(shù)據(jù)存儲(chǔ)的作用以及實(shí)現(xiàn)方法2設(shè)計(jì)性必做5在搜狗地圖中定位掌握離線應(yīng)用的原理，操作，以及地理位置的相關(guān)應(yīng)用方法2設(shè)計(jì)性必做6購(gòu)物車結(jié)算界面掌握控制頁(yè)面樣式的方法2設(shè)計(jì)性必做7個(gè)性留言板掌握頁(yè)面中插入信息，控制頁(yè)面文字樣式的方法2設(shè)計(jì)性必做8歐美風(fēng)格企業(yè)網(wǎng)站掌握html5的應(yīng)用2設(shè)計(jì)性必做五、教學(xué)方法與策略1、講授法：從HTML5的web應(yīng)用作為切入點(diǎn)。，講授HTML5的基本知識(shí)和程序設(shè)計(jì)思路。在程序設(shè)計(jì)中注意培養(yǎng)學(xué)生的獨(dú)立編寫程序的能力。在常見設(shè)計(jì)運(yùn)用中注意培養(yǎng)學(xué)生的創(chuàng)新能力和進(jìn)取精神。2、實(shí)驗(yàn)課：掌握HTML5的設(shè)計(jì)。程序設(shè)計(jì)訓(xùn)練中，從學(xué)生的興趣和實(shí)際能力出發(fā)，以常見功能和簡(jiǎn)易設(shè)計(jì)為基礎(chǔ)，從易到難。指導(dǎo)教師要注意啟發(fā)學(xué)生的積極性、創(chuàng)造性和進(jìn)取心扎扎實(shí)實(shí)練好基本功。六、學(xué)生學(xué)習(xí)成效考核方式考核環(huán)節(jié)構(gòu)成（均為100分制）評(píng)分依據(jù)占總成績(jī)的比重上課出勤30分上課缺席一次扣2 分，缺課達(dá)1