HTML5課程標準

1、 HTML5 網頁制作技術 課程標準一、課程性質與任務網頁制作技術是計算機學科專業(yè)中必修的一門專業(yè)技術基礎技能課程。而 HTML5 是 Web 技術開發(fā)最新的網頁設計標準。 HTML5 網頁制作技術重在介紹 HTML5 相關理論和設計的方法，是網絡技術專業(yè)基礎課程之一，也是本專業(yè)的核心 課程。其前序課程有信息系統(tǒng)綜合實踐，后續(xù)課程有Java 高級編程應用等，其主要任務是理解網頁設計相關的理論知識，掌握利用 HTML5 制作網頁的方法。二、課程教學目標1知識目標(1) 掌握HTML5與CSS3基礎知識及最新技術。(2) 掌握常見HTML5夸平臺開發(fā)工具。(3) 掌握SEO BSU等高級實用技術。

2、(4) 掌握 JavaScript 語言。2. 能力目標(1) 具有分析問題、解決問題的能力。(2) 具有建立實驗假設、探索查閱知識的能力。(3) 能夠運用系統(tǒng)性思維分析和解決問題。(4) 具有學習的熱情和興趣，能進行自主學習和自我評價，具有良好的變通能力、 一定的創(chuàng)造性思維和批判性思維。(5) 具備扎實的HTML與CSS開發(fā)基礎。(6) 能夠獨立進行整體操作規(guī)劃及規(guī)范編寫。(7) 能負責地完成任務，具有嚴格的時間觀念以及時間管理意識，能了解本專業(yè)職業(yè)成長過程，并能做好個人的職業(yè)規(guī)劃。(8) 遵紀守法，愛崗敬業(yè)，具有良好的職業(yè)道德和職業(yè)形象。3. 素質目標(1) 具有較強的專業(yè)學習、執(zhí)行和創(chuàng)新

3、能力。(2) 具有自覺的規(guī)范意識、團隊協(xié)作意識和協(xié)作能力。(3) 能運用各種交流手段進行良好地表達和交流。(4) 具有使用英語進行閱讀和交流的能力。(5) 具有較強的環(huán)境適應、人際交往和組織管理能力。三、參考學時總學時72 （理論學時36+實踐學時36）四、課程學分5學分。五、課程內容和要求序 號教學 項目教學內容與教學要求活動設計建議4 -IV. 參考 課時教學內容：HTML5勺基本概念、HTML圖介、 HTML5fc件的基本結構、HTML文件 的編寫方法、使用記事本手工編寫這部分內容主要對HTML5的知識 進行系統(tǒng)分析、講 授，理論性強，以 教師講授為主；在HTML5的文件編 寫中采用分組

4、討1HTML5HTML5fc件、使用 Dreamweaver CS6 編寫HTML文件。4概述教學要求：論、案例教學，學1.理解HTML的基本概念。生可根據(jù)教師提2. 了解HTML的發(fā)展歷程。供的案例進行分3.掌握HTML文件的基本結構及編組討論和上機展寫方法。4. 了解HTML的幾種開發(fā)工具。5. 掌握代碼書寫規(guī)范。示。HTML5教學內容：Web標準、HTML標記、符合W3C標準 的HTML胸頁。這部分理論性較 強，是比較抽象的 一部分，教師以案 例教學法進行詳2網頁教學要求：細講解，然后給出4文檔1. 了解Web標準及其內容。案例（符合W3C結構2.掌握HTM中的基本標記。標準的HTML5

5、網3.掌握符合W3C標準的HTML胸頁。頁）學生上機實現(xiàn) 并展示。教帥冉進 行點評總結。序 號教學 項目教學內容與教學要求活動設計建議4 -IV. 參考 課時3HTML5網頁 中的 文本 和圖 像教學內容：HTML胸頁中文本、圖像的創(chuàng)建及使 用。教學要求：1. 了解HTML網頁中的網頁元素。2. 掌握在HTML刪頁中文本和圖像 的插入方法。3. 掌握列表的創(chuàng)建方法及作用。4. 了解網頁中支持的圖片格式。5掌握路徑的定義及使用。這部分內容實踐 性很強，教授學生 安裝DreamweaverCS6 軟件，教學過程采 用“教、學、做” 一體化方式，以教 師為主導，帶領學 生邊學邊做。實踐 環(huán)節(jié)讓學生進

6、行 知識強化，靈活掌 握。84HTML5網頁 中的 超級 鏈接教學內容：用HTML5創(chuàng)建超鏈接。教學要求：1. 掌握URL的概念。2. 掌握設置文本和圖片超鏈接的方 法。3. 掌握超鏈接的分類4. 理解熱點的定義。5. 掌握創(chuàng)建熱點的方法。本部分內容實踐 性很強，學生需用 大量的課時練習 掌握超鏈接的創(chuàng) 建方法，先由教師 進行演示，然后在 教師指導下學生 完成實驗任務并 進行總結。45HTML5網頁 中的 表格教學內容：用HTML5創(chuàng)建表格教學要求：1. 了解表格的作用。2. 掌握表格基本結構及操作掌握。3. 單元格的定義及操作。本部分內容實踐 性很強，教師必須 教師以案例教學 法進行詳細講解

