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

《HTML5

本門課程的先修課程是《數(shù)據(jù)結構》、《C

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

程序設計》、《Android

語法知識，HTML

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

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

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

WWW、HTTP、HTML、CSS

3．職業(yè)素質目標序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時熟悉

HTML5

的新特性、

以多媒體課件講解HTML5

網(wǎng)頁結構；熟悉

JavaScript

的基本語法；

基本概念的基礎上，以案例演示的方式來加強學生對知識難點的理解；了解

HTML5

離線應用、

采用講練結合的方緩存的工作機制等基1 HTML5

離 本概念；線應用熟悉

manifest

文件的離線應用程序；使用

JavaScript

技術儲事件監(jiān)聽等功能；

式

讓

學

生

掌

握HTML5

離線應用的開發(fā)技術。

10序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時2

該部分理論性較理解

WebWorkers

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

WebWorkers

成員體課件進行基本概HTML5Web

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

創(chuàng)建

WebWorkers，使用

教學法進行基本概理多任務并發(fā)處理等技

念和理論的詳細演示，學生上機實現(xiàn)術實現(xiàn)與

WebWorkersWebWorkers

多

線通信；程應用并展示。該部分內容實踐性理解很強，在采用多媒HTML5Geolocation

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

“學教做”一體化

63

location

GeolocationAPI

的功地理位置

的教學方式，以教

8

師為主導，帶領學用相關

API

生邊學邊做，完成相關位置信息； 地理位置典型案例設計。序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時掌握CSS3的編碼規(guī)范；

本部分內容實踐性了解CSS3的新增特性；

很強，在采用多媒4

4

10CSS3概述應用

CSS3

設計網(wǎng)頁界念的基礎上，采用面；案例教學法，教師為輔，學生自主完成

CSS3

案例設計。了解選擇器的基本概念；掌握CSS3屬性選擇器、5 CSS3選擇

結構偽類選擇器、UI器 偽類選擇器的定義和使用方法；

本部分內容實踐性很強，在多媒體課件講解的基礎上，以案例教學法進行知識點的詳細講解并帶領學生進行上機操作。學生自主完成采用

CSS3

技術的網(wǎng)頁界面設計

10序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時掌握設計文本陰影；掌握定義文本樣式；掌握設計顏色樣式；

本部分內容實踐性很強，在多媒體課件講解的基礎上，以案例教學法進行6

文本、字體與顏色

知識點的詳細講解并帶領學生進行上

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

機操作。學生自主完成網(wǎng)頁文本的樣式和顏色設計本部分內容實踐性很強，在多媒體課件講解的基礎上，7

背景與邊框

采用講練結合的方式，進行知識點的

8術。了解簡單的動畫變形概念；掌握

變8 2D

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

詳細講解并帶領學生上機實現(xiàn)。本部分內容實踐性很強，教師須在多媒體課件講解的基礎上，以案例教學法帶領同學進行上機操作，同學按照任務進行上機練習并進行總結。

6序號

教學項目 教學內容與教學要求 教學活動設計建議 參考課時9 設計動畫

掌握平滑過渡設計實現(xiàn)；掌握設計各種漸變效果；

本部分內容實踐性很強，教師以案例教學法進行詳細講解，并帶領同學進行上機操作，同學

6按照任務進行上機練習并進行總結。合計 72從《HTML5

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

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

項目

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

2.首頁面設計3.頁面調試與兼容處理1．Windows

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

括成果轉化）項目

2 視頻音頻類網(wǎng)站設計 教室 理實一體化教具體描 通過

HTML5

音頻視頻制作多種視頻宣傳網(wǎng)站1.視頻界面設計步驟工具與設備教學方法態(tài)度、素質考核標準

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

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

括成果轉化）項目

3 學生成績管理系統(tǒng) 教室 理實一體化教具體描 運用

HTML5

本地數(shù)據(jù)庫完成學生成績管理系統(tǒng)1.需求分析步驟工具與

2.數(shù)據(jù)庫設計3.單元調試1．Windows

桌面操作系統(tǒng)設備 2．WebStorm3．Photoshop、flash教學方法態(tài)度、素質考核標準

任務驅動、小組討論、頭腦風暴、案例講解、角色扮演1．具有自主學習、分析問題和解決問題的能力2．具備良好的團隊協(xié)作能力3．具備良好的職業(yè)規(guī)范和職業(yè)素質完成任務過程中表現(xiàn)出來的能力和任務方案的質量

括成果轉化）項目

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

HTML5

繪圖功能完成小游戲制作1.游戲總體架構搭建步驟工具與設備教學方法態(tài)度、素質考核標準

2.游戲模型構建3.編碼實現(xiàn)與單元測試1．Windows

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

括成果轉化）

（2）綜合評價

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

1．具有獨立完