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

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

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

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

4、編程學(xué)習(xí)領(lǐng)域課程通過前一階段前導(dǎo)課程的學(xué)習(xí)，學(xué)習(xí)者已對網(wǎng)頁設(shè)計與制作的基本部分，如網(wǎng)頁色彩搭配、網(wǎng)頁布局、Photoshop網(wǎng)頁圖像設(shè)計工具等有了初步認(rèn)識。網(wǎng)頁設(shè)計與制作這一典型工作任務(wù)僅靠已有的網(wǎng)頁界面知識和技能已無法完成，這里要將網(wǎng)頁設(shè)計與制作作為重點(diǎn)來學(xué)習(xí)。學(xué)習(xí)者必須首先分析網(wǎng)頁設(shè)計任務(wù)，確定網(wǎng)頁設(shè)計與制作過程中的主要問題，才能進(jìn)一步作好網(wǎng)頁設(shè)計、制作的工作實(shí)施計劃。同時，學(xué)習(xí)者應(yīng)對電腦、網(wǎng)頁設(shè)計工具軟件、腳本語言等有較深入的知識，對電腦、網(wǎng)頁設(shè)計工具軟件等有較熟練的操作技能。2、教學(xué)過程要實(shí)現(xiàn)課堂案例教學(xué)放到MOOC線上學(xué)習(xí)，翻轉(zhuǎn)課堂中重點(diǎn)進(jìn)行相關(guān)類似項(xiàng)目案例制作與答疑，從教學(xué)過程和形

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

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

7、設(shè)計網(wǎng)頁；掌握制作表單的方法，會利用表單建立交互式頁面；掌握J(rèn)avaScript語言的語法；掌握在HTML語言代碼中嵌入JavaScript代碼的方法，能看懂JavaScript特效網(wǎng)頁源代碼；能夠按網(wǎng)頁設(shè)計技術(shù)要求修改和調(diào)試JavaScript代碼； 學(xué)會使用JavaScript語言實(shí)現(xiàn)網(wǎng)頁特效。知識目標(biāo)了解WEB站點(diǎn)的工作原理；了解WWW、HTTP、HTML、CSS的定義，概念和作用；掌握HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、表單、框架、多媒體標(biāo)記的作用；掌握Dreamweaver應(yīng)用軟件的使用功能；掌握表格、表單的使用；理解對象的定義，及含義；理解事件的概念；理解屬性與

8、方法的概念；了解面向?qū)ο蟪绦蛟O(shè)計思想。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)頁設(shè)計創(chuàng)意思維、藝術(shù)設(shè)計素質(zhì)。三、內(nèi)容標(biāo)準(zhǔn)與要求序號情境/項(xiàng)目/模塊（視情填寫）學(xué)習(xí)目標(biāo)活動安排知識要求技能要求參考課時MOOC在線學(xué)時翻轉(zhuǎn)課堂課時1HTML5網(wǎng)頁技術(shù)能熟練運(yùn)用Dreamweaver應(yīng)用軟件；熟練掌握使用絕對和相對URL，創(chuàng)建超鏈接，圖像鏈接，圖像映射的建立方法；學(xué)會運(yùn)用HTML語言中的標(biāo)記設(shè)置顏色、文本格式和列表；熟練掌握顏色值的配置和背景圖案的設(shè)置方法,

9、熟練掌握字符、鏈接顏色的設(shè)置方法；掌握在網(wǎng)頁中添加CSS、嵌入圖像、聲音、多媒體信息的方法；視頻學(xué)習(xí)單元測試答疑討論課堂指導(dǎo)課堂總結(jié)了解WEB站點(diǎn)的工作原理；了解WWW、HTTP、HTML、CSS的定義，概念和作用；掌握HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、表單、框架、多媒體標(biāo)記的作用；掌握Dreamweaver應(yīng)用軟件的使用功能；掌握表格、表單的使用；理解對象的定義，及含義；理解事件的概念；理解屬性與方法的概念；了解面向?qū)ο蟪绦蛟O(shè)計思想。能熟練運(yùn)用Dreamweaver應(yīng)用軟件；熟練掌握使用絕對和相對URL，創(chuàng)建超鏈接，圖像鏈接，圖像映射的建立方法；學(xué)會運(yùn)用HTML語言中的

10、標(biāo)記設(shè)置顏色、文本格式和列表；熟練掌握顏色值的配置和背景圖案的設(shè)置方法,熟練掌握字符、鏈接顏色的設(shè)置方法；會在網(wǎng)頁中添加CSS、嵌入圖像、聲音、多媒體信息的方法；能夠利用表格設(shè)布局網(wǎng)頁；框架制作網(wǎng)頁的方法，會使用框架設(shè)計網(wǎng)頁；制作表單的方法，會利用表單建立交互式頁面；482DIV+CSS3布局能夠根據(jù)不同實(shí)際情況選擇合適的布局結(jié)構(gòu)能夠用DIV+CSS布局網(wǎng)頁視頻學(xué)習(xí)單元測試答疑討論課堂指導(dǎo)課堂總結(jié)掌握表現(xiàn)和內(nèi)容的分離的原理了解DIV+CSS布局的優(yōu)勢掌握選擇符的類型。掌握元素的繼承性與分類掌握盒模型掌握單行單列結(jié)構(gòu)掌握二列布局結(jié)構(gòu)掌握三列布局結(jié)構(gòu)掌握嵌套結(jié)構(gòu)掌握類表菜單的設(shè)計制作方法能夠根據(jù)不

