课程介绍
本课程主要讲述HTML5、CSS3、JQuery相关的知识和技术，通过对典型商业网站分析、模仿设计活动明析网站设计的流程与方法，通过制作各类型网页的实践活动，掌握网页结构搭建、页面布局与美化、页面特效制作的方法与技术，培养学生独立完成小型商业静态网站的设计与制作的能力。
课程目录
第1章：
课程导学
第2节：
课程概览
课时
1
：
1-1课程概览
课时
2
：
1-2Web发展简史
课时
3
：
查找相关资料做一份Web发展简史的思维导图
第6节：
Web标准和主流前端开发技术
课时
4
：
1-3理解Web标准
课时
5
：
1-4日新月异的web技术
第10节：
如何有效学习Web开发技术
课时
6
：
1-5课程目标与学习要求
课时
7
：
1-6课程项目简介
课时
8
：
1-7解决学习问题的策略
课时
9
：
画出本门课程的思维导图，并写出你解决学习问题的策略
第17章：
HTML5基本标签与W3C规范
第18节：
网页基本结构与语法规范
课时
10
：
认识HTML
课时
11
：
HTML基本结构
课时
12
：
HTML文档基本信息
课时
13
：
HTML语法规范
第23节：
HTML5基本语法与网页创建
课时
14
：
认识主流Web开发工具
课时
15
：
配置开发环境和开发工作流
课时
16
：
安装插件配置调试器mp4
课时
17
：
配置VScode +Chrome开发调试环境
课时
18
：
编写我的第一个网页
第29节：
HTML5基本标签的使用
课时
19
：
HTML基本标签
课时
20
：
H5基本标签的应用
课时
21
：
制作诗词展示页面
第34节：
图像与超链接标签的使用
课时
22
：
图像标签的使用
课时
23
：
使用链接实现页面间跳转
课时
24
：
使用超链接实现页面内跳转
课时
25
：
用超链接实现功能性链接
课时
26
：
本章项目：实现京东楼层导航
课时
27
：
项目作业：完成京东楼层导航页面
第42章：
列表表格及多媒体标签
第43节：
列表标签的使用
课时
28
：
3-1无序列表
课时
29
：
3-2 有序列表
课时
30
：
3-3 使用列表实现音乐排行榜
课时
31
：
3-4自定义列表
课时
32
：
作业：根据教学视频完成使用列表完成音乐排行榜
第49节：
表格标签的使用
课时
33
：
3-5 表格基本结构
课时
34
：
3-6 跨行跨列的表格
课时
35
：
3-7 结构化表格
课时
36
：
作业：使用表格标签制作一个课程表和一个成绩统计表
第54节：
多媒体标签的使用
课时
37
：
3-8 视频标签使用
课时
38
：
3-9音频标签使用
课时
39
：
根据教学视频 制作视频音频播放页
第59节：
使用H5结构标签实现简单布局
课时
40
：
3-10 结构布局标签
课时
41
：
3-11 ifram内联框架
课时
42
：
使用结构布局标签实现163邮箱登录页结构设计
第63章：
表单标签的使用
第64节：
表单的基本语法
课时
43
：
4-1表单基本语法
课时
44
：
4-2表单元素的基本语法
第67节：
基本输入类表单元素的使用
课时
45
：
4-3 基本输入类表单元素-1
课时
46
：
4-3 基本输入类表单元素-2
第70节：
按钮及选择类表单元素
课时
47
：
4-4 按钮类表单元素
课时
48
：
4-5选择类表单元素
课时
49
：
4-6 表单的高级应用
课时
50
：
设计人人网注册页面
第76节：
使用H5特性实现表单验证
课时
51
：
4-7 为什么要进行表单验证
课时
52
：
4-8常用的表单验证方法
课时
53
：
完成阿里注册页面
第81章：
CSS3基本语法
第82节：
CSS语法基础
课时
54
：
5-1 CSS简介
课时
55
：
5-2 CSS基本语法
课时
56
：
5-3 行内样式与内部样式
课时
57
：
5-4 外部样式与优先级
第87节：
CSS基本选择器的使用
课时
58
：
5-5 标签选择器
课时
59
：
5-6 类与ID选择器
课时
60
：
5-7 基本选择器的优先级
课时
61
：
制作影视简介页面
第93节：
CSS层次选择器的使用
课时
62
：
5-8 HTML与树形结构
课时
63
：
5-9 后代选择器
课时
64
：
5-10 子选择器
课时
65
：
5-11 兄弟选择器
课时
66
：
制作开心餐厅页面
第100章：
使用CSS3美化网页
第101节：
使用CSS设置字体与文本
课时
67
：
6-1设置字体属性
课时
68
：
6-2 设置文本属性
课时
69
：
6-1-1CSS中的颜色
敬请期待
课时
70
：
6-1-2理解Css中的单位
敬请期待
第106节：
使用CSS设置列表与链接样式
课时
71
：
6-3 超链接与列表样式
敬请期待
课时
72
：
6-4 设置尺寸与边框
敬请期待
第109节：
使用CSS设置背景样式
课时
73
：
6-5 设置背影颜色
敬请期待
课时
74
：
6-6 设置背景图片
敬请期待
课时
75
：
6-7 背景定位
敬请期待
课时
76
：
6-8 背景图片分割
敬请期待
第114节：
使用CSS设置渐变效果
课时
77
：
6-9 背景的线性渐变
敬请期待
课时
78
：
6-10 本章项目畅销书排行榜
敬请期待
第118节：
本章作业
课时
79
：
制作淘宝商品分类导航
敬请期待
第121章：
使用盒子模型修饰网页元素
第122节：
盒子模型及基构成
课时
80
：
7-1 盒子模型简介
敬请期待
课时
81
：
7-2 外边距设置
敬请期待
课时
82
：
7-3 内边距设置
敬请期待
课时
83
：
7-4 设计聚美优品商品分类
敬请期待
第127节：
实现盒子圆角效果
课时
84
：
7-5 盒子的圆角边框设计
敬请期待
课时
85
：
7-6 设计聚美优品优选产品列表
敬请期待
第130节：
实现盒子阴影效果
课时
86
：
7-7设置盒子阴影
敬请期待
课时
87
：
7-8 设计爱奇艺视频播放列表
敬请期待
第134节：
本章作业
课时
88
：
设计爱奇艺视频播放列表
敬请期待
第136章：
使用浮动实现复杂网页布局
第137节：
标准文档流
课时
89
：
8-1 标准文档流
敬请期待
课时
90
：
8-2Dispay属性设计实例
敬请期待
第140节：
浮动
课时
91
：
8-3 浮动
敬请期待
课时
92
：
8-4 使用浮动实现图片列表
敬请期待
第143节：
解决父级边框塌陷方法
课时
93
：
8-5 清除浮动
敬请期待
课时
94
：
8-6解决父级边框塌陷的方法-1
敬请期待
课时
95
：
8-7解决父级边框塌陷的方法-2
敬请期待
第147节：
Div+Css实现网页布局
课时
96
：
8-8使用Div+Css实现页面布局
敬请期待
第149节：
综合实例：设计JD网站登录页
课时
97
：
8-9JD登录页面整体布局实现
课时
98
：
8-10JD登录页实现2
课时
99
：
8-11JD登录页实现3
课时
100
：
8-12JD登录页实现4
第154节：
本章作业
课时
101
：
根据学习视频完成京东登录页面设计
敬请期待
第157章：
定位
第158节：
相对定位
课时
102
：
9-1 定位在网页中的应用
敬请期待
课时
103
：
9-2 相对定位
敬请期待
课时
104
：
9-3 相对定位实例
敬请期待
第162节：
绝对定位
课时
105
：
9-4 绝对定位
敬请期待
课时
106
：
9-5 绝对定位的应用
敬请期待
第165节：
固定定位
课时
107
：
9-6 固定定位
敬请期待
课时
108
：
9-7 固定定位的应用
敬请期待
第168节：
z-index设置
课时
109
：
9-8 z-index设置
敬请期待
课时
110
：
9-9 z-index应用实例
敬请期待
第171节：
本章作业
课时
111
：
使用z-index设置完成多层盒子布局
敬请期待
第174章：
移互192班《HTML+CSS网页设计》本学期末考试
第175节：
选择题部分（100分）按40%计入期末考试总成绩
课时
112
：
选择题部分
敬请期待
第177节：
操作题部分(共计60分）
课时
113
：
一、根据要求完成下图所示的表格设计（20分）
敬请期待
课时
114
：
二、根据要求完成下图2所示的登录表单的设计（20分）
敬请期待
课时
115
：
三、使用DIV+CSS实现页面的结构布局（20分）
敬请期待
第1章：
课程导学
第2节：
课程概览
课时
1
：
1-1课程概览
课时
2
：
1-2Web发展简史
课时
3
：
查找相关资料做一份Web发展简史的思维导图
第6节：
Web标准和主流前端开发技术
课时
4
：
1-3理解Web标准
课时
5
：
1-4日新月异的web技术
第10节：
如何有效学习Web开发技术
课时
6
：
1-5课程目标与学习要求
课时
7
：
1-6课程项目简介
课时
8
：
1-7解决学习问题的策略
课时
9
：
画出本门课程的思维导图，并写出你解决学习问题的策略
第17章：
HTML5基本标签与W3C规范
第18节：
网页基本结构与语法规范
课时
10
：
认识HTML
课时
11
：
HTML基本结构
课时
12
：
HTML文档基本信息
课时
13
：
HTML语法规范
第23节：
HTML5基本语法与网页创建
课时
14
：
认识主流Web开发工具
课时
15
：
配置开发环境和开发工作流
课时
16
：
安装插件配置调试器mp4
课时
17
：
配置VScode +Chrome开发调试环境
课时
18
：
编写我的第一个网页
第29节：
HTML5基本标签的使用
课时
19
：
HTML基本标签
课时
20
：
H5基本标签的应用
课时
21
：
制作诗词展示页面
第34节：
图像与超链接标签的使用
课时
22
：
图像标签的使用
课时
23
：
使用链接实现页面间跳转
课时
24
：
使用超链接实现页面内跳转
课时
25
：
用超链接实现功能性链接
课时
26
：
本章项目：实现京东楼层导航
课时
27
：
项目作业：完成京东楼层导航页面
第42章：
列表表格及多媒体标签
第43节：
列表标签的使用
课时
28
：
3-1无序列表
课时
29
：
3-2 有序列表
课时
30
：
3-3 使用列表实现音乐排行榜
课时
31
：
3-4自定义列表
课时
32
：
作业：根据教学视频完成使用列表完成音乐排行榜
第49节：
表格标签的使用
课时
33
：
3-5 表格基本结构
课时
34
：
3-6 跨行跨列的表格
课时
35
：
3-7 结构化表格
课时
36
：
作业：使用表格标签制作一个课程表和一个成绩统计表
第54节：
多媒体标签的使用
课时
37
：
3-8 视频标签使用
课时
38
：
3-9音频标签使用
课时
39
：
根据教学视频 制作视频音频播放页
第59节：
使用H5结构标签实现简单布局
课时
40
：
3-10 结构布局标签
课时
41
：
3-11 ifram内联框架
课时
42
：
使用结构布局标签实现163邮箱登录页结构设计
第63章：
表单标签的使用
第64节：
表单的基本语法
课时
43
：
4-1表单基本语法
课时
44
：
4-2表单元素的基本语法
第67节：
基本输入类表单元素的使用
课时
45
：
4-3 基本输入类表单元素-1
课时
46
：
4-3 基本输入类表单元素-2
第70节：
按钮及选择类表单元素
课时
47
：
4-4 按钮类表单元素
课时
48
：
4-5选择类表单元素
课时
49
：
4-6 表单的高级应用
课时
50
：
设计人人网注册页面
第76节：
使用H5特性实现表单验证
课时
51
：
4-7 为什么要进行表单验证
课时
52
：
4-8常用的表单验证方法
课时
53
：
完成阿里注册页面
第81章：
CSS3基本语法
第82节：
CSS语法基础
课时
54
：
5-1 CSS简介
课时
55
：
5-2 CSS基本语法
课时
56
：
5-3 行内样式与内部样式
课时
57
：
5-4 外部样式与优先级
第87节：
CSS基本选择器的使用
课时
58
：
5-5 标签选择器
课时
59
：
5-6 类与ID选择器
课时
60
：
5-7 基本选择器的优先级
课时
61
：
制作影视简介页面
第93节：
CSS层次选择器的使用
课时
62
：
5-8 HTML与树形结构
课时
63
：
5-9 后代选择器
课时
64
：
5-10 子选择器
课时
65
：
5-11 兄弟选择器
课时
66
：
制作开心餐厅页面
第100章：
使用CSS3美化网页
第101节：
使用CSS设置字体与文本
课时
67
：
6-1设置字体属性
课时
68
：
6-2 设置文本属性
课时
69
：
6-1-1CSS中的颜色
敬请期待
课时
70
：
6-1-2理解Css中的单位
敬请期待
第106节：
使用CSS设置列表与链接样式
课时
71
：
6-3 超链接与列表样式
敬请期待
课时
72
：
6-4 设置尺寸与边框
敬请期待
第109节：
使用CSS设置背景样式
课时
73
：
6-5 设置背影颜色
敬请期待
课时
74
：
6-6 设置背景图片
敬请期待
课时
75
：
6-7 背景定位
敬请期待
课时
76
：
6-8 背景图片分割
敬请期待
第114节：
使用CSS设置渐变效果
课时
77
：
6-9 背景的线性渐变
敬请期待
课时
78
：
6-10 本章项目畅销书排行榜
敬请期待
第118节：
本章作业
课时
79
：
制作淘宝商品分类导航
敬请期待
第121章：
使用盒子模型修饰网页元素
第122节：
盒子模型及基构成
课时
80
：
7-1 盒子模型简介
敬请期待
课时
81
：
7-2 外边距设置
敬请期待
课时
82
：
7-3 内边距设置
敬请期待
课时
83
：
7-4 设计聚美优品商品分类
敬请期待
第127节：
实现盒子圆角效果
课时
84
：
7-5 盒子的圆角边框设计
敬请期待
课时
85
：
7-6 设计聚美优品优选产品列表
敬请期待
第130节：
实现盒子阴影效果
课时
86
：
7-7设置盒子阴影
敬请期待
课时
87
：
7-8 设计爱奇艺视频播放列表
敬请期待
第134节：
本章作业
课时
88
：
设计爱奇艺视频播放列表
敬请期待
第136章：
使用浮动实现复杂网页布局
第137节：
标准文档流
课时
89
：
8-1 标准文档流
敬请期待
课时
90
：
8-2Dispay属性设计实例
敬请期待
第140节：
浮动
课时
91
：
8-3 浮动
敬请期待
课时
92
：
8-4 使用浮动实现图片列表
敬请期待
第143节：
解决父级边框塌陷方法
课时
93
：
8-5 清除浮动
敬请期待
课时
94
：
8-6解决父级边框塌陷的方法-1
敬请期待
课时
95
：
8-7解决父级边框塌陷的方法-2
敬请期待
第147节：
Div+Css实现网页布局
课时
96
：
8-8使用Div+Css实现页面布局
敬请期待
第149节：
综合实例：设计JD网站登录页
课时
97
：
8-9JD登录页面整体布局实现
课时
98
：
8-10JD登录页实现2
课时
99
：
8-11JD登录页实现3
课时
100
：
8-12JD登录页实现4
第154节：
本章作业
课时
101
：
根据学习视频完成京东登录页面设计
敬请期待
第157章：
定位
第158节：
相对定位
课时
102
：
9-1 定位在网页中的应用
敬请期待
课时
103
：
9-2 相对定位
敬请期待
课时
104
：
9-3 相对定位实例
敬请期待
第162节：
绝对定位
课时
105
：
9-4 绝对定位
敬请期待
课时
106
：
9-5 绝对定位的应用
敬请期待
第165节：
固定定位
课时
107
：
9-6 固定定位
敬请期待
课时
108
：
9-7 固定定位的应用
敬请期待
第168节：
z-index设置
课时
109
：
9-8 z-index设置
敬请期待
课时
110
：
9-9 z-index应用实例
敬请期待
第171节：
本章作业
课时
111
：
使用z-index设置完成多层盒子布局
敬请期待
第174章：
移互192班《HTML+CSS网页设计》本学期末考试
第175节：
选择题部分（100分）按40%计入期末考试总成绩
课时
112
：
选择题部分
敬请期待
第177节：
操作题部分(共计60分）
课时
113
：
一、根据要求完成下图所示的表格设计（20分）
敬请期待
课时
114
：
二、根据要求完成下图2所示的登录表单的设计（20分）
敬请期待
课时
115
：
三、使用DIV+CSS实现页面的结构布局（20分）
敬请期待
去学习
官网
关于我们
平台介绍
帮助中心
政策隐私
