60223510Web前台开发课程教学大纲.docVIP

Web前台开发课程教学大纲

课程名称：

Web前台开发

课程编码：总学时数：

57

课内实践学时数：

57

学分：

3.5

开课单位：

电信学院

先修课程：

多媒体技术

适用专业对象：

计BZ14级

课程性质、目的和任务

《Web前台开发》课程是计算机科学与技术专业的一门专业必修课，是在学习多媒体技术等相关课程后，在WEB应用开发前台页面设计中所使用的实践性很强的一门专业技术类课程。WEB前台开发主要包括HTML5和CSS3两个方面的技术知识，它是当今构建电子商务应用、动态Web站点、和移动应用前台的首选技术。HTML5将成为HTML、XHTML以及HTMLDOM的新标准。

通过本课程的学习，学生能够掌握网站前台开发的最新技术，掌握使用HTML5与CSS3制作交互式网页及移动端前台设计的流行的编程技术，为后续的课程学习及以后的工作奠定良好的理论基础。

二、教学内容及教学基本要求

第一章HTML5的介绍及语法变化

了解：HTML5的优势及语法改变

理解并掌握：HTML5元素的变化，掌握HTML5新增元素及新增的input元素类型以及废除的类型。

掌握：HTML5属性的变化及其全局属性。

第二章HTML5的结构

1．新增主体结构元素

了解主体结构元素的概念及HTML5新增主体结构元素的标记种类，掌握新增主体结构元素article、section、nav、adide、time及pubdate等元素的使用。

2．非主体结构元素

了解非主体结构元素的概念，掌握新增非主体结构元素header、hgroup、footer及address元素的使用。

3．结构

掌握HTML5中新增结构部分，大纲及其它新的结构元素使用样式。

了解：

第三章表单与文件：

1、新增属性：

了解：HTML5表单标记与HTML表单标记的区别。掌握：HTML5表单标记新增常用属性的使用。

2、增强页面元素

掌握HTML5中增强页面元素figure元素与figcaption元素、details元素、mark元素、progress元素及meter元素等的功能及使用

3、文件API

掌握FileList对象、file对象、Blob对象及FileReader对象的功能及使用

4、拖放API

理解并掌握拖放的实现、DataTransfer对象的功能及使用、设定拖放效果及自定义播放图标。

第四章绘制图形及文字

了解HTML5中与绘制图形相关的标记。掌握canvas元素的功能及使用。路径的使用，图形变换及渐变以及变形图形的创建。掌握绘制文字的方法。

第五章多媒体播放

了解：媒体播放相关的元素及基本概念；理解：媒体播放实现原理；掌握video与audio元素的属性及方法的使用。

第六章CSS3基础

了解：CSS3的基本概念；掌握CSS3的定义及作用；掌握CSS3的语法结构。

第七章CSS3选择器及使用选择器在页面插入内容

了解选择器的基本概念及分类；掌握CSS3属性选择器、结构性伪类选择器、UI元素状态选择伪类选择器的格式及功能；掌握使用选择器在页面插入文字、图像文件及项目编号等内容的方法。

第八章：文字、字体及盒子相关样式

理解并掌握CSS3中文字与字体相关样式中“文字阴影text-shadow”属性、“文本自动换行word-break属性”及“font-size-adjust属性”的取值及含义；掌握盒子相关样式中盒子类型与盒子阴影相关样式中各属性的使用。

第九章CSS3背景与边框及变形处理及动画

掌握背景与边框样式中新增属性background-clip、background-origin、background-size及background-break等属性的含义及使用。掌握圆角边框绘制border-radius及使用图像边框border-image的使用。掌握transform变形处理掌握CSS3中Transitions和Animations实现动画的方法。

第十章布局相关样式及其它样式

掌握多栏布局、盒布局、层叠定位相关样式设置方法，了解根据浏览器窗口选择样式的方法及移动设备上显示样式的设置。掌握MediaQueries使用方法。掌握表格及文字CSS样式的设置及表单CSS元素的设置。

三、课内实践环节教学安排及要求

序号

教学内容

教学基本要求

学时

实验类型

备注

1

第一章HTML5的介绍及语法变化

了解主体结构元素的概念及HTML5新增主体结构元素的标记种类，掌握新增主体结构元素article、section、nav、adide、time及pubdate等元素的使用。

4

验证性

必修

2

第二章HTML5的结构

了解主体结构元素的概念及HTML5新增主体结构元素的标记种类，掌握新增主体结构元素articl