HTML5課程標(biāo)準(zhǔn)精品資料

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

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

3、力。具有較強(qiáng)的專業(yè)學(xué)習(xí)、具有自覺的規(guī)范意識(shí)、 能運(yùn)用各種交流手段進(jìn)行良好地表達(dá)和交流。 具有使用英語進(jìn)行閱讀和交流的能力。 具有較強(qiáng)的環(huán)境適應(yīng)、人際交往和組織管理能力。(5)三、參考學(xué)時(shí)總學(xué)時(shí)72 （理論學(xué)時(shí)36+實(shí)踐學(xué)時(shí)36）。四、課程學(xué)分5學(xué)分。五、課程內(nèi)容和要求24教學(xué)項(xiàng)目教學(xué)內(nèi)容與教學(xué)要求活動(dòng)設(shè)計(jì)建議參考課時(shí)HTML5概述教學(xué)內(nèi)容：HTMLa的基本概念、HTML圖介、HTML5fc件的基本結(jié)構(gòu)、HTML文件 的編寫方法、使用記事本手工編寫HTML5fc件、使用 Dreamweaver CS6 編寫HTML文件。教學(xué)要求：1. 理解HTML5勺基本概念。2. 了解HTML5勺發(fā)展歷程。3

4、. 掌握HTML文件的基本結(jié)構(gòu)及編 寫方法。4. 了解HTML5勺幾種開發(fā)工具。5. 掌握代碼書寫規(guī)范。這部分內(nèi)容主要 對(duì)HTML5的知識(shí) 進(jìn)行系統(tǒng)分析、講 授，理論性強(qiáng)，以 教師講授為主；在HTML5的文件編 寫中米用分組討 論、案例教學(xué)，學(xué) 生可根據(jù)教師提 供的案例進(jìn)行分 組討論和上機(jī)展7示0HTML5網(wǎng)頁文檔結(jié)構(gòu)教學(xué)內(nèi)容：Web標(biāo)準(zhǔn)、HTML標(biāo)記、符合W3（標(biāo)準(zhǔn) 的HTML胸頁。教學(xué)要求：1. 了解Web標(biāo)準(zhǔn)及其內(nèi)容。2. 掌握HTML中的基本標(biāo)記。3. 掌握符合W3（標(biāo)準(zhǔn)的HTML胸頁。這部分理論性較 強(qiáng)，是比較抽象的 一部分，教師以案 例教學(xué)法進(jìn)行詳 細(xì)講解，然后給出 案例（符合W3

5、C 標(biāo)準(zhǔn)的HTML5網(wǎng) 頁）學(xué)生上機(jī)實(shí)現(xiàn) 并展示。教師再進(jìn) 行點(diǎn)評(píng)總結(jié)。參考課時(shí)教學(xué)項(xiàng)目HTML5網(wǎng)頁 中的 文本 和圖 像HTML5網(wǎng)頁 中的 超級(jí) 鏈接HTML5網(wǎng)頁 中的 表格HTML5網(wǎng)頁 中的 表單教學(xué)內(nèi)容與教學(xué)要求活動(dòng)設(shè)計(jì)建議教學(xué)內(nèi)容：HTML胸頁中文本、圖像的創(chuàng)建及使 用。教學(xué)要求：1. 了解HTML網(wǎng)頁中的網(wǎng)頁元素。2. 掌握在HTML刪頁中文本和圖像 的插入方法。3. 掌握列表的創(chuàng)建方法及作用。4. 了解網(wǎng)頁中支持的圖片格式。5. 掌握路徑的定義及使用。教學(xué)內(nèi)容：用HTML5創(chuàng)建超鏈接。教學(xué)要求：1. 掌握URL的概念。2. 掌握設(shè)置文本和圖片超鏈接的方 法。3. 掌握超鏈接