7、 并帶領同學進行 上機操作，同學按 照任務進行上機 練習并進行總結。46HTML5網頁 中的 表單教學內容：用HTML5創(chuàng)建表單教學要求：1. 了解表單的作用。2. 掌握表單中主要表單元素的定義 及使用。3. 掌握表單高級元素的使用。4. 掌握創(chuàng)建表單實例的方法。本部分內容理論 上難理解，并且實 踐性很強，教師必 須帶領同學進行 上機操作并給出 實驗案例，同學按 照任務進行上機 練習并進行總結。4序 號教學 項目教學內容與教學要求活動設計建議4 -IV. 參考 課時7CSS3概述教學內容：CSS3介紹、CSS3功能、CSS3發(fā)展歷 史、CSS3語法和CSS3使用方法。教學要求：1. 了解CSS

8、3的定義、功能和發(fā)展歷 史。2. 掌握CSS3的語法。3. 掌握CSS3的使用方法。這部分內容主要 對CSS3的知識進 行系統(tǒng)分析、講 授，理論性強，以 教師講授為主。學 生認真學習并進 行總結。88CSS3應用教學內容：CSS3字體與段落屬性；CSS3美化表 格和表單樣式。教學要求：1. 掌握利用CSS3設置字體與段落 屬性。2. 掌握CSS3設置表格樣式。 掌握CSS3設置表單樣式。本部分內容實踐 性很強，教師必須 教師以案例教學 法進行詳細講解 并帶領同學進行 上機操作，同學按 照任務進行上機 練習并進行總結。89JavaS cript 技術 基礎教學內容：JavaScript 概述；J

9、avaScript 的作 用。教學要求：1. 了解 JavaScript 的定義。2. 掌握JavaScript的語言基礎。3. 理解JavaScript內置對象及對象 編程。4. 掌握利用JavaScript操縱CSS3本部分內容對JavaScript 進行 系統(tǒng)講解，理論性 較強，以教師講授 為主。在利用JavaScript 操縱CSS3這部分里，實 踐性很強，教師必 須教師以案例教 學法進行詳細講 解并帶領同學進 行上機操作，同學 按照任務進行上 機練習并進行總 結。810綜合 實踐教學內容：留言板系統(tǒng)的開發(fā)與實現(xiàn)教學要求：全面掌握所學知識，能夠獨立進行整 體操作規(guī)劃及規(guī)范編寫，開發(fā)出一

10、個 網站系統(tǒng)。本部分內容實踐 性很強，先由教師 給學生提供案例 及實訓內容，然后 在教師指導下學 生完成綜合實驗 并進行總結講評。16六、教學建議1. 教學方法 迭代教學：迭代教學就是把重要的知識、思想、經驗在課程中反復涉及到，但每 次涉及到這些內容時又不是簡單地重復， 而是在回顧原有的內容的基礎上做進一步地 深入和升華，既強化了記憶和理解，又拓展了新的視野，深化了理解?？偨Y教學法：講解時一個知識講解完畢或演示完畢后，將知識所有過程進總結出 關鍵點和注意事項，以此在提醒學生注意。現(xiàn)場案例教學法：對知識做完理論概述后，為了加深對此知識的理解，通過現(xiàn)場 編寫代碼的方式對此知識做講解，以加深對此知識

11、的理解和運用。任務驅動教學法：主要以任務需求來帶動教學，每次課都有相應的任務和問題， 讓學生來完成，培養(yǎng)分析問題、解決問題和思考問題的習慣。2. 評價方法 對學生的評價與考核分三個部分：職業(yè)素養(yǎng)考核、知識考核、技能考核，遵循 “235”的考核方式：（ 1）職業(yè)素養(yǎng)考核，包括平時的出勤率、完成書面作業(yè)任務的情況、完成實做 作業(yè)任務的情況等，占總評價成績的 20%。這部分內容重點考核學生的學習過程，包 括其學習態(tài)度、努力的程度以及表現(xiàn)出來的效果。（2）教學形成性考核，包括每一部分上機檢查。提交有關業(yè)務數(shù)據(jù)備份，并進 行電子閱卷。提交實驗報告。檢查開發(fā)的應用程序及相關文檔的完整性、正確性。有 關實踐

12、能力的綜合知識考查。占總評價成績的 30%。（3）期末卷面卷面考試，采用閉卷形式，考試題分對概念的理解和應用, 對系統(tǒng)分析、設計、實施的方法和原理的掌握兩部分。 題型可采用填空題、 選擇題、 簡答題、 應用題、論述題等多種形式?？己说某煽冋伎傇u價成績的50%。3. 教學條件依托教學做一體化教室授課，學院網站提供 LearnSite 教學輔助平臺，教輔系統(tǒng) 包括教務管理系統(tǒng)、 文獻管理系統(tǒng)，網絡課程為精品課程平臺和各系的教學資源平臺。4. 教材編選（ 1）選用教材劉增杰.精通 HTML5+ CSS3+JavaScript 網頁設計.北京：清華大學出版社， 2012.（2）參考資料：陸凌牛.HTML 5與CSS 3權威指南北京：機械工業(yè)出版社，2011.陸凌牛. HTML 5開發(fā)精要與實例詳解 . 北京：機械工業(yè)出版社， 2012.李東博.HTML5+CSS從入門到精通.北京：清華大學出版社，2013.(美)Faithe Wempen著，方敏等譯.HTML5從入門到精通.北京：清華大學出版 社， 2012.( 3)