本课程系统讲解HTML5网页设计与CSS3样式开发。内容涵盖HTML5基础语法、多媒体与内容排列、表单交互，以及CSS3核心样式、盒子模型与页面布局。通过模块化教学与综合项目实训，帮助学习者掌握现代网页开发的核心技能，实现从基础到实战的跨越。

视频课程目录：
1. 课程导学
2. HTML5基础
3. 排列页面内容
4. 表单
5. CSS3基础
6. 常用样式属性
7. 背景和阴影
8. 盒子模型
9. 页面布局与规划
10. 项目综合实训
11. 教学能力比赛




├─{01}--《HTML5网页设计》课程导学
│ #1.1#--图文.pdf
│ #1.2#--图文.pdf
│ #1.3#--图文.pdf
│ (1.4)--HTML5网页设计-课程考核方案.pdf
│ (1.5.1)--模块1-HTML5基础(1).pdf
│ (1.5.2)--模块2-排列页面内容.pdf
│ (1.5.3)--模块3-表单.pdf
│ (1.5.4)--模块4-CSS3基础(1).pdf
│ (1.5.5)--模块5-常用的样式属性.pdf
│ (1.5.6)--模块6-背景和阴影.pdf
│ (1.5.7)--模块7-盒子模型.pdf
│ (1.5.8)--模块8-页面布局与规划.pdf
│
├─{02}--模块1：HTML5基础（九层之台，起于累土）
│ #2.4#--图文.pdf
│ (2.1.1)--1.1HTML介绍及开发工具.pdf
│ (2.1.2)--单元设计1-HTML5基础.doc
│ (2.2)--1.2HTML5标签.pdf
│ (2.3.1)--1.3文本标签.pdf
│ (2.3.2)--文字素材.doc
│ (2.4)--1.4图片标签与超链接标签.pdf
│ [2.1]--1.1HTML介绍及开发工具(1).mp4
│ [2.2]--1.2HTML5基本结构.mp4
│ [2.3]--1.3文本标签.mp4
│ [2.4]--1.4图片标签和超链接.mp4
│
├─{03}--模块2：排列页面内容（工匠精神、精益求精）
│ #3.3#--图文.pdf
│ #3.4#--图文.pdf
│ (3.1.1)--2.1音频标签和视频标签.pdf
│ (3.1.2)--单元设计2-排列页面内容.doc
│ (3.2)--2.2列表、div以及span标签.pdf
│ (3.3)--2.3表格标签.pdf
│ (3.4)--2.4表格的美化修饰和布局.pdf
│ [3.1.1]--2.1音频标签和视频标签.mp4
│ [3.1.2]--video.mp4
│ [3.1.3]--哪吒之魔童降世.mp4
│ [3.1.4]--青花瓷.mp3
│ [3.2]--2.2列表标签.mp4
│ [3.3]--2.3div标签和span标签.mp4
│ [3.4]--2.4表格标签.mp4
│ [3.5]--2.5表格的美化与布局.mp4
│
├─{04}--模块3：表单（信息数据、安全友好）
│ #4.1#--图文.pdf
│ #4.2#--图文.pdf
│ #4.3#--图文.pdf
│ (4.1)--单元设计3-表单.doc
│ [4.1]--3.1表单.mp4
│ [4.2]--3.2输入框.mp4
│ [4.3]--3.3按钮.mp4
│ [4.4]--3.4单选按钮、复选框以及下拉框.mp4
│ [4.5]--3.5表单验证.mp4
│
├─{05}--模块4：CSS3基础
│ #5.1#--图文.pdf
│ #5.3#--图文.pdf
│ #5.4#--图文.pdf
│ (5.1)--单元设计4-CSS基础.doc
│ [5.1]--4.1css概述.mp4
│ [5.2]--4.2css基础选择器.mp4
│ [5.3]--4.3css3扩展选择器.mp4
│ [5.4]--4.4css的特性.mp4
│
├─{06}--模块5：常用的样式属性
│ #6.1#--图文.pdf
│ #6.2#--图文.pdf
│ (6.1)--单元设计5-常用的样式属性.doc
│ [6.1]--5.1字体属性和文本属性.mp4
│ [6.2]--5.2边距和填充属性.mp4
│ [6.3]--5.3边框属性.mp4
│ [6.4]--5.4列表属性.mp4
│
├─{07}--模块6：背景和阴影
│ #7.1#--图文.pdf
│ #7.2#--图文.pdf
│ #7.4#--图文.pdf
│ (7.1)--单元设计6-背景和阴影.doc
│ (7.3)--T6-03.wmv
│ [7.1]--6.1背景属性.mp4
│ [7.2]--6.2背景图片的定位.mp4
│ [7.4]--6.3阴影属性.mp4
│
├─{08}--模块7：盒子模型
│ #8.1#--图文.pdf
│ #8.2#--图文.pdf
│ (8.1)--单元设计7-盒子模型.doc
│ [8.1]--7.1盒子模型的大小（改）1028.mp4
│ [8.2]--7.2标准文档流.mp4
│ [8.3]--7.3盒子浮动.mp4
│ [8.4]--7.4盒子定位.mp4
│
├─{09}--模块8：页面布局与规划
│ #9.2#--图文.pdf
│ (9.1)--单元设计8-页面布局与规划.doc
│ [9.1]--8.1表格布局.mp4
│ [9.2]--8.2流式布局.mp4
│ [9.3]--8.3div布局.mp4
│ [9.4]--8.4div高级.mp4
│
├─{10}--模块9：项目综合实训
│ #10.1.1#--图文.pdf
│ #10.1.2#--图文.pdf
│ #10.1.3#--图文.pdf
│ #10.2#--图文.pdf
│ #10.3#--图文.pdf
│ #10.4.1#--图文.pdf
│ #10.4.2#--图文.pdf
│ (10.1)--《家和电商首页》需求说明书.doc
│ (10.2)--挂号平台参考图.pdf
│ (10.3)--家和电商购物车.doc
│ (10.4)--项目需求说明书.doc
│
└─{11}--模块10：教学能力比赛
(11.1)--《探索H5网页开发奥秘》教案.pdf
(11.2)--HTML5网页设计-教案.pdf
(11.5)--《探索H5网页开发奥秘》教学实施报告.pdf
(11.6)--HTML5网页设计-教学实施报告.pdf
[11.3.1]--课堂实录视频1.mp4
[11.3.2]--课堂实录视频2.mp4
[11.3.3]--课堂实录视频3.mp4
[11.3.4]--课堂实录视频.mp4
[11.4.1]--1.项目一任务2：添加文本勤学活用(1).mp4
[11.4.2]--2.项目二任务5：验证表单安全友好(1).mp4
[11.4.3]--3.项目三任务1：使用列表集思广益(1).mp4
[11.4.4]--4.项目四任务4：浮动定位有效精确.mp4