6、的分類4. 理解熱點(diǎn)的定義。5. 掌握創(chuàng)建熱點(diǎn)的方法。教學(xué)內(nèi)容：用HTML5創(chuàng)建表格教學(xué)要求：1. 了解表格的作用。2. 掌握表格基本結(jié)構(gòu)及操作掌握。3. 單元格的定義及操作。教學(xué)內(nèi)容：用HTML5創(chuàng)建表單教學(xué)要求：1. 了解表單的作用。2. 掌握表單中主要表單兀素的定義及使用。3. 掌握表單高級(jí)元素的使用。4. 掌握創(chuàng)建表單實(shí)例的方法。這部分內(nèi)容實(shí)踐 性很強(qiáng)，教授學(xué)生 安裝DreamweaverCS6 軟件，教學(xué)過程采 用“教、學(xué)、做” 一體化方式，以教 師為主導(dǎo)，帶領(lǐng)學(xué) 生邊學(xué)邊做。實(shí)踐 環(huán)節(jié)讓學(xué)生進(jìn)行 知識(shí)強(qiáng)化，靈活掌 握。本部分內(nèi)容實(shí)踐 性很強(qiáng)，學(xué)生需用 大量的課時(shí)練習(xí) 掌握超鏈接的創(chuàng)

7、 建方法，先由教師 進(jìn)行演示，然后在 教師指導(dǎo)下學(xué)生 完成實(shí)驗(yàn)任務(wù)并 進(jìn)行總結(jié)。本部分內(nèi)容實(shí)踐 性很強(qiáng)，教師必須 教師以案例教學(xué) 法進(jìn)行詳細(xì)講解 并帶領(lǐng)同學(xué)進(jìn)行 上機(jī)操作，同學(xué)按 照任務(wù)進(jìn)行上機(jī) 練習(xí)并進(jìn)行總結(jié)。 本部分內(nèi)容理論 上難理解，并且實(shí) 踐性很強(qiáng)，教師必 須帶領(lǐng)同學(xué)進(jìn)行 上機(jī)操作并給出 實(shí)驗(yàn)案例，同學(xué)按 照任務(wù)進(jìn)行上機(jī) 練習(xí)并進(jìn)行總結(jié)。74參考課時(shí)教學(xué)項(xiàng)目CSS3概述CSS3應(yīng)用JavaS cript 技術(shù) 基礎(chǔ)綜合實(shí)踐教學(xué)內(nèi)容與教學(xué)要求教學(xué)內(nèi)容：CSS3介紹、CSS3功能、CSS3發(fā)展歷 史、CSS3語法和CSS3使用方法。教學(xué)要求：1. 了解CSS3的定義、功能和發(fā)展歷 史。2.

8、 掌握CSS3的語法。3. 掌握CSS3的使用方法。教學(xué)內(nèi)容：CSS3字體與段落屬性；CSS3美化表 格和表單樣式。教學(xué)要求：1. 掌握利用CSS3設(shè)置字體與段落 屬性。2. 掌握CSS3設(shè)置表格樣式。掌握CSS3設(shè)置表單樣式。教學(xué)內(nèi)容：JavaScript 概述；JavaScript 的作 用。教學(xué)要求：1. 了解 JavaScript2. 掌握 JavaScript3. 理解 JavaScript 編程。的定義。 的語言基礎(chǔ)。內(nèi)置對(duì)象及對(duì)象4. 掌握利用JavaScript操縱CSS3教學(xué)內(nèi)容：留言板系統(tǒng)的開發(fā)與實(shí)現(xiàn)教學(xué)要求：全面掌握所學(xué)知識(shí)，能夠獨(dú)立進(jìn)行整 體操作規(guī)劃及規(guī)范編寫，開發(fā)出一

