HTML課程標(biāo)準(zhǔn)

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

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

3、自覺的標(biāo)準(zhǔn)意識、團(tuán)隊(duì)協(xié)作意識和協(xié)作能力。(3) 能運(yùn)用各種交流手段進(jìn)行良好地表達(dá)和交流。(4) 具有使用英語進(jìn)行閱讀和交流的能力。(5) 具有較強(qiáng)的環(huán)境適應(yīng)、人際交往和組織管理能力。三、參考學(xué)時(shí)總學(xué)時(shí)72理論學(xué)時(shí)36+實(shí)踐學(xué)時(shí)36。四、課程學(xué)分5學(xué)分。五、課程內(nèi)容和要求序號教學(xué)工程教學(xué)內(nèi)容與教學(xué)要求活動設(shè)計(jì)建議參考課時(shí)1HTML5概述教學(xué)內(nèi)容：HTML5的根本概念、HTML5簡介、HTML5文件的根本結(jié)構(gòu)、HTML5文件的編寫方法、使用記事本手工編寫HTML5文件、使用Dreamweaver CS6編寫HTML5文件。教學(xué)要求：1.理解HTML5的根本概念。2.了解HTML5的開展歷程。3.掌

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

5、教師再進(jìn)行點(diǎn)評總結(jié)。43HTML5網(wǎng)頁中的文本和圖像教學(xué)內(nèi)容：HTML5網(wǎng)頁中文本、圖像的創(chuàng)立及使用。教學(xué)要求：1.了解HTML5網(wǎng)頁中的網(wǎng)頁元素。2.掌握在HTML5網(wǎng)頁中文本和圖像的插入方法。3.掌握列表的創(chuàng)立方法及作用。4.了解網(wǎng)頁中支持的圖片格式。5.掌握路徑的定義及使用。這局部內(nèi)容實(shí)踐性很強(qiáng)，教授學(xué)生安裝DreamweaverCS6軟件，教學(xué)過程采用“教、學(xué)、做一體化方式，以教師為主導(dǎo)，帶著學(xué)生邊學(xué)邊做。實(shí)踐環(huán)節(jié)讓學(xué)生進(jìn)行知識強(qiáng)化，靈活掌握。84HTML5網(wǎng)頁中的超級鏈接教學(xué)內(nèi)容：用HTML5創(chuàng)立超鏈接。教學(xué)要求：1.掌握URL的概念。2.掌握設(shè)置文本和圖片超鏈接的方法。3.掌握超鏈

6、接的分類4.理解熱點(diǎn)的定義。5.掌握創(chuàng)立熱點(diǎn)的方法。本局部內(nèi)容實(shí)踐性很強(qiáng)，學(xué)生需用大量的課時(shí)練習(xí)掌握超鏈接的創(chuàng)立方法，先由教師進(jìn)行演示，然后在教師指導(dǎo)下學(xué)生完成實(shí)驗(yàn)任務(wù)并進(jìn)行總結(jié)。45HTML5網(wǎng)頁中的表格教學(xué)內(nèi)容：用HTML5創(chuàng)立表格教學(xué)要求：1.了解表格的作用。2.掌握表格根本結(jié)構(gòu)及操作掌握。3.單元格的定義及操作。本局部內(nèi)容實(shí)踐性很強(qiáng)，教師必須教師以案例教學(xué)法進(jìn)行詳細(xì)講解并帶著同學(xué)進(jìn)行上機(jī)操作，同學(xué)按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。46HTML5網(wǎng)頁中的表單教學(xué)內(nèi)容：用HTML5創(chuàng)立表單教學(xué)要求：1.了解表單的作用。2.掌握表單中主要表單元素的定義及使用。3.掌握表單高級元素的使用。4.掌

7、握創(chuàng)立表單實(shí)例的方法。本局部內(nèi)容理論上難理解，并且實(shí)踐性很強(qiáng)，教師必須帶著同學(xué)進(jìn)行上機(jī)操作并給出實(shí)驗(yàn)案例，同學(xué)按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。47CSS3概述教學(xué)內(nèi)容：CSS3介紹、CSS3功能、CSS3開展歷史、CSS3語法和CSS3使用方法。教學(xué)要求：1.了解CSS3的定義、功能和開展歷史。2.掌握CSS3的語法。3.掌握CSS3的使用方法。這局部內(nèi)容主要對CSS3的知識進(jìn)行系統(tǒng)分析、講授，理論性強(qiáng)，以教師講授為主。學(xué)生認(rèn)真學(xué)習(xí)并進(jìn)行總結(jié)。88CSS3應(yīng)用教學(xué)內(nèi)容：CSS3字體與段落屬性；CSS3美化表格和表單樣式。教學(xué)要求：1. 掌握利用CSS3設(shè)置字體與段落屬性。2. 掌握CSS3設(shè)置

