課程標(biāo)準(zhǔn)(HTML5網(wǎng)頁(yè)編程)

1、課程標(biāo)準(zhǔn)（HTML5網(wǎng)頁(yè)編程）HTML綱頁(yè)編程課程標(biāo)準(zhǔn)課程基本信息課程編碼：課程類別：專業(yè)基礎(chǔ)課適應(yīng)專業(yè)：軟件技術(shù)總學(xué)時(shí)數(shù)：45MOOC線課時(shí)+翻轉(zhuǎn)課堂課時(shí)：15 +30一、課程概述（一）課程性質(zhì)本課程是軟件技術(shù)專業(yè)的一門(mén)專業(yè)課，該課程始終貫徹“工學(xué)結(jié)合、項(xiàng)目導(dǎo)向”課程教學(xué)模式，以“實(shí)用、夠用、必需”為原則， 培養(yǎng)學(xué)生的實(shí)際應(yīng)用能力，取得了良好的教學(xué)效果。由于Internet 應(yīng)用越來(lái)越普及， 因此，作為構(gòu)成Internet 應(yīng) 用的基本載體-網(wǎng)站與網(wǎng)頁(yè)的設(shè)計(jì)與制作非常重要， 通過(guò)本課程 的學(xué)習(xí)，使學(xué)生掌握使用 Dreamweaver創(chuàng)建各種網(wǎng)頁(yè)對(duì)象， 能夠使 用這些對(duì)象設(shè)計(jì)制作網(wǎng)頁(yè)，建立網(wǎng)站

2、并規(guī)劃網(wǎng)站。通過(guò)本課程的學(xué)習(xí)，使學(xué)生掌握多種類型網(wǎng)站的設(shè)計(jì)技巧與注 意事項(xiàng)，能比較熟練地規(guī)劃個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、門(mén)戶網(wǎng)站、娛樂(lè) 網(wǎng)站、游戲網(wǎng)站、教學(xué)網(wǎng)站等各種不同主題的不同風(fēng)格效果。促進(jìn) 學(xué)生創(chuàng)新意識(shí)和綜合職業(yè)能力的形成：（1）讓學(xué)生在學(xué)習(xí)設(shè)計(jì)不同主題的網(wǎng)站風(fēng)格時(shí)作一些調(diào)查， 在此基礎(chǔ)上培養(yǎng)自己的創(chuàng)新意識(shí)和 創(chuàng)新能力，審美能力等。（2）讓學(xué)生通過(guò)做課程設(shè)計(jì)或畢業(yè)設(shè)計(jì)， 培養(yǎng)自己的創(chuàng)新能力。（二）課程基本理念HTML啊頁(yè)編程是體現(xiàn)以學(xué)生為主體的、基于工作過(guò)程導(dǎo)向的 的學(xué)習(xí)領(lǐng)域課程，在學(xué)習(xí)過(guò)程中，學(xué)生首先要獲得的是關(guān)于職業(yè)內(nèi) 容和工作環(huán)境的感性認(rèn)識(shí)，進(jìn)而獲得與職業(yè)相關(guān)的專業(yè)知識(shí)和技 能。即強(qiáng)調(diào)以學(xué)

3、生直接經(jīng)驗(yàn)的形式一9型網(wǎng)頁(yè)的設(shè)計(jì)與制作，來(lái)掌握融合于實(shí)踐行動(dòng)中的新知識(shí)、新技能，而不是以往僅完成網(wǎng)頁(yè)各獨(dú)立元素的設(shè)計(jì)與制作， 真正落實(shí)教、學(xué)、做一體化課程的實(shí)施， 切實(shí)提高人才培養(yǎng)質(zhì)量。對(duì)于學(xué)習(xí)領(lǐng)域課程，按照工作過(guò)程對(duì)課程內(nèi)容進(jìn)行序化，將 陳述性知識(shí)與過(guò)程性知識(shí)整合、理論知識(shí)學(xué)習(xí)與實(shí)踐技能訓(xùn)練整 合、專業(yè)能力培養(yǎng)與職業(yè)素質(zhì)培養(yǎng)整合、工作過(guò)程與學(xué)生認(rèn)知心理過(guò)程整合，通過(guò)科學(xué)的教學(xué)設(shè)計(jì)， 將學(xué)習(xí)領(lǐng)域細(xì)化成具體的學(xué)習(xí)情 境。因此，MOOCE線學(xué)習(xí)主要通過(guò)視頻講解來(lái)獲取專業(yè)基礎(chǔ)知識(shí)， 并通過(guò)在線測(cè)試、答疑討論完成知識(shí)點(diǎn)的掌握，翻轉(zhuǎn)課堂中主要通過(guò)技能實(shí)戰(zhàn)訓(xùn)練達(dá)到鞏固在線學(xué)習(xí)中所學(xué)的知識(shí)點(diǎn)，進(jìn)一步提升專業(yè)

