序号

视频名称

1

第1章  网页设计基础

1-1使用DW平台创建和管理网站

2

1-2使用HBuilderX创建网站项目

3

1-3网页的基本结构

4

1-4网页中的文本元素

5

1-5文字和段落的CSS样式

6

1-6创建一个文本网页

1

第2章HTML5+CSS简单页面制作

2-1CSS盒子模型

2

2-2背景属性

3

2-3CSS页面布局基础

4

2-4CSS样式分类

5

2-5样式优先级别应用

6

2-6一列固定宽度布局网页

7

2-7一列布局文字网页制作

8

2-8一列自适应宽度布局网页

9

2-9插入图像

10

2-10图文混排效果制作

11

2-11一列布局图文混排网页制作

1

第3章复杂页面制作

3-1二列布局页面布局样式设计

2

3-2二列布局页面的布局层

3

3-3添加二列布局页面的内容

4

3-4定义三列布局层样式

5

3-5添加三列布局层

6

3-6添加三列布局页面的内容

7

3-7定义多列布局层样式

8

3-8添加多列布局层

9

3-9添加多列布局页面的内容

1

第4章 链接与导航

4-1文本和图片链接

2

4-2横向文字链接导航制作

3

4-3图片背景导航制作

4

4-4颜色背景的列表导航制作

5

4-5图片背景的列表导航制作

6

4-6竖向列表导航制作

1

第5章 HTML5表单

5-1表单和input元素

2

5-2复选框单选框表单对象

3

5-3select元素和option元素

4

5-4表单登录界面制作

5

5-5datalist预设列表选项元素

6

5-6日历和颜色控件

7

5-7注册表单布局

8

5-8表单样式设计

1

第6章 css3样式基础

（2022年更新）

6-1文本效果应用实例

2

6-2背景与渐变效果应用实例

3

6-3圆角边框应用实例

4

6-4边框效果应用案例

5

6-5制作圆形边框

6-6过渡动画实例

6

6-7animation动画制作实例

7

6-8-1好书推荐头部和导航区域制作

6-8-2好书推荐内容区制作

1

第7章 HTML5新特性及媒体应用

（2022年更新）

7-1HTML5常用新增元素介绍

2

7-2details和summary元素

3

7-3time和mark元素应用实例

4

7-4元素全局属性应用实例

5

7-5拼写检查应用实例

6

7-6HTML5视频播放实例

7

7-7HTML5音频播放实例

1

第8章 bootstrap响应式布局

8-1弹性盒容器属性

2

8-2手机APP页面制作(2022年更新)

3

8-3Bootstrap下载与部署

4

8-4Bootstrap容器应用演示

5

8-5栅格系统演示

6

8-6导航栏制作

7

8-7轮播图效果制作

8

8-8颜色类样式应用

9

8-9Bootstrap响应式页面制作

1

第9章使用Photoshop制作图片素材

9-1使用PS画线及制作导航分隔线

2

9-2使用PS制作圆角矩形按钮

3

9-3使用PS制作不规则形状按钮

4

9-4使用PS设计阴影文字效果

5

9-5使用PS设计导航

6

9-6使用PS进行图像的合成与修饰

7

9-7使用PS进行网页版面制作

1

第10章  网站规划、建设、发布与维护

10-1使用PS切图

2

10-2主页框架制作

3

10-3导航制作

4

10-4主页内容区内容制作

5

10-5制作前端内容页——唐诗

6

10-6制作前端内容页——宋词

7

10-7制作前端内容页——元曲

8

10-8制作前端内容页——汉赋

1

第6章 css3样式基础

（2019-2021年10月前印刷的配套教材视频）

6-1文本效果应用实例

2

6-2背景与渐变效果应用实例

3

6-3圆角边框应用实例

4

6-4不同的圆角参数的圆角边框

5

6-5制作圆形边框

6-6边框阴影制作实例

6

6-7过渡动画制作实例

7

6-8animation动画制作实例

6-9css3-折线动画

8

6-10-1花艺网页头部和导航区制作

9

6-10-2花艺网页--内容区制作

1

第7章 HTML5新特性及媒体应用

（2019-2021年10月前印刷的配套教材视频）

7-1HTML5常用新增元素介绍

2

7-2details和summary元素

3

7-3time和mark元素应用实例

4

7-4元素全局属性应用实例

5

7-5拼写检查应用实例

6

7-6HTML5视频播放实例

7

7-7HTML5音频播放实例