11、同實(shí)際情況選擇合適的布局結(jié)構(gòu)能夠用DIV+CSS布局網(wǎng)頁8163JavaScript應(yīng)用掌握J(rèn)avaScript語言的語法；掌握在HTML語言代碼中嵌入JavaScript代碼的方法視頻學(xué)習(xí)單元測試答疑討論課堂指導(dǎo)課堂總結(jié)掌握J(rèn)avaScript語言的語法；掌握在HTML語言代碼中嵌入JavaScript代碼的方法能編寫JavaScript特效網(wǎng)頁源代碼； 能夠按網(wǎng)頁設(shè)計技術(shù)要求修改和調(diào)試JavaScript代碼； 學(xué)會使用JavaScript語言實(shí)現(xiàn)網(wǎng)頁特效。36課時小計1530總學(xué)時數(shù)45四、實(shí)施建議（一）教學(xué)建議從HTML5網(wǎng)頁編程的實(shí)際問題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)

12、設(shè)計。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個人網(wǎng)站精選、書籍專賣等。以若干個案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計布局。1、教學(xué)采用“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”： 第1個階段，案例引入，提出問題。根據(jù)MOOC視頻學(xué)習(xí)的知識點(diǎn)，案例演示，提出問題，講解案例應(yīng)用背景，給學(xué)生一個切入點(diǎn)，建立感性認(rèn)識。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。 第2個階段，學(xué)生自主學(xué)習(xí)，嘗試解決問題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主

13、學(xué)習(xí)，找到解決問題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識和操作技能。 第3個階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯處等及時進(jìn)行總結(jié)。并針對案例的不足之處，進(jìn)行引申和提高。注意在這個階段，強(qiáng)調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。 第4個階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時及時布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成

14、性考核的內(nèi)容之一。同時給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生在課下完成視頻學(xué)習(xí)和在線測試。2、充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動活潑、引人入勝，提高了教學(xué)效果，同時提高了教學(xué)效率。包括： （1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需要提示的重點(diǎn)）通過 “廣播教學(xué)”，邊講邊演示，使學(xué)生即時看到操作效果。 （2）利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容，并進(jìn)行在線答疑和討論。教師的課件和教學(xué)用資料都已都上傳到教學(xué)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。 （二）考

15、核評價建議引入新的評價內(nèi)容引入。將MOOC在線測試成績、在線學(xué)習(xí)時長、討論區(qū)活躍程度及有效度、團(tuán)隊(duì)學(xué)習(xí)情況全部列入MOOC學(xué)習(xí)成績。最終課程成績由“平時成績（占20%），MOOC學(xué)習(xí)成績（30%），期末考試成績（占40%）”三個部分組成。（三）教材編寫建議1）依據(jù)本課程標(biāo)準(zhǔn)編寫教材，教材應(yīng)充分體現(xiàn)以工作任務(wù)為中心組織課程內(nèi)容和課程教學(xué)的設(shè)計思想。 2）教材應(yīng)將本專業(yè)職業(yè)活動，分解成若干典型的學(xué)習(xí)情境，每個情境由若干學(xué)習(xí)單元實(shí)施完成，按完成工作任務(wù)的需要和崗位操作規(guī)程來設(shè)計。3）教材應(yīng)圖文并茂，提高學(xué)生的學(xué)習(xí)興趣，加深學(xué)生對建筑力學(xué)與結(jié)構(gòu)的認(rèn)識和理解。教材表達(dá)必須精煉、準(zhǔn)確、科學(xué)。 4）教材內(nèi)容

16、應(yīng)體現(xiàn)先進(jìn)性、通用性、實(shí)用性，要將本專業(yè)新技術(shù)、新工藝、新設(shè)備及時地納入教材，使教材更貼近本專業(yè)的發(fā)展和實(shí)際需要。 5）教材中的活動設(shè)計的內(nèi)容要具體，并具有可操作性。（四）實(shí)驗(yàn)實(shí)訓(xùn)設(shè)備配置建議1. 全部機(jī)房上課，每人一臺電腦。2. 軟件環(huán)境：Windows 2003 Server/xp、SQL Server 2005等軟件,3. 整個教學(xué)活動時在網(wǎng)絡(luò)環(huán)境下進(jìn)行的。教學(xué)資源放到網(wǎng)上，學(xué)生可隨時下載，學(xué)生在網(wǎng)上可以和老師在線交流，在線答疑、疑難問題留言等。（五）課程資源開發(fā)與利用建議1)建設(shè)本課程學(xué)習(xí)網(wǎng)站，增加課程資源庫建設(shè)，力爭在在線拓展資源方面做到完整、全面。2）產(chǎn)學(xué)合作開發(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)，同時為學(xué)生的就業(yè)創(chuàng)造機(jī)會。 3）建立本專業(yè)開放實(shí)驗(yàn)室及實(shí)訓(xùn)基地，使之具備現(xiàn)場教學(xué)、實(shí)驗(yàn)實(shí)訓(xùn)、職業(yè)技能證書考證的功能，實(shí)現(xiàn)教學(xué)與實(shí)訓(xùn)合一、教學(xué)與培訓(xùn)合一、教學(xué)與考證合 一，滿足學(xué)生綜合職業(yè)能力培養(yǎng)的要求。（在原課程標(biāo)準(zhǔn)的基礎(chǔ)上，需要重點(diǎn)提升：學(xué)生基于MOOC在線學(xué)習(xí)和翻轉(zhuǎn)課堂學(xué)習(xí)后，對于在線拓展資