4、實(shí)踐水平，通過(guò)面對(duì)面解決核心問(wèn)題。（三）課程設(shè)計(jì)思路1、HTML綱頁(yè)編程學(xué)習(xí)領(lǐng)域課程通過(guò)前一階段前導(dǎo)課程的 學(xué)習(xí)，學(xué)習(xí)者已對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本部分，如網(wǎng)頁(yè)色彩搭配、 網(wǎng)頁(yè)布局、Photoshop網(wǎng)頁(yè)圖像設(shè)計(jì)工具等有了初步認(rèn)識(shí)。網(wǎng)頁(yè)設(shè)計(jì)與制作這一典型工作任務(wù)僅靠已有的網(wǎng)頁(yè)界面知識(shí)和技能已無(wú)法完成，這里要將網(wǎng)頁(yè)設(shè)計(jì)與制作作為重點(diǎn)來(lái)學(xué)習(xí)。學(xué)習(xí)者必須首先分析網(wǎng)頁(yè)設(shè)計(jì)任務(wù)， 確定網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中的主要問(wèn)題，才能進(jìn)一步作好網(wǎng)頁(yè)設(shè)計(jì)、制作的工作實(shí)施計(jì)劃。同時(shí)，學(xué)習(xí)者應(yīng)對(duì) 電腦、網(wǎng)頁(yè)設(shè)計(jì)工具軟件、腳本語(yǔ)言等有較深入的知識(shí)，對(duì)電腦、 網(wǎng)頁(yè)設(shè)計(jì)工具軟件等有較熟練的操作技能。2、教學(xué)過(guò)程要實(shí)現(xiàn)課堂案例教學(xué)放到

5、MOO線上學(xué)習(xí)，翻轉(zhuǎn)課堂中重點(diǎn)進(jìn)行相關(guān)類似項(xiàng)目案例制作與答疑，從教學(xué)過(guò)程和形式上體現(xiàn)“線上”和“向下”的緊密結(jié)合。課程以項(xiàng)目為主線， 通過(guò)問(wèn)題、項(xiàng)目導(dǎo)入（實(shí)踐）一學(xué)生思考、 分析、回答、教師評(píng)議、總結(jié)（理論）-擴(kuò)展應(yīng)用（實(shí)踐）的方式 進(jìn)行，使授課內(nèi)容與工作實(shí)際緊密結(jié)合。3、效果評(píng)價(jià)本課程教學(xué)效果評(píng)價(jià)采取過(guò)程評(píng)價(jià)與結(jié)果評(píng)價(jià)相結(jié)合的方式， 以學(xué)生為主體，重點(diǎn)評(píng)價(jià)學(xué)生的職業(yè)能力的養(yǎng)成。二、課程目標(biāo)（一）總目標(biāo)通過(guò)本課程學(xué)習(xí)，使學(xué)生能熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)志及屬性設(shè)計(jì)由多 窗口網(wǎng)頁(yè)、動(dòng)態(tài)網(wǎng)頁(yè)；掌握 Dreamweaver進(jìn)行網(wǎng)站的導(dǎo)入、規(guī)劃、 管理、

6、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能；掌握 JAVASCRIPT 腳本編程語(yǔ)言的基本語(yǔ)法知識(shí)，HTML中JAVASCRIPT序的嵌入方法，對(duì)象的概念及使用JAVASCRIP怵進(jìn)行開(kāi)發(fā)、維護(hù)、管理和設(shè)置WE應(yīng)用程序；能獨(dú)立設(shè)計(jì)小型 WEB占點(diǎn)。（二）具體目標(biāo)通過(guò)本課程的學(xué)習(xí)，學(xué)生要達(dá)到以下目標(biāo)：1、職業(yè)能力目標(biāo)能熟練運(yùn)用Dreamweaver應(yīng)用軟件；熟練掌握使用絕對(duì)和 相對(duì)URL創(chuàng)建超鏈接，圖像鏈接，圖像映射的建立方法；學(xué)會(huì)運(yùn)用HTML語(yǔ)言中的標(biāo)記設(shè)置顏色、文本格式和列表； 熟練掌握顏色值的配置和背景圖案的設(shè)置方法，熟練掌握字符、鏈接顏色的設(shè)置方法；掌握在網(wǎng)頁(yè)中添加 CSS嵌入圖像、聲音、多媒體

