HTML應(yīng)用開(kāi)發(fā)課程標(biāo)準(zhǔn)

《HTML5

本門(mén)課程的先修課程是《數(shù)據(jù)結(jié)構(gòu)》、《C

作系統(tǒng)》，后續(xù)課程是《JSP

程序設(shè)計(jì)》、《Android

語(yǔ)法知識(shí)，HTML

1．職業(yè)能力目標(biāo)

URL，創(chuàng)建超鏈接，圖像鏈接，圖像映射的建立方法；

握顏色值的配置和背景圖案的設(shè)置方法,熟練掌握字符、鏈接顏色的設(shè)

WWW、HTTP、HTML、CSS

3．職業(yè)素質(zhì)目標(biāo)序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)熟悉

HTML5

的新特性、

以多媒體課件講解HTML5

網(wǎng)頁(yè)結(jié)構(gòu)；熟悉

JavaScript

的基本語(yǔ)法；

基本概念的基礎(chǔ)上，以案例演示的方式來(lái)加強(qiáng)學(xué)生對(duì)知識(shí)難點(diǎn)的理解；了解

HTML5

離線應(yīng)用、

采用講練結(jié)合的方緩存的工作機(jī)制等基1 HTML5

離 本概念；線應(yīng)用熟悉

manifest

文件的離線應(yīng)用程序；使用

JavaScript

技術(shù)儲(chǔ)事件監(jiān)聽(tīng)等功能；

式

讓

學(xué)

生

掌

握HTML5

離線應(yīng)用的開(kāi)發(fā)技術(shù)。

10序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)2

該部分理論性較理解

WebWorkers

多線程工作機(jī)制；教師需要采用多媒熟悉

WebWorkers

成員體課件進(jìn)行基本概HTML5Web

概念；念的講解，以案例Workers多線程處

創(chuàng)建

WebWorkers，使用

教學(xué)法進(jìn)行基本概理多任務(wù)并發(fā)處理等技

念和理論的詳細(xì)演示，學(xué)生上機(jī)實(shí)現(xiàn)術(shù)實(shí)現(xiàn)與

WebWorkersWebWorkers

多

線通信；程應(yīng)用并展示。該部分內(nèi)容實(shí)踐性理解很強(qiáng)，在采用多媒HTML5Geolocation

地體課件講解基本概理位置基本概念；念的基礎(chǔ)上，采用掌握常用的HTML5Geo

“學(xué)教做”一體化

63

location

GeolocationAPI

的功地理位置

的教學(xué)方式，以教

8

師為主導(dǎo)，帶領(lǐng)學(xué)用相關(guān)

API

生邊學(xué)邊做，完成相關(guān)位置信息； 地理位置典型案例設(shè)計(jì)。序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)掌握CSS3的編碼規(guī)范；

本部分內(nèi)容實(shí)踐性了解CSS3的新增特性；

很強(qiáng)，在采用多媒4

4

10CSS3概述應(yīng)用

CSS3

設(shè)計(jì)網(wǎng)頁(yè)界念的基礎(chǔ)上，采用面；案例教學(xué)法，教師為輔，學(xué)生自主完成

CSS3

案例設(shè)計(jì)。了解選擇器的基本概念；掌握CSS3屬性選擇器、5 CSS3選擇

結(jié)構(gòu)偽類(lèi)選擇器、UI器 偽類(lèi)選擇器的定義和使用方法；

本部分內(nèi)容實(shí)踐性很強(qiáng)，在多媒體課件講解的基礎(chǔ)上，以案例教學(xué)法進(jìn)行知識(shí)點(diǎn)的詳細(xì)講解并帶領(lǐng)學(xué)生進(jìn)行上機(jī)操作。學(xué)生自主完成采用

CSS3

技術(shù)的網(wǎng)頁(yè)界面設(shè)計(jì)

10序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)掌握設(shè)計(jì)文本陰影；掌握定義文本樣式；掌握設(shè)計(jì)顏色樣式；

本部分內(nèi)容實(shí)踐性很強(qiáng)，在多媒體課件講解的基礎(chǔ)上，以案例教學(xué)法進(jìn)行6

文本、字體與顏色

知識(shí)點(diǎn)的詳細(xì)講解并帶領(lǐng)學(xué)生進(jìn)行上

8掌握多色邊框設(shè)計(jì)概念并能實(shí)現(xiàn)多色邊框；

機(jī)操作。學(xué)生自主完成網(wǎng)頁(yè)文本的樣式和顏色設(shè)計(jì)本部分內(nèi)容實(shí)踐性很強(qiáng)，在多媒體課件講解的基礎(chǔ)上，7

背景與邊框

采用講練結(jié)合的方式，進(jìn)行知識(shí)點(diǎn)的

8術(shù)。了解簡(jiǎn)單的動(dòng)畫(huà)變形概念；掌握

變8 2D

變形 形技術(shù)實(shí)現(xiàn)自定義變形和較復(fù)雜的變形；

詳細(xì)講解并帶領(lǐng)學(xué)生上機(jī)實(shí)現(xiàn)。本部分內(nèi)容實(shí)踐性很強(qiáng)，教師須在多媒體課件講解的基礎(chǔ)上，以案例教學(xué)法帶領(lǐng)同學(xué)進(jìn)行上機(jī)操作，同學(xué)按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。

6序號(hào)

