《HTML5移動Web設計與開發(fā)》課程大綱

1、理論類課程大綱課程名稱：HTML5移動WEB設計與開發(fā)一、課程概況所屬專業(yè)：教育技術學開課單位：教育科學學院課程類型：院系選修課程課程代碼：開課學期：5學分：2學時：68核心課程：擬使用教材：李東博.HTML5+CSS3從入門到精通.清華大學出版社.2013年6月國內（外）現有教材：唐俊開.HTML5移動Web開發(fā)指南.電子工業(yè)出版社.2015年林瓏.HTML5移動Web開發(fā)實戰(zhàn)詳解.清華大學出版社.2015年 學習參考資料專著教材類Adam Freeman.HTML5權威指南.人民郵電出版社.2015年Peter Lubbers.HTML5程序設計.人民郵電出版社.2012年報紙期刊類中國教

2、育信息化、現代教育技術、中小學電教網絡資源類微信公眾平臺：教育技術微課堂（微信公眾號：vclassroom）二、課程描述本門課程的任務是使本專業(yè)學生掌握必要的移動互聯(lián)網時代程序開發(fā)的基 礎知識和基本技能，從而更好的為推進教育信息化工作服務。2010年國家中長期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）正式頒布并 提出“加快教育信息化進程”，而教育信息化是以“互聯(lián)附教育”為主要標志。 HTML5作為互聯(lián)網的核心語言，截止2015年全球已有十幾億手機瀏覽器支持 HTML5，同時HTML Web開發(fā)者數量已達到到200余萬。毫無疑問，HTML5將成為 未來5到10年內，移動互聯(lián)網領域的“主宰者”

3、。因此，HTML5在教育信息化 的推進過程中，必將發(fā)揮越來越重要的作用。根據教育技術專業(yè)培養(yǎng)目標的要求，為教育信息化培養(yǎng)人才，是教育技術系 的基本任務之一。作為教育信息化人才的主要培養(yǎng)陣地，教育技術學專業(yè)開設 HTML5移動Web設計與開發(fā)是大勢所趨。三、課程目標（1）了解互聯(lián)網發(fā)展的潮流與趨勢。（2）掌握HTML、XHTML和HTML5構成與區(qū)別。（3）掌握HTML5的編程語法。（4）能夠應用HTML5進行移動Web的開發(fā)。（5）能夠運用HTML5為建設智慧校園和推進教育信息化服務四、教學要求授課教師將按照學校本科教學工作有關要求做好課程教學各項工作，嚴格按 照課表規(guī)定的時間、地點上課，不遲

4、到、不早退，將根據本大綱要求，認真?zhèn)湔n 完成教案與講稿編寫等各項課前準備工作；授課過程力求內容充實、概念準確、 思路清晰、詳略得當、邏輯性強、重難點突出，力戒平鋪直敘、照本宣科，同時 重視對學生的學習方法指導和課堂教學效果信息的反饋，實現教與學的雙向互 動；同時將結合課程目標要求，做好考核內容設計，并嚴格按照本大綱要求做好 出勤率統(tǒng)計、作業(yè)評價等各項工作。學習是大學生的責任和義務，學生應根據課程大綱要求制定本門課程學習計 劃，加強學業(yè)管理，嚴格自我要求，提升自主學習能力，主動適應課程學習要求。 參與課堂教學活動不遲到、不早退，無正當理由不請假，上課認真聽講，不做任 何與課堂教學無關事宜，未經授

5、課教師允許，不私自使用手機等移動設備，積極 與授課教師進行教學互動，同時利用課余時間做好預習、復習、課外書籍閱讀等 工作，主動與同學開展合作學習，認真完成任課教師布置的課程作業(yè)。五、考核方式及要求為實現課程教學目標，本門課程考核方式及要求如下：總評=出勤（10%）+平時作業(yè)（40%）+綜合作業(yè)（50%）。出勤占總評的10%，點名不少于3次，缺席1次，按無成績計算；平時作業(yè)不少 于2次共占總評的40%；綜合作業(yè)1次占總評的50%。六、課程內容第一單元Web概述第1 - 3章（授課時間：第5學期第12周）教學目標：掌握HTML5的設計原理與上機環(huán)境；掌握HTML、XHTML和HTML5的 特性和語

