HTML5應用開發(fā)課程標準

1、HTML眩用開發(fā)-軟件開發(fā)方向課程標準課程類別專業(yè)核心課程課程代碼總學時108學分開設學期第三學期適用專業(yè)軟件技術(shù)專業(yè)授課方式教學做一體化教學合作開發(fā)企業(yè)山東浪潮集團有限公司執(zhí)筆人夏道春、李美芹、鄧所春審核人制定時間一、課程概述（一）課程性質(zhì)本課程是軟件技術(shù)專業(yè)的一門專業(yè)核心課，該課程始終貫徹“工學結(jié)合、項目導向”課程教學模式，以“實用、夠用、必需”為原則，培養(yǎng)學生的實際應用能力，取得了良好的教學效果。通過本課程的學習，使學生掌握網(wǎng)頁設計的基本技術(shù)，建立網(wǎng)站弁規(guī)劃網(wǎng)站；使學生掌握多種類型網(wǎng)站的設計技巧與注意事項，能比較熟練地規(guī)劃個人網(wǎng)站、企業(yè)網(wǎng)站、門戶網(wǎng)站、娛樂網(wǎng)站、游戲網(wǎng)站、教學網(wǎng)站等各種不

2、同主題的不同風格效果，促進學生創(chuàng)新意識和綜合職業(yè)能力的形成。（二）課程基本理念HTML5應用開發(fā)是體現(xiàn)以學生為主體的、基于工作過程導向的的學習領(lǐng)域課程，在學習過程中，學生首先要獲得的是關(guān)于職業(yè)內(nèi)容和工作環(huán)境的感性認識，進而獲得與職業(yè)相關(guān)的專業(yè)知識和技能。即強調(diào)以學生直接經(jīng)驗的形式一一典型網(wǎng)頁的設計與制作，來掌握融合于實踐行動中的新知識、新技能，而不是以往僅完成網(wǎng)頁各獨立元素的設計與制作，真正落實教、學、做一體化課程的實施，切實提高人才培養(yǎng)質(zhì)量。對于學習領(lǐng)域課程，按照工作過程對課程內(nèi)容進行序化，將陳述性知識與過程性知識整合、理論知識學習與實踐技能訓練整合、專業(yè)能力培養(yǎng)與職業(yè)素質(zhì)培養(yǎng)整合、工作過程

3、與學生認知心理過程整合，通過科學的教學設計，將學習領(lǐng)域細化成具體的學習情境。因此，MOO直線學習主要通過視頻講解來獲取專業(yè)基礎知識，并通過在線測試、答疑討論完成知識點的掌握，翻轉(zhuǎn)課堂中主要通過技能實戰(zhàn)訓練達到鞏固在線學習中所學的知識點，進一步提升專業(yè)實踐水平，通過面對面解決核心問題。（三）課程設計思路«HTML5應用開發(fā)學習領(lǐng)域課程通過前一階段前導課程的學習，學習者已對網(wǎng)頁設計與制作的基本部分，如網(wǎng)頁色彩搭配、網(wǎng)頁布局、Photoshop網(wǎng)頁圖像設計工具等有了初步認識。網(wǎng)頁設計與制作這一典型工作任務僅靠已有的網(wǎng)頁界面知識和技能已無法完成，這里要將網(wǎng)頁設計與制作作為重點來學習。學習者必

4、須首先分析網(wǎng)頁設計任務，確定網(wǎng)頁設計與制作過程中的主要問題，才能進一步作好網(wǎng)頁設計、制作的工作實施計劃。同時，學習者應對電腦、網(wǎng)頁設計工具軟件、腳本語言等有較深入的知識，對電腦、網(wǎng)頁設計工具軟件等有較熟練的操作技能。教學過程要實現(xiàn)課堂案例教學放到MOO錢上學習，翻轉(zhuǎn)課堂中重點進行相關(guān)類似項目案例制作與答疑，從教學過程和形式上體現(xiàn)“線上”和“向下”的緊密結(jié)合。課程以項目為主線，通過問題、項目導入（實踐）一學生思考、分析、回答、教師評議、總結(jié)（理論）7擴展應用（實踐）的方式進行，使授課內(nèi)容與工作實際緊密結(jié)合。（四）先修后續(xù)課程本門課程的先修課程是數(shù)據(jù)結(jié)構(gòu)、C語言程序設計、操作系統(tǒng)，后續(xù)課程是JSP

