1、 HTML5程序設計教學大綱課程性質選修課課程編號xx436405課程名稱HTML5程序設計適用專業軟件工程先修課程HTML CSS JavaScript總學時32 其中理論 16 學時，實驗 16 學時學分數2一、課程簡介HTML5程序設計是面向計算機相關專業的一門專業基礎課，涉及網頁基礎、HTML標記、CSS樣式、網頁布局、變形與動畫等內容，通過本課程的學習，學生能夠了解網頁web發展歷史及其未來方向，熟悉網頁設計流程、掌握網絡中常見的網頁布局效果及變形和動畫效果，學會制作各種企業、門戶、電商類網站。二、課程教學目標通過本課程的學習，學生應實現如下目標：1、知識目標：了解：HTML5的基本

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

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

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