6、法。教學重點：HTML5的設計原理與上機環(huán)境；HTML、XHTML和HTML5的特性和語 法。教學難點：HTML、XHTML和HTML5的特性和語法。學時：課堂教學8學時，課外自主學習時間不少于2學時教學方法：講授法、演示法主要內容：（1）HTML5的設計原理與上機環(huán)境；（2）HTML5頁面的特性。學習方法：網絡探究學習、任務驅動學習課后作業(yè)：完成課后習題。第二單元HTML5頁面布局第46章（授課時間：第5學期第35周）教學目標：掌握HTML5文檔結構；掌握HTML5的元素分類；掌握input和form 元素及表單的制作；掌握與圖形、文字有關的基本操作；掌握與音頻、 視頻相關的屬性、方法和事件

7、和應用。教學重點：HTML5文檔結構；HTML5的元素分類；input和form元素及表單的制 作；與圖形、文字有關的基本操作；與音頻、視頻相關的屬性、方法 和事件和應用。教學難點：與圖形、文字有關的基本操作；與音頻、視頻相關的屬性、方法和事 件和應用。學時：課堂教學12學時，課外自主學習時間不少于6學時教學方法：講授法、演示法主要內容：（1） HTML5文檔結構；（2）HTML5的元素分類；（3）input和form元素及表單的制作；（4）與圖形、文字有關的基本操作；（5）與音頻、視頻相關的屬性、方法和事件和應用。學習方法：網絡探究學習、任務驅動學習課后作業(yè)：將教材案例做會做熟，完成課后習題

8、第三單元HTML5本地存儲第7 - 10章（授課時間：第5學期第69周）教學目標：了解并學會使用Web Storage；掌握應用Web SQL數據庫存儲數據的開發(fā)技能；了解HTML5離線應用的優(yōu)勢；掌握HTML5離線應用的創(chuàng)建。教學重點：應用Web SQL數據庫存儲數據的開發(fā)技能；HTML5離線應用的創(chuàng)建。教學難點：應用Web SQL數據庫存儲數據的開發(fā)技能；HTML5離線應用的創(chuàng)建。學時：課堂教學16學時，課外自主學習時間不少于8學時教學方法：講授法、演示法主要內容：（1）使用Web Storage；（2）應用Web SQL數據庫存儲數據的開發(fā)技能；（3）HTML5離線應用的優(yōu)勢；（4）HT

9、ML5離線應用的創(chuàng)建。學習方法：網絡探究學習、任務驅動學習課后作業(yè)：將教材案例做會做熟，完成課后習題第四單元CSS第1112章（授課時間：第5學期第10 - 11周）教學目標：掌握CSS的發(fā)展史及編碼規(guī)范；掌握CSS的應用。教學重點：CSS的發(fā)展史及編碼規(guī)范；CSS的應用。教學難點：CSS的應用。學時：課堂教學8學時，課外自主學習時間不少于4學時教學方法：講授法、演示法主要內容：（1）CSS的發(fā)展史及編碼規(guī)范；（2）CSS的應用。學習方法：網絡探究學習、任務驅動學習課后作業(yè)：將教材案例做會做熟，完成課后習題第五單元移動Web界面樣式第1315章（授課時間：第5學期第12 - 14周）教學目標：

10、掌握文本、字體與顏色的應用；掌握背景與邊框的設計與定義；掌握 2D變形、自定義變形和定義復雜變形。教學重點：文本、字體與顏色的應用；背景與邊框的設計與定義；2D變形、自 定義變形和定義復雜變形。教學難點：2D變形、自定義變形和定義復雜變形。學時：課堂教學12學時，課外自主學習時間不少于6學時教學方法：講授法、演示法主要內容：（1）文本、字體與顏色的應用；（2）背景與邊框的設計與定義；（3）2D變形、自定義變形和定義復雜變形。學習方法：網絡探究學習、任務驅動學習課后作業(yè)：將教材案例做會做熟，完成課后習題第六單元綜合案例第1618章（授課時間：第5學期第15 - 17周）教學目標：掌握各種動畫效果的設計與定義；掌握多列布局、盒布局等布局方式； 掌握用戶界面的設計。教學重點：各種動畫效果的設計與定義；多列布局、盒布局等布局