5、程序設計、Android程序設計、頂崗實習等。二、課程目標（一）總目標通過本課程學習，使學生能熟練運用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標志及屬性設計出多窗口網(wǎng)頁、動態(tài)網(wǎng)頁；掌握Dreamweaver進行網(wǎng)站的導入、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；掌握JAVASCRIPT本編程語言的基本語法知識，HTML中JAVASCRIPT序的嵌入方法，對象的概念及使用JAVASCRIP球進行開發(fā)、維護、管理和設置WE成用程序；能獨立設計小型WEB占點。（二）具體目標通過本課程的學習，學生要達到以下目標：1 .職業(yè)能力目標能熟練運用Dreamweaver應用軟件

6、；熟練掌握使用絕對和相對URL創(chuàng)建超鏈接，圖像鏈接，圖像映射的建立方法；學會運用HTML吾言中的標記設置顏色、文本格式和列表，熟練掌握顏色值的配置和背景圖案的設置方法,熟練掌握字符、鏈接顏色的設置方法；掌握在網(wǎng)頁中添加CSS嵌入圖像、聲音、多媒體信息的方法；熟練掌握表格的使用方法，學會利用表格設布局網(wǎng)頁；掌握框架制作網(wǎng)頁的方法，會使用框架設計網(wǎng)頁；掌握制作表單的方法，會利用表單建立交互式頁面；掌握JavaScript語言的語法；掌握在HTML語言代碼中嵌入JavaScript代碼的方法，能看懂JavaScript特效網(wǎng)頁源代碼；能夠按網(wǎng)頁設計技術(shù)要求修改和調(diào)試JavaScript代碼；學會使用

7、JavaScript語言實現(xiàn)網(wǎng)頁特效。2 .知識目標了解WEB占點的工作原理；了解WWWHTTPHTMLCSSW定義，概念和作用；掌握HTML吾言中的各種文本格式、字符格式、段落設置、列表、表單、框架、多媒體標記的作用；掌握Dreamweaver應用軟件的使用功能；掌握表格、表單的使用；理解對象的定義，及含義；理解事件的概念；理解屬性與方法的概念；了解面向?qū)ο蟪绦蛟O計思想。3 .職業(yè)素質(zhì)目標具有勤奮學習的態(tài)度，嚴謹求實、創(chuàng)新的工作作風；具有良好的心理素質(zhì)和職業(yè)道德素養(yǎng)；具有高度責任心和良好的團隊合作精神；具有科學思維方式和一定的唯物辯證法思想；具有較強的網(wǎng)頁設計創(chuàng)意思維、藝術(shù)設計素質(zhì)。三、內(nèi)容

8、標準與要求序號教學項目教學內(nèi)容與教學要求教學活動設計建議參考課時1HTML曬線應用熟悉HTML5的新特性、HTML5網(wǎng)頁結(jié)構(gòu)；熟悉JavaScript的基本語法；了解HTML喇線應用、緩存的工作機制等基本概念；熟悉manifest文件的結(jié)構(gòu)和作用，能夠搭建離線應用程序；使用JavaScript技木實現(xiàn)離線緩存更新、存儲事件監(jiān)聽等功能；以多媒體課件講解基本概念的基礎上，以案例演示的方式來加強學生對知識難點的理解；采用講練結(jié)合的方式讓學生掌握HTML憫線應用的開發(fā)技木。102HTML5WebWorkers多線程處理理解WebWorkers多線程工作機制；熟悉WebWorkers成員概念；創(chuàng)建Web