7、信息的方 法；熟練掌握表格的使用方法，學(xué)會(huì)利用表格設(shè)布局網(wǎng)頁(yè)；掌握框架制作網(wǎng)頁(yè)的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè)；掌握制作表單的方法， 會(huì)利用表單建立交互式頁(yè)面；掌握J(rèn)avaScript 語(yǔ)言的語(yǔ)法；掌握在HTML®言代碼中嵌入JavaScript代碼的方法，能看 懂JavaScript特效網(wǎng)頁(yè)源代碼；能夠按網(wǎng)頁(yè)設(shè)計(jì)技術(shù)要求修改和調(diào)試JavaScript代碼；學(xué)會(huì)使用JavaScript語(yǔ)言實(shí)現(xiàn)網(wǎng)頁(yè)特效。知識(shí)目標(biāo)了解WEB占點(diǎn)的工作原理；了解 WWWHTTR HTML CSS的定義，概念和作用；掌握HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、 列表、表單、框架、多媒體標(biāo)記的作用；掌握D

8、reamweaver應(yīng)用軟件的使用功能；掌握表格、表單的使用；理解對(duì)象的定義，及含義；理解事 件的概念；理解屬性與方法的概念；了解面向?qū)ο蟪绦蛟O(shè)計(jì)思想。3、職業(yè)素質(zhì)目標(biāo)具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；具有良好的心理素質(zhì)和職業(yè)道德素養(yǎng)；具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；具有科學(xué)思維方式和一定的唯物辯證法思想；具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。三、內(nèi)容標(biāo)準(zhǔn)與要求廳P情境/項(xiàng) 目/模塊 （視情填寫(xiě)）學(xué)習(xí)目標(biāo)活動(dòng)安排知識(shí)要求技能要求參考課時(shí)MOOC在線 學(xué)時(shí)翻轉(zhuǎn)課堂課時(shí)1HTML5 網(wǎng)頁(yè)技術(shù)能熟 練 運(yùn) 用 Dreamweaver 應(yīng)用軟件；熟 練掌握使用 絕對(duì)和相對(duì) URL,

9、創(chuàng)建超 鏈接，圖像鏈 接，圖像映射 的建立方法； 學(xué)會(huì)運(yùn)用 HTML語(yǔ)言中 的標(biāo)記設(shè)置 顏色、文本格 式和列表；熟 練掌握顏色 值的配置和 背景圖案的 設(shè)置方法，熟 練掌握字符、 鏈接顏色的 設(shè)置方法； 掌握在網(wǎng) 頁(yè)中添加 CSS嵌入圖 像、尸白、多 媒體信息的 方法；視頻學(xué)習(xí) 單元測(cè)試 答疑討論 課堂指導(dǎo) 課堂總結(jié)了解WEB站點(diǎn)的工作 原理；了解 WWW、 HTTP、 HTML、 CSS的定義， 概念和作用；掌握HTML語(yǔ)言中的 各種文本格式、字符格 式、段落設(shè)置、列表、 表單、框架、多媒體標(biāo) 記的作用；掌握 Dreamweaver 應(yīng) 用軟件的使用功能；掌握表格、表單的使 用；理解對(duì)象的定

10、義， 及含義；理解事件的概 念；理解屬性與方法的 概念；了解面向?qū)ο蟪?序設(shè)計(jì)思想。能熟練運(yùn)用Dreamweaver 應(yīng)用 軟件；熟練掌握使 用絕對(duì)和相對(duì)URL ,創(chuàng)建超鏈接， 圖像鏈接，圖像映 射的建立方法；學(xué)會(huì)運(yùn)用HTML語(yǔ)言中的標(biāo) 記設(shè)置顏色、文本 格式和列表；熟練 掌握顏色值的配置 和背景圖案的設(shè)置 方法，熟練掌握字 符、鏈接顏色的設(shè) 置方法；會(huì)在網(wǎng)頁(yè) 中添加CSS、嵌入 圖像、聲音、多媒 體信息的方法；能夠利用 表格設(shè)布局網(wǎng)頁(yè)； 框架制作網(wǎng)頁(yè)的方 法，會(huì)使用框架設(shè) 計(jì)網(wǎng)頁(yè)；制作表單 的方法，會(huì)利用表 單建立交互式頁(yè) 面；482DIV+CSS3布局能夠根據(jù)不 同實(shí)際情況 選擇合適的 布