8、表格樣式。掌握CSS3設(shè)置表單樣式。本局部內(nèi)容實(shí)踐性很強(qiáng)，教師必須教師以案例教學(xué)法進(jìn)行詳細(xì)講解并帶著同學(xué)進(jìn)行上機(jī)操作，同學(xué)按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。89JavaScript技術(shù)根底教學(xué)內(nèi)容：JavaScript概述；JavaScript的作用。教學(xué)要求：1.了解JavaScript的定義。2.掌握J(rèn)avaScript的語言根底。3.理解JavaScript內(nèi)置對象及對象編程。4.掌握利用JavaScript操縱CSS3。本局部內(nèi)容對JavaScript進(jìn)行系統(tǒng)講解，理論性較強(qiáng)，以教師講授為主。在利用JavaScript操縱CSS3這局部里，實(shí)踐性很強(qiáng)，教師必須教師以案例教學(xué)法進(jìn)行詳細(xì)講解

9、并帶著同學(xué)進(jìn)行上機(jī)操作，同學(xué)按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。810綜合實(shí)踐教學(xué)內(nèi)容：留言板系統(tǒng)的開發(fā)與實(shí)現(xiàn)教學(xué)要求：全面掌握所學(xué)知識，能夠獨(dú)立進(jìn)行整體操作規(guī)劃及標(biāo)準(zhǔn)編寫，開發(fā)出一個(gè)網(wǎng)站系統(tǒng)。本局部內(nèi)容實(shí)踐性很強(qiáng)，先由教師給學(xué)生提供案例及實(shí)訓(xùn)內(nèi)容，然后在教師指導(dǎo)下學(xué)生完成綜合實(shí)驗(yàn)并進(jìn)行總結(jié)講評。16六、教學(xué)建議1.教學(xué)方法迭代教學(xué)：迭代教學(xué)就是把重要的知識、思想、經(jīng)驗(yàn)在課程中反復(fù)涉及到，但每次涉及到這些內(nèi)容時(shí)又不是簡單地重復(fù)，而是在回憶原有的內(nèi)容的根底上做進(jìn)一步地深入和升華，既強(qiáng)化了記憶和理解，又拓展了新的視野，深化了理解。總結(jié)教學(xué)法：講解時(shí)一個(gè)知識講解完畢或演示完畢后，將知識所有過程進(jìn)總結(jié)出關(guān)

10、鍵點(diǎn)和考前須知，以此在提醒學(xué)生注意?，F(xiàn)場案例教學(xué)法：對知識做完理論概述后，為了加深對此知識的理解，通過現(xiàn)場編寫代碼的方式對此知識做講解，以加深對此知識的理解和運(yùn)用。任務(wù)驅(qū)動教學(xué)法：主要以任務(wù)需求來帶動教學(xué)，每次課都有相應(yīng)的任務(wù)和問題，讓學(xué)生來完成，培養(yǎng)分析問題、解決問題和思考問題的習(xí)慣。2.評價(jià)方法對學(xué)生的評價(jià)與考核分三個(gè)局部：職業(yè)素養(yǎng)考核、知識考核、技能考核，遵循“235的考核方式：1職業(yè)素養(yǎng)考核，包括平時(shí)的出勤率、完成書面作業(yè)任務(wù)的情況、完成實(shí)做作業(yè)任務(wù)的情況等，占總評價(jià)成績的20%。這局部內(nèi)容重點(diǎn)考核學(xué)生的學(xué)習(xí)過程，包括其學(xué)習(xí)態(tài)度、努力的程度以及表現(xiàn)出來的效果。2教學(xué)形成性考核，包括每一

11、局部上機(jī)檢查。提交有關(guān)業(yè)務(wù)數(shù)據(jù)備份，并進(jìn)行電子閱卷。提交實(shí)驗(yàn)報(bào)告。檢查開發(fā)的應(yīng)用程序及相關(guān)文檔的完整性、正確性。有關(guān)實(shí)踐能力的綜合知識考查。占總評價(jià)成績的30%。3期末卷面卷面考試，采用閉卷形式，考試題分對概念的理解和應(yīng)用,對系統(tǒng)分析、設(shè)計(jì)、實(shí)施的方法和原理的掌握兩局部。題型可采用填空題、選擇題、簡答題、應(yīng)用題、論述題等多種形式?？己说某煽冋伎傇u價(jià)成績的50%。3.教學(xué)條件依托教學(xué)做一體化教室授課，學(xué)院網(wǎng)站提供LearnSite教學(xué)輔助平臺，教輔系統(tǒng)包括教務(wù)管理系統(tǒng)、文獻(xiàn)管理系統(tǒng)，網(wǎng)絡(luò)課程為精品課程平臺和各系的教學(xué)資源平臺。4.教材編選1選用教材劉增杰.精通HTML5 + CSS3+JavaScript網(wǎng)頁設(shè)計(jì).北京：清華大學(xué)出版社，2021.2參考資料：陸凌牛.HTML 5與CSS 3權(quán)威指南.北京：機(jī)械工業(yè)出版社，2021.陸凌牛. HTML 5開發(fā)精要與實(shí)例詳解.北京：機(jī)械工業(yè)出版社，2021.李東博.HTML5+CSS3從入門到精通.北京：清華大學(xué)出版社，2021.美Faithe Wempen 著，方敏等譯.HTML 5從入門到精通.北京：清華大學(xué)出版社，2021.3教材編寫建議本