9、Workers,使用多任務并發(fā)處理等技術(shù)實現(xiàn)與WebWorkers通信；該部分理論性較強，內(nèi)容比較抽象，教師需要采用多媒體課件進行基本概念的講解，以案例教學法進行基本概念和理論的詳細演示，學生上機實現(xiàn)WebWorkers多線程應用并展示。63HTML5Geolocation地理位直理解HTML5Geolocation地理位直基本概念；掌握常用的GeolocationAPI的功能和調(diào)用方法，能夠使用相關(guān)API獲取、處理相關(guān)位置信息；該部分內(nèi)容實踐性很強，在采用多媒體課件講解基本概念的基礎上，采用“學教做”一體化的教學方式，以教師為主導，帶領(lǐng)學生邊學邊做，完成地理位置典型案例設計。84CSS3概述

10、掌握CSS3的編碼規(guī)范；了解CSS3的新增特性；應用CSS3設計網(wǎng)貝界囿；本部分內(nèi)容實踐性很強，在采用多媒體課件講解基本概念的基礎上，采用案例教學法，教師為輔，學生自主完成CSS3案例設計。10序號教學項目教學內(nèi)容與教學要求教學活動設計建議參考課時5CSS3選擇器了解選擇器的基本概念；掌握CSS3屬性選擇器、結(jié)構(gòu)偽類選擇器、UI偽類選擇器的定義和使用方法；本部分內(nèi)容實踐性很強，在多媒體課件講解的基礎上，以案例教學法進行知識點的詳細講解并帶領(lǐng)學生進行上機操作。學生自主完成采用CSS3技術(shù)的網(wǎng)貝界囿設計106文本、子體與顏色掌握設計文本陰影；掌握定義文本樣式；掌握設計顏色樣式；本部分內(nèi)容實踐性很強

11、，在多媒體課件講解的基礎上，以案例教學法進行知識點的詳細講解并帶領(lǐng)學生進行上機操作。學生自主完成網(wǎng)貝文本的樣式和顏色設計87背景與邊框掌握多色邊框設計概念并能實現(xiàn)多色邊框；掌握設計圓角、設計陰影、設計背景的基本技術(shù)。本部分內(nèi)容實踐性很強，在多媒體課件講解的基礎上，采用講練結(jié)合的方式，進行知識點的詳細講解并帶領(lǐng)學生上機實現(xiàn)。882D變形了解簡單的動畫艾形概念；掌握Transform、2D變形技術(shù)實現(xiàn)自定義變形和較復雜的變形；本部分內(nèi)容實踐性很強，教師須在多媒體課件講解的基礎上，以案例教學法帶領(lǐng)同學進行上機操作，同學按照任務進行上機練習并進行總結(jié)。69設計動畫掌握平滑過渡設計實現(xiàn)；掌握設計各種漸變

12、效果；本部分內(nèi)容實踐性很強，教師以案例教學法進行詳細講解，并帶領(lǐng)同學進行上機操作，同學按照任務進行上機練習并進行總結(jié)。6合計72四、實施建議（一）教學建議從HTML5應用開發(fā)的實際問題出發(fā)，精心準備各種典型案例，構(gòu)建課程的宏觀教學設計。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個人網(wǎng)站精選、書籍專賣等。以若干個案例為載體，形成循序漸進、種類多樣的項目群，構(gòu)建完整的教學設計布局。1 .教學采用“四階段教學法”，將“教、學、練、做”融為一體。教學體現(xiàn)“教師為主導，學生為主體，訓練為主線”的原則，課堂上可以采用“四階段教學法”。第1個階段，案例引入，提出問題。根據(jù)MOO視頻學習的知識點，案例演示，提出問題，講解