11、局結(jié)構(gòu)能 夠 用DIV+CSS 布 局網(wǎng)頁(yè)視頻學(xué)習(xí) 單元測(cè)試 答疑討論 課堂指導(dǎo) 課堂總結(jié)掌握表現(xiàn)和內(nèi)容的分 離的原理了解DIV+CSS布局的 優(yōu)勢(shì)掌握選擇符的類型。 掌握元素的繼承性與 分類掌握盒模型 掌握單行單列結(jié)構(gòu) 掌握二列布局結(jié)構(gòu) 掌握三列布局結(jié)構(gòu)掌握嵌套結(jié)構(gòu)掌握類表菜單的設(shè)計(jì) 制作方法能夠根據(jù)不同 實(shí)際情況選擇 合適的布局結(jié) 構(gòu)能 夠 用DIV+CSS 布局 網(wǎng)頁(yè)8163JavaScript應(yīng)用掌握 JavaScript語(yǔ)言的語(yǔ)法；掌握在HTML語(yǔ)言代碼中嵌入 JavaScript 代碼的方法視頻學(xué)習(xí) 單元測(cè)試 答疑討論 課堂指導(dǎo) 課堂總結(jié)掌握J(rèn)avaScript語(yǔ)言的語(yǔ)法；掌握在H

12、TML語(yǔ)言代碼中嵌入JavaScript代碼的方法能編寫(xiě) JavaScript 特效網(wǎng)頁(yè)源代碼；能夠按網(wǎng)頁(yè)設(shè) 計(jì)技術(shù)要求修改和 調(diào)試 JavaScript 代 碼；學(xué)會(huì)使用JavaScript 語(yǔ)言實(shí) 現(xiàn)網(wǎng)頁(yè)特效。36課時(shí)小計(jì)1530總學(xué)時(shí)數(shù)45四、實(shí)施建議（一）教學(xué)建議從HTML翻頁(yè)編程的實(shí)際問(wèn)題由發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、 個(gè)人網(wǎng)站精選、書(shū)籍專賣(mài)等。以若干個(gè)案例為載體，形成循序漸進(jìn)、 種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。1、教學(xué)采用 四階段教學(xué)法 " 將 教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主

13、線”的原則，課堂上可以采用 網(wǎng)階段教學(xué)法”：第1個(gè)階段，案例引入，提由問(wèn)題。根據(jù)MOOCL頻學(xué)習(xí)的知識(shí)點(diǎn)，案例演示，提由問(wèn)題，講解案 例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識(shí)。目的是激發(fā)學(xué)生 的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。第2個(gè)階段，學(xué)生自主學(xué)習(xí)，嘗試解決問(wèn)題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主學(xué)習(xí)， 找到解決問(wèn)題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識(shí)和學(xué)習(xí) 方法。學(xué)生在學(xué)習(xí)和嘗試解決問(wèn)題過(guò)程中，發(fā)現(xiàn)問(wèn)題，提由問(wèn)題， 在問(wèn)題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識(shí)和操作技能。第3個(gè)階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對(duì)本次課的實(shí)際意 義、

14、重點(diǎn)、難點(diǎn)、容易由錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對(duì)案例的不足 之處，進(jìn)行引申和提高。注意在這個(gè)階段，強(qiáng)調(diào)的是引導(dǎo)”學(xué)生,而不是老師講解。第4個(gè)階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、 舉一反三、觸類旁通，每次教學(xué)結(jié)束時(shí)及時(shí)布置相關(guān)的課后練習(xí)， 使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時(shí)給由下一次課的學(xué)習(xí)內(nèi)容， 提示學(xué)生在課下完成視 頻學(xué)習(xí)和在線測(cè)試。2、充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中采用電子演示文稿、 大屏幕多媒體聯(lián)機(jī)演示、 網(wǎng)絡(luò)教學(xué) 等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高了 教學(xué)效果，同時(shí)提高了教學(xué)