教學(xué)項(xiàng)目 教學(xué)內(nèi)容與教學(xué)要求 教學(xué)活動(dòng)設(shè)計(jì)建議 參考課時(shí)9 設(shè)計(jì)動(dòng)畫(huà)

掌握平滑過(guò)渡設(shè)計(jì)實(shí)現(xiàn)；掌握設(shè)計(jì)各種漸變效果；

本部分內(nèi)容實(shí)踐性很強(qiáng)，教師以案例教學(xué)法進(jìn)行詳細(xì)講解，并帶領(lǐng)同學(xué)進(jìn)行上機(jī)操作，同學(xué)

6按照任務(wù)進(jìn)行上機(jī)練習(xí)并進(jìn)行總結(jié)。合計(jì) 72從《HTML5

1．教學(xué)采用“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。

2．充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果（1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問(wèn)題（需要提示

項(xiàng)目

1 企業(yè)宣傳類(lèi)網(wǎng)站設(shè)計(jì)與實(shí) 教室 理實(shí)一體化教具體描述 制作個(gè)人簡(jiǎn)介、學(xué)校宣傳類(lèi)、公司介紹類(lèi)網(wǎng)站1.網(wǎng)站需求分析和模塊劃分步驟工具與設(shè)備教學(xué)方法

2.首頁(yè)面設(shè)計(jì)3.頁(yè)面調(diào)試與兼容處理1．Windows

桌面操作系統(tǒng)2．WebStorm3．Photoshop任務(wù)驅(qū)動(dòng)、小組討論、頭腦風(fēng)暴、案例講解、角色扮演 1．具有自主學(xué)習(xí)、分析問(wèn)題和解決問(wèn)題的能力2．具備良好的團(tuán)隊(duì)協(xié)作能力3．具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)完成任務(wù)過(guò)程中表現(xiàn)出來(lái)的能力和任務(wù)方案的質(zhì)量考核標(biāo)準(zhǔn)

括成果轉(zhuǎn)化）項(xiàng)目

2 視頻音頻類(lèi)網(wǎng)站設(shè)計(jì) 教室 理實(shí)一體化教具體描 通過(guò)

HTML5

音頻視頻制作多種視頻宣傳網(wǎng)站1.視頻界面設(shè)計(jì)步驟工具與設(shè)備教學(xué)方法態(tài)度、素質(zhì)考核標(biāo)準(zhǔn)

2.頁(yè)面布局規(guī)劃3.測(cè)試與運(yùn)行1．Windows

桌面操作系統(tǒng)2．WebStorm3．Photoshop、flash任務(wù)驅(qū)動(dòng)、小組討論、頭腦風(fēng)暴、案例講解、角色扮演1．具有自主學(xué)習(xí)、分析問(wèn)題和解決問(wèn)題的能力2．具備良好的團(tuán)隊(duì)協(xié)作能力3．具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)完成任務(wù)過(guò)程中表現(xiàn)出來(lái)的能力和任務(wù)方案的質(zhì)量

括成果轉(zhuǎn)化）項(xiàng)目

3 學(xué)生成績(jī)管理系統(tǒng) 教室 理實(shí)一體化教具體描 運(yùn)用

HTML5

本地?cái)?shù)據(jù)庫(kù)完成學(xué)生成績(jī)管理系統(tǒng)1.需求分析步驟工具與

2.數(shù)據(jù)庫(kù)設(shè)計(jì)3.單元調(diào)試1．Windows

桌面操作系統(tǒng)設(shè)備 2．WebStorm3．Photoshop、flash教學(xué)方法態(tài)度、素質(zhì)考核標(biāo)準(zhǔn)

任務(wù)驅(qū)動(dòng)、小組討論、頭腦風(fēng)暴、案例講解、角色扮演1．具有自主學(xué)習(xí)、分析問(wèn)題和解決問(wèn)題的能力2．具備良好的團(tuán)隊(duì)協(xié)作能力3．具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)完成任務(wù)過(guò)程中表現(xiàn)出來(lái)的能力和任務(wù)方案的質(zhì)量

括成果轉(zhuǎn)化）項(xiàng)目

4 坦克大戰(zhàn)游戲 教室 理實(shí)一體化教具體描 綜合應(yīng)用

HTML5

繪圖功能完成小游戲制作1.游戲總體架構(gòu)搭建步驟工具與設(shè)備教學(xué)方法態(tài)度、素質(zhì)考核標(biāo)準(zhǔn)

2.游戲模型構(gòu)建3.編碼實(shí)現(xiàn)與單元測(cè)試1．Windows

桌面操作系統(tǒng)2．WebStorm3．Photoshop、flash任務(wù)驅(qū)動(dòng)、小組討論、頭腦風(fēng)暴、案例講解、角色扮演1．具有自主學(xué)習(xí)、分析問(wèn)題和解決問(wèn)題的能力2．具備良好的團(tuán)隊(duì)協(xié)作能力3．具備良好的職業(yè)規(guī)范和職業(yè)素質(zhì)完成任務(wù)過(guò)程中表現(xiàn)出來(lái)的能力和任務(wù)方案的質(zhì)量

括成果轉(zhuǎn)化）

（2）綜合評(píng)價(jià)

3．教材內(nèi)容應(yīng)體現(xiàn)先進(jìn)性、通用性、實(shí)用性，要將本專(zhuān)業(yè)新技術(shù)、4．教材中的活動(dòng)設(shè)計(jì)的內(nèi)容要具體，并具有可操作性。軟件環(huán)境：Windows2007

1．具有獨(dú)立完