Web前端技术（HTML5+CSS3+响应式设计 课件 教学进度表.doc

课程教学进度表

（2022.2至2022.6学年第二学期）

课程名称html+css网页设计与制作

任课教师李舒亮

授课班级21计算机应用

数学与计算机学院计算机科学与技术

专业（√□本科、□专科）

2022年2月28日

注意事项和要求

教学进度表是教师在教学大纲基础上形成的教学进度计划，是由任课教师个人或课程组有关人员集体研讨，通过对所任课程本学期总的教学任务和要求、教学指导思想、教学改革措施以及学生基本情况的简要分析，确定课序、章节、教学周次、教学时数、课内外实践性教学环节的安排等。填写教学进度表的基本要求如下：

1．教学进度表内容必须按教学执行计划规定的学时数，课程教学基本要求及教学大纲的要求，结合授课班级学习情况、课表等编写。

2．教学进度表要求以授课一次的学时为单位填写教学内容，教学内容要具体到节。

3．实验课要写明实验名称，实验学时数；独立开设的实验课教学进度表中还必须写明实验内容。

4．习题课、课堂讨论等其他环节内容要在学时分配的“其他”栏中注明学时数，并在“教学内容摘要”中说明讲解内容。

5．多名教师上同一门课程的教学进度应在每学期开学初，根据教学大纲要求由教研室统一开会确定讲授内容范围，并各自写好教学进度表交教研室主任审核把关。

6．在国庆节等法定节假日中不应安排教学内容。

7．主讲和参考教材写教材名称和作者。

8．教学内容摘要写章节名称（实验名称）及所讲内容提要。

9．教学进度表一式两份，一份于每学期开学第一周内交任课教师所在二级学院（部）存档备查，另一份任课教师本人留底。

10．教学进度表一经制定，不应出现大的变动，但允许主讲教师在完成课程教学大纲规定的教学要求前提下，进行必要的调整，以适应不断出现的新情况。如确有大的变动，须经授课教师所属二级学院（部）负责人批准，并报教务处备案。各二级学院（部）在收取教学进度表时要严格把关，确保教学进度表的规范填写。

课程教学进度表

任课教师

李舒亮

课程名称

Web前端技术

授课班级

20计科1、2班

课程学时

4学时/每周

学分数

3

考试方式

开卷□闭卷□√操作□√

设计（作品）□答辩□

论文□其他□

主讲教材

Web前端技术（html5+css3+响应式设计）

参考教材

Css网页设计标准教程

本学期共20周，其中理论讲授17周，实验（践）1周，考试1周，机动1周

周次

日期

授课主题

学时分配

教学内容摘要

月

日

讲授

实验

实训

设计

其他

1

3

3

第1章web前端技术概述

2

1web前端技术发展

2、web术语

3浏览器

4、开发工具

1

3

4

第2章Html语法知识上

1

1

2.1Html概述和语法规则

2.2头部标签

2.3文本类标签

2.4列表标签

2

3

3

10

11

第2章Html语法知识中

2

2

2.5表格标签

2.6图像标签

2.7绝对路径和相对路径

2.8链接标签

3

3

3

17

18

第2章Html语法知识下

2

2

2.8链接标签

2.9其他标记

2.10综合练习

4

3

3

24

25

第4章 CSS层叠样式表

2

2

4.1构造CSS样式表规则

4.2CSS基本选择器

4.3CSS样式的引用

4.4CSS文本的设置

5

3

4

31

1

第5章 CSS复合选择器

2

2

5.1CSS复合选择器

5.2CSS特性

5.3css3新增选择器

6

4

4

7

82

第6章 盒子模型

2

2

6.1盒子模型的概念及基本结构

6.2设置盒子模型

6.3多个盒子的相互影响

6.4背景的设置

周次

日期

授课主题

学时分配

教学内容摘要

月

日

讲授

实验

实训

设计

其他

7

4

4

14

15

第7章 标准文档流

2

2

7.1标准文档流

7.2display属性和DOM文档树

8

4

4

21

22

第8章 浮动和定位

2

2

8.1浮动的概念及属性设置

8.2清除浮动的影响

8.3定位的概念及分类

8.4设置定位

9

4

4

28

29

第9章 导航的制作

2

2

9.1列表标签

9.2链接的伪类

9.3垂直菜单的制作

9.4水平菜单的制作

10

5

5

6

第10章 网页布局

2

2

10.1常见的布局形式

10.2单列布局的实现

10.3二、三列布局的实现

10.4混合布局的实现

11

5

5

12

13

第11章 表单的制作

2

2

11.1认识表单

11.2input控件

11.3select控件和textarea控件

11.4美化表