15、效率。包括：（1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問(wèn)題（需 要提示的重點(diǎn)）通過(guò)廣播教學(xué)工邊講邊演示，使學(xué)生即時(shí)看到操作效果。（2）利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過(guò)網(wǎng) 絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容，并進(jìn)行在線答疑和討論。 教師的課件和教學(xué)用 資料都已都上傳到教學(xué)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。（二）考核評(píng)價(jià)建議引入新的評(píng)價(jià)內(nèi)容引入。將 MOOCE線測(cè)試成績(jī)、在線學(xué)習(xí)時(shí) 長(zhǎng)、討論區(qū)活躍程度及有效度、團(tuán)隊(duì)學(xué)習(xí)情況全部列入MOO習(xí)成績(jī)。最終課程成績(jī)由“平時(shí)成績(jī)（占 20%, MOO年習(xí)成績(jī)（30%, 期末考試成績(jī)（占40%”三個(gè)部分組成。（三）教材編寫(xiě)建議1）依據(jù)本課程標(biāo)準(zhǔn)編寫(xiě)教材，教

16、材應(yīng)充分體現(xiàn)以工作任務(wù)為中心組織 課程內(nèi)容和課程教學(xué)的設(shè)計(jì)思想。2）教材應(yīng)將本專業(yè)職業(yè)活動(dòng)，分解成若干典型的學(xué)習(xí)情境，每個(gè)情境 由若干學(xué)習(xí)單元實(shí)施完成，按完成工作任務(wù)的需要和崗位操作規(guī)程來(lái)設(shè)計(jì)。3）教材應(yīng)圖文并茂，提高學(xué)生的學(xué)習(xí)興趣，加深學(xué)生對(duì)建筑力學(xué)與結(jié)9 / 11課程標(biāo)準(zhǔn)（HTML5網(wǎng)頁(yè)編程）構(gòu)的認(rèn)識(shí)和理解。教材表達(dá)必須精煉、準(zhǔn)確、科學(xué)。4）教材內(nèi)容應(yīng)體現(xiàn)先進(jìn)性、通用性、實(shí)用性，要將本專業(yè)新技術(shù)、新 工藝、新設(shè)備及時(shí)地納入教材，使教材更貼近本專業(yè)的發(fā)展和實(shí)際需要。5）教材中的活動(dòng)設(shè)計(jì)的內(nèi)容要具體，并具有可操作性。（四）實(shí)驗(yàn)實(shí)訓(xùn)設(shè)備配置建議1 .全部機(jī)房上課，每人一臺(tái)電腦。2 .軟件環(huán)境：

17、Windows 2003 Server/xp、SQL Server 2005 等軟件，3 .整個(gè)教學(xué)活動(dòng)時(shí)在網(wǎng)絡(luò)環(huán)境下進(jìn)行的。教學(xué)資源放到網(wǎng)上，學(xué)生可隨 時(shí)下載，學(xué)生在網(wǎng)上可以和老師在線交流，在線答疑、疑難問(wèn)題留言 等。（五）課程資源開(kāi)發(fā)與利用建議1）建設(shè)本課程學(xué)習(xí)網(wǎng)站，增加課程資源庫(kù)建設(shè)，力爭(zhēng)在在線拓展資源 方面做到完整、全面。2）產(chǎn)學(xué)合作開(kāi)發(fā)實(shí)驗(yàn)實(shí)訓(xùn)課程資源，充分利用本行業(yè)典型的生產(chǎn)企業(yè) 的資源，進(jìn)行產(chǎn)學(xué)合作，建立實(shí)習(xí)實(shí)訓(xùn)基地，實(shí)踐“做中學(xué)、學(xué)中做、邊做 邊學(xué)”的育人理念，滿足學(xué)生的實(shí)習(xí)實(shí)訓(xùn)，同時(shí)為學(xué)生的就業(yè)創(chuàng)造機(jī)會(huì)。3）建立本專業(yè)開(kāi)放實(shí)驗(yàn)室及實(shí)訓(xùn)基地，使之具備現(xiàn)場(chǎng)教學(xué)、實(shí)驗(yàn)實(shí)訓(xùn)I、 職業(yè)技能證書(shū)考證的功能，實(shí)現(xiàn)教學(xué)與實(shí)訓(xùn)合一、教學(xué)與培訓(xùn)合一、教學(xué)與 考證合一，滿足學(xué)生綜合職業(yè)能力培養(yǎng)的要求。（在原課程標(biāo)準(zhǔn)的基礎(chǔ)上，需要重點(diǎn)提升：學(xué)生基于MOOCE線學(xué)習(xí)和翻轉(zhuǎn)課堂學(xué)習(xí)后， 對(duì)于在線拓展資源方面的要求提高，