13、案例應用背景，給學生一個切入點，建立感性認識。目的是激發(fā)學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。第2個階段，學生自主學習，嘗試解決問題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡教學資源，引導學生自主學習，找到解決問題的方法和操作技能，培養(yǎng)學生的自主學習意識和學習方法。學生在學習和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導下學習相關(guān)的知識和操作技能。第3個階段，歸納總結(jié)，引中提高。在每次課結(jié)束前，引導學生進行歸納總結(jié)。對本次課的實際意義、重點、難點、容易出錯處等及時進行總結(jié)。并針對案例的不足之處，進行引申和提高。注意在這個階段，強調(diào)的是“引導”學生，而不是老師講解。第4個階段，

14、舉一反三、學以致用。案例源于生活，最終要應用于生活。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結(jié)束時及時布置相關(guān)的課后練習，使學生在課后進一步復習鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時給出下一次課的學習內(nèi)容，提示學生在課下完成視頻學習和在線測試。2 .充分利用現(xiàn)代化教學手段，提高教學效果教學中采用電子演示文稿、大屏幕多媒體聯(lián)機演示、網(wǎng)絡教學等各種先進的教學手段，使課堂教學生動活潑、引人入勝，提高了教學效果，同時提高了教學效率。包括：（1）利用多媒體教學系統(tǒng)廣播教學。把學生的共同問題（需要提示的重點）通過“廣播教學”，邊講邊演示，使學生即時看到操作效果。（2）利用網(wǎng)絡將課堂教

15、學延伸到課外，學生根據(jù)需要通過網(wǎng)絡學習有關(guān)的內(nèi)容，并進行在線答疑和討論。教師的課件和教學用資料都已都上傳到教學資源下載中心，方便學生課外學習和復習。（二）項目實施建議在教學實施過程中采取企業(yè)式教學分組方法，具體做法如下：一個班級分成若干個項目組，每個項目組由若干個學生組成，每個學生均被“任免”相應的公司職務。1 .學生的角色設計。每個班級由6-7人組成一個小組，即“項目組”。確定項目組名稱和組織架構(gòu)，確定好每位同學在“項目組”中擔任的職務。根據(jù)崗位，學生各司其職，按老師的要求完成指定的工作任務。2 .教師的角色設計。教師根據(jù)自己的教學設計在不同的時期擔任不同角色，引導學生的學習。項目經(jīng)理：作為

16、項目經(jīng)理，對各個項目組提出“任務要求（學習目標的要求）"，并定期檢查成果；客戶：在課堂上，作為客戶，將課程的學習任務作為“業(yè)務”，讓班級內(nèi)的各個項目組通過積極的學習來獲得相應的任務，由教轉(zhuǎn)為導。表二項目教學實施內(nèi)容表項目3學生成績管理系統(tǒng)教室理實一體化教室項目3學生成績管理系統(tǒng)教室理實一體化教室項目1企業(yè)宣傳類網(wǎng)站設計與實現(xiàn)教室理實一體化教室具體描述制作個人簡介、學校宣傳類、公司介紹類網(wǎng)站步驟1.網(wǎng)站需求分析和模塊劃分2.首頁面設計3.貝囿調(diào)試與兼容處理工具與設備1.Windows桌面操作系統(tǒng)2.WebStorm3.Photoshop教學方法任務驅(qū)動、小組討論、頭腦風暴、案例講解、角

17、色扮演態(tài)度、素質(zhì)1.具有自主學習、分析問題和解決問題的能力2.具備良好的團隊協(xié)作能力3.具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)考核標準完成任務過程中表現(xiàn)出來的能力和任務方案的質(zhì)量30%素質(zhì)考評10%工單考評20%實操考評40%（包括成果轉(zhuǎn)化）項目2視頻音頻類網(wǎng)站設計教室理實一體化教室具體描述通過HTML5音頻視頻制作多種視頻宣傳網(wǎng)站步驟1.視頻界面設計2.貝囿布局規(guī)劃3.測試與運行工具與設備1.Windows桌面操作系統(tǒng)2.WebStorm3.Photoshop、flash教學方法任務驅(qū)動、小組討論、頭腦風暴、案例講解、角色扮演態(tài)度、素質(zhì)1.具有自主學習、分析問題和解決問題的能力2.具備良好的團隊協(xié)作能