9、個(gè) 網(wǎng)站系統(tǒng)?；顒?dòng)設(shè)計(jì)建議這部分內(nèi)容主要 對(duì)CSS3的知識(shí)進(jìn) 行系統(tǒng)分析、講 授，理論性強(qiáng)，以 教師講授為主。學(xué) 生認(rèn)真學(xué)習(xí)并進(jìn) 行總結(jié)。本部分內(nèi)容實(shí)踐 性很強(qiáng)，教師必須 教師以案例教學(xué) 法進(jìn)行詳細(xì)講解 并帶領(lǐng)同學(xué)進(jìn)行 上機(jī)操作，同學(xué)按 照任務(wù)進(jìn)行上機(jī) 練習(xí)并進(jìn)行總結(jié)。本部分內(nèi)容對(duì)JavaScript 進(jìn)行 系統(tǒng)講解，理論性 較強(qiáng)，以教師講授 為主。在利用JavaScript 操縱CSS3這部分里，實(shí) 踐性很強(qiáng)，教師必 須教師以案例教 學(xué)法進(jìn)行詳細(xì)講 解并帶領(lǐng)同學(xué)進(jìn) 行上機(jī)操作，同學(xué) 按照任務(wù)進(jìn)行上 機(jī)練習(xí)并進(jìn)行總 結(jié)。本部分內(nèi)容實(shí)踐 性很強(qiáng)，先由教師 給學(xué)生提供案例 及實(shí)訓(xùn)內(nèi)容，然后 在教師

10、指導(dǎo)下學(xué) 生完成綜合實(shí)驗(yàn) 并進(jìn)行總結(jié)講評(píng)。1116六、教學(xué)建議1. 教學(xué)方法迭代教學(xué)：迭代教學(xué)就是把重要的知識(shí)、思想、經(jīng)驗(yàn)在課程中反復(fù)涉及到，但每 次涉及到這些內(nèi)容時(shí)又不是簡(jiǎn)單地重復(fù)， 而是在回顧原有的內(nèi)容的基礎(chǔ)上做進(jìn)一步地 深入和升華，既強(qiáng)化了記憶和理解，又拓展了新的視野，深化了理解。總結(jié)教學(xué)法：講解時(shí)一個(gè)知識(shí)講解完畢或演示完畢后，將知識(shí)所有過程進(jìn)總結(jié)出 關(guān)鍵點(diǎn)和注意事項(xiàng)，以此在提醒學(xué)生注意?，F(xiàn)場(chǎng)案例教學(xué)法：對(duì)知識(shí)做完理論概述后，為了加深對(duì)此知識(shí)的理解，通過現(xiàn)場(chǎng) 編寫代碼的方式對(duì)此知識(shí)做講解，以加深對(duì)此知識(shí)的理解和運(yùn)用。任務(wù)驅(qū)動(dòng)教學(xué)法：主要以任務(wù)需求來帶動(dòng)教學(xué)，每次課都有相應(yīng)的任務(wù)和問題，

11、讓學(xué)生來完成，培養(yǎng)分析問題、解決問題和思考問題的習(xí)慣。2. 評(píng)價(jià)方法對(duì)學(xué)生的評(píng)價(jià)與考核分三個(gè)部分：職業(yè)素養(yǎng)考核、知識(shí)考核、技能考核，遵循“235”的考核方式：（1）職業(yè)素養(yǎng)考核，包括平時(shí)的出勤率、完成書面作業(yè)任務(wù)的情況、完成實(shí)做 作業(yè)任務(wù)的情況等，占總評(píng)價(jià)成績(jī)的 20%。這部分內(nèi)容重點(diǎn)考核學(xué)生的學(xué)習(xí)過程，包 括其學(xué)習(xí)態(tài)度、努力的程度以及表現(xiàn)出來的效果。, 對(duì)系統(tǒng) 簡(jiǎn)答題、（ 2）教學(xué)形成性考核，包括每一部分上機(jī)檢查。提交有關(guān)業(yè)務(wù)數(shù)據(jù)備份，并進(jìn) 行電子閱卷。提交實(shí)驗(yàn)報(bào)告。檢查開發(fā)的應(yīng)用程序及相關(guān)文檔的完整性、正確性。 關(guān)實(shí)踐能力的綜合知識(shí)考查。占總評(píng)價(jià)成績(jī)的 30%。（ 3）期末卷面卷面考試，采

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