网页设计与制作教程-Web前端开发 第7版 教学计划-64课时

授课计划,,,,,,,

"序

号","周

次","课

时",授课简要内容,教学要求,"授课形式

及地点",作业,"教学设备

使用情况"

1,1,2,HTML5概述,Web的基本概念，HTML5的基本结构和语法规则，编辑HTML文件。,"XX-YY机房，在线平台

","习题1,2",电脑、网络

2,1,2,块级元素,基本块级元素，列表元素,"XX-YY机房，在线平台

",无,电脑、网络

3,2,2,块级元素,表格元素table，表单，分区元素div，缩排元素blockquote,"XX-YY机房，在线平台

","习题1,2",电脑、网络

4,2,2,行级元素,行级元素的格式化元素，图像元素img，超链接元素a,"XX-YY机房，在线平台

",习题3,电脑、网络

5,3,2,行级元素,图像热区链接map、area，范围元素span，多媒体元素,"XX-YY机房，在线平台

",习题4,电脑、网络

6,3,2,CSS3基础,CSS简介，在HTML中使用CSS的方法，CSS的两个主要特性，CSS的基本语法,"XX-YY机房，在线平台

",习题1,电脑、网络

7,4,2,CSS3基础,元素选择器，通配符选择器，属性选择器，派生选择器，兄弟选择器，id选择器，类选择器,"XX-YY机房，在线平台

",习题3,电脑、网络

8,4,2,CSS3基础,伪类选择器，UI元素状态伪类选择器，结构伪类选择器，其他伪类选择器，伪元素选择器。,"XX-YY机房，在线平台

",习题2,电脑、网络

9,5,2,CSS3基础,"长度、百分比单位，色彩单位。

文档结构的基本概念，元素类型。

","XX-YY机房，在线平台

","习题4,5",电脑、网络

10,5,2,CSS3的属性,CSS背景属性，CSS字体属性，CSS文本属性,"XX-YY机房，在线平台

","习题1,2",电脑、网络

11,6,2,CSS4的属性,CSS尺寸属性，CSS列表属性,"XX-YY机房，在线平台

","习题3,4,5",电脑、网络

12,6,2,CSS5的属性,CSS表格属性，CSS内容属性，,"XX-YY机房，在线平台

",习题6,电脑、网络

13,7,2,CSS6的属性,CSS属性的应用。,"XX-YY机房，在线平台

",习题7,电脑、网络

14,7,2,CSS的盒模型,CSS盒模型的组成和大小，CSS盒模型的属性,"XX-YY机房，在线平台

","习题1,2",电脑、网络

15,8,2,CSS的盒模型,CSS布局属性，CSS盒子定位属性，CSS3多列属性,"XX-YY机房，在线平台

",习题3，4,电脑、网络

16,8,2,CSS的盒模型,CSS基本布局样式,"XX-YY机房，在线平台

","习题5,6,7，8",电脑、网络

17,9,2,JavaScript程序设计基础,JavaScript概述，在HTML文档中使用JavaScript，数据类型，标识符、变量、运算符和表达式，,"XX-YY机房，在线平台

",习题1,电脑、网络

18,9,2,JavaScript程序设计基础,流程控制语句,"XX-YY机房，在线平台

",习题2,电脑、网络

19,10,2,JavaScript程序设计基础,函数,"XX-YY机房，在线平台

","习题3,4",电脑、网络

20,10,2,JavaScript程序设计基础,对象,"XX-YY机房，在线平台

",习题5,电脑、网络

21,11,2,JavaScript程序设计基础,内置对象,"XX-YY机房，在线平台

",无,电脑、网络

22,11,2,JavaScript程序设计基础,正则表达式,"XX-YY机房，在线平台

",无,电脑、网络

23,12,2,JavaScript对象模型,BOM的对象,"XX-YY机房，在线平台

","习题1,2",电脑、网络

24,12,2,JavaScript对象模型,DOM的对象,"XX-YY机房，在线平台

","习题3,4,5，6",电脑、网络

25,13,2,JavaScript事件处理,事件概述，window事件，mouse事件,"XX-YY机房，在线平台

","习题1,2,3",电脑、网络

26,13,2,JavaScript事件处理,keyboard事件，form事件，事件捕捉与事件冒泡,"XX-YY机房，在线平台

",习题4，5,电脑、网络

27,14,2,CSS3变形、过渡和动画属性,变形,"XX-YY机房，在线平台

","习题1,2,3，4",电脑、网络

28,14,2,CSS3变形、过渡和动画属性,过渡，动画,"XX-YY机房，在线平台

","习题5,6,7，8",电脑、网络

29,15,2,HTML5的拖放和画布,拖放，画布,"XX-YY机房，在线平台

","习题1,2，3",电脑、网络

30,15,2,综合案例——新闻网的设计与实现,网站的开发流程和组织结构，制作新闻网的首页,"XX-YY机房，在线平台

","习题1,2",电脑、网络

31,16,