18、力3.具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)考核標準完成任務過程中表現(xiàn)出來的能力和任務方案的質(zhì)量30%素質(zhì)考評10%工單考評20%實操考評40%（包括成果轉(zhuǎn)化）具體描述運用HTML外地數(shù)據(jù)庫完成學生成績管理系統(tǒng)步驟1.需求分析2.數(shù)據(jù)庫設計3.單元調(diào)試工具與設備1.Windows桌面操作系統(tǒng)2.WebStorm3.Photoshop、flash教學方法任務驅(qū)動、小組討論、頭腦風暴、案例講解、角色扮演態(tài)度、素質(zhì)1.具有自主學習、分析問題和解決問題的能力2.具備良好的團隊協(xié)作能力3.具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)考核標準完成任務過程中表現(xiàn)出來的能力和任務方案的質(zhì)量30%素質(zhì)考評10%工單考評20%實操考評40

19、%（包括成果轉(zhuǎn)化）項目4坦克大戰(zhàn)游戲教室理實一體化教室具體描述綜合應用HTML峪圖功能完成小游戲制作步驟1.游戲總體架構(gòu)搭建2.游戲模型構(gòu)建3.編碼實現(xiàn)與單元測試工具與設備1.Windows桌面操作系統(tǒng)2.WebStorm3.Photoshop、flash教學方法任務驅(qū)動、小組討論、頭腦風暴、案例講解、角色扮演態(tài)度、素質(zhì)1.具有自主學習、分析問題和解決問題的能力2.具備良好的團隊協(xié)作能力3.具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)考核標準完成任務過程中表現(xiàn)出來的能力和任務方案的質(zhì)量30%素質(zhì)考評10%工單考評20%實操考評40%（包括成果轉(zhuǎn)化）（三）考核評價建議教學實施后的教學評價方法與思路：考核主體：體

20、現(xiàn)多主體性，包括教師評價、小組評價、自我評價、同學互評；考核內(nèi)容：包括課堂表現(xiàn)、課下項目任務完成情況、項目成果質(zhì)量、成果轉(zhuǎn)化情況等；考核方式：包括課堂提問、宣傳欄展示、成果交流、模擬答辯、項目成果轉(zhuǎn)化等。評價因素：基于以下幾個方面的考慮，建設性地利用課堂時間完成作業(yè)（個人得分）；學生的成果質(zhì)量（小組得分）；對參考資料的運用（小組得分）；課堂發(fā)言的邏輯性、創(chuàng)見性（小組及個人得分）；與組員合作、平等、分享（個人得分）。表三課程教學評價表項目好50%一般30%差20%按時完成任務自主學習能力項目實施能力獨立工作能力報告書向表達項目具體指標好40%一般30%差20%成果內(nèi)容較好地表現(xiàn)了項目實施的要求。項目功能項目功能的運行與維護項目設計項目的整體規(guī)劃設計有新意，啟發(fā)性強。（2）綜合評價70%考評項目自我評估小組互評教師評估備注素質(zhì)考評10工作紀律3工作作風3協(xié)作精神4工單考評20實操考評40工具使用5任務方案10實施過程20完成情況5其他合1170綜合評價70（四）教材編寫建議1 .依據(jù)本課程標準編寫教材，教材應充分體現(xiàn)以工作任務為中心組織課程內(nèi)容和課程教學的設計思想。2 .教材應將本專業(yè)職業(yè)活動，分解成若干典型的學習情境，每個情境由若干學習單元實施完成，按完成工作任務的需要和崗位操作規(guī)程來設計。3