admin 管理员组

文章数量: 887021


2023年12月18日发(作者:手机w3school怎么用)

《Html5程序设计》课程教学大纲

一、课程说明

课程编号:

课程名称:Html5程序设计

课程简介:《Html5程序设计》是本专业的应用职业课程,是一门理论和实践结合的课程。通过本课程的学习使学生了解HTML5的各种新特性和新标准,主要任务是理解网页设计相关的理论知识,掌握HTML5制作网页的方法。

课程类别:职业技能限选课

学时/学分:72学时/3学分

先修课程:网页开发基础,JavaScript

适用专业:软件工程

教材、教学参考书:《HTML5程序设计(第2版)》(Peter Lubbers等著;柳靖等译)、《HTML5权威指南》

二、课程设置的目的意义

以培养应用型人才为目标,考虑本专业学生的学习基础和学习特点。通过介绍基于HTML5的网页设计有关知识,使学生对于网页设计中所设计的相关知识有一个全面的了解,并使学生具有解决一般网页制作问题的能力,尤其是了解HTML5标准的新特性和新技术。为今后从事Web开发相关工作打下基础。

三、课程的基本要求

软件工程专业要求学生能够以工程化的方法开发软件、解决复杂工程问题.与培养方案相对应,本课程主要采用项目驱动教学模式,使课程的实践与理论教学内容紧密配合,提高学生分析解决问题的能力和项目实施能力。通过学习,使学生熟练掌握运用Dreamweaver等开发工具制作网页,理解和掌握新一代Web标准HTML5所涵盖的核

心技术,熟练掌握HTML的基本与发和HTML5的新标签的使用;熟练掌握CSS3的基本语法及应用;熟练掌握HTML5的canvas、Geolocation、Communication、Web workers、Web storage等API的使用。在团队项目实施过程中训练和提高职业技能、团队协作人际沟通能力和软件开发能力,分析问题和解决问题的能力和团队工作交流能力.

四、教学内容、重点难点及教学设计

章节

教学内容

总学时

学时分配

理论

实践

教学重点 教学难点

教学方案设计(含教学方法、教学手段)

这部分主要内容已讲授为主,同时采用分组讨论、案例教学方式,学生可以根据教师提供的案例进行讨论和上机展示。

项目小组分析讨论、实现

第1章

HTML5概述

4 2 2

HTML4基础;HTML5的新特性;支持HTML5的浏览器

HTML5新特性

HTML第2章

5新标签

4 2 2

HTML5的新标签及其使用方法

CSS基础,CSS新技术,CSS应用实例

Canvas元素的定义语法;坐标系统和颜色;绘制图形与图像;动画制作

SVG概述;SVG形状、线条、颜色和填充;SVG文本与图片;SVG坐标变换

HTML5音频;HTML5视频

HTML5新标签

第3章 CSS3 12 6 6

CSS3基本与发和使用

项目小组分析讨论、实现

第4章

Canvas

12

API

6 6 Canvas API

项目小组分析讨论、实现

第5章 SVG 4 2 2 SVG语法

项目小组分析讨论、实现

音频和第6章

视频

4 2 2

Audio和Video控制API

项目小组分析讨论、实现

Geoloc第7章

ation

API

Commu第8章

nication

API

WebSo第9章

ckets

API

第10章

第11章

Forms

API

拖放

Web

Workers API

Web

Storage

API

离线Web

4 2 2

4 2 2

浏览器地理位置;地理位置获取;数据保护

跨文档消息机制;xmlhttprequest对象概述;

Websocket概述和通信方法

HTML5 Forms概述,Forms API使用

HTML5拖放概述;拖放元素和文件

Web Workers

API概述;构建Web Workers应用

Web存储概述;Web存储API;浏览器数据库

离线Web API概述;构建离线Web应用

Geolocation接口

postMessage

API和安全概念

Websocket

api

Forms API

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

项目小组分析讨论、实现

4 2 2

4 2 2

4 2 2 拖放API

第12章

第13章

第14章

4 2 2

Web

Workers API

Web Storage

API

离线Web

API

4 2 2

4 2 2

五、实践教学内容和基本要求

实践教学内容:

HTML5基础;HTML5新标签;CSS3;Canvas API ;SVG;音频和视频;Geolocation API;Communication API;WebSockets API;Forms

API;拖放;Web Workers API;Web Storage API;离线Web

实践教学基本要求:

进行小组讨论、分工合作、讲得出、做得来.

六、考核方式及成绩评定

1。考核形式:考查

2。成绩评定:课程考核采用百分制模式,平时考查与期末考查相结合。课程考核总评成绩由考勤、平时作业、期末考查成绩。比例分别

为10%、50%、40%.平时作业由10次设计组成,期末采用小组答辩的方式进行考查。

七、大纲主撰人:林春杰 大纲审核人:


本文标签: 课程 学生 项目 讨论