本课程系统讲解HTML5与CSS3核心技术，从零开始学习网页设计与制作。课程涵盖HTML5文档结构、文本图像、超链接、CSS样式设置、盒子模型、浮动定位、表单交互、多媒体嵌入及CSS3动画等核心知识，并通过多个实战项目逐步提升技能。最后还将学习网站制作流程、发布测试及前端拓展知识，帮助学员掌握静态网页开发全流程，具备独立完成网站设计与制作的能力。

视频课程目录：
1. 课程导学
2. 简单页面（HTML5基础）
3. 样式页面（CSS基础与选择器）
4. 版式页面（盒子模型、浮动、定位、表格）
5. 多媒体交互页面（表单、音视频）
6. 动画页面（过渡、变换、动画）
7. 网站的设计制作（流程、测试、发布）
8. 课程综合训练
9. 拓展知识（含JavaScript）
10. Web前端技能等级模拟试题
11. 课程思政素材库




├─{01}--课程导学
├─{02}--项目1网页初体验，简单不单调——简单页面
│ [2.2.1]--1-1-1HTML5文档基本格式.mp4
│ [2.2.2]--1-1-2HTML5语法.mp4
│ [2.2.3]--1-1-3HTML标记及属性.mp4
│ [2.2.4]--1-1-4HTML5头部相关标记.mp4
│ [2.3]--1-2文本控制标记.mp4
│ [2.4.1]--1-3-1常用的图像格式.mp4
│ [2.4.2]--1-3-2图像标记.mp4
│ [2.4.3]--1-3-3绝对路径和相对路径.mp4
│ [2.5.1]--1-4-1超链接标记的使用.mp4
│ [2.5.2]--1-4-2超链接练一练.mp4
│ [2.6.1]--1-5-1列表元素学一学.mp4
│ [2.6.2]--1-5-1列表元素练一练.mp4
│ [2.6.3]--1-5-2结构元素.mp4
│ [2.6.4]--1-5-3页面交互元素.mp4
│
├─{03}--项目2为网页加上靓丽的外表——样式页面
│ [3.2]--2-1-引入CSS.mp4
│ [3.3.1]--2-2-1css基础选择器.mp4
│ [3.3.2]--2-2-2CSS选择器实例讲解_1.mp4
│ [3.4.1]--3-css样式设置-1字体样式属性(1).mp4
│ [3.4.2]--3-css样式设置-2文本外观属性.mp4
│ [3.4.3]--3-css列表样式设置.mp4
│ [3.4.4]--3-css样式设置-4实例讲解.mp4
│ [3.4.5]--3-css样式设置-5实例讲解(1).mp4
│ [3.4.6]--3-css样式设置-6实例讲解.mp4
│ [3.5]--4-1CSS的特性11.mp4
│ [3.6.1]--5-CSS选择器-1属性兄弟.mp4
│ [3.6.2]--5-链接伪类选择器.mp4
│ [3.6.3]--5-4结构化伪类选择器.mp4
│ [3.6.4]--5-.mp4
│ [3.6.5]--5-4ui伪元素状态选择器.mp4
│
├─{04}--项目3千姿百态，看我72变——版式页面
│ [4.2.1]--3-1-1认识盒子模型.mp4
│ [4.2.2]--3-1-2.div标记.mp4
│ [4.2.3]--3-1-3盒子的总高度和宽度.mp4
│ [4.2.4]--3-1-4边框样式属性.mp4
│ [4.3.1]--3-2-1浮动属性.mp4
│ [4.3.2]--3-2-2清除浮动.mp4
│ [4.3.3]--3-2-3overflow属性.mp4
│ [4.4.1]--3-3-1元素定位属性和相对定位.mp4
│ [4.4.2]--3-3-2绝对定位.mp4
│ [4.4.3]--3-3-3固定定位.mp4
│ [4.4.4]--3-3-4层叠等级.mp4
│ [4.4.5]--3-3-5元素类型与转换_2.mp4
│ [4.5.1]--表格的创建.mp4
│ [4.5.2]--table标记属性1.mp4
│ [4.5.3]--3-4-3tr标记的属性.mp4
│ [4.5.4]--3-4-4td标记的属性.mp4
│
├─{05}--项目4我和网页通个话——多媒体交互页面
│ [5.2.1]--4-1-1认识表单.mp4
│ [5.2.2]--4-1-2input元素及属性1.mp4
│ [5.2.3]--4-1-2input元素及属性2.mp4
│ [5.2.4]--4-1-2input元素及属性3.mp4
│ [5.2.5]--4-1-2input元素及属性.mp4
│ [5.2.6]--4-1-2input元素及属性5.mp4
│ [5.3.2]--嵌入视频.mp4
│ [5.3.3]--嵌入音频.mp4
│ [5.3.4]--控制视频的宽高.mp4
│
├─{06}--项目5静态页面也能动起来——动画页面
│ [6.2.1]--task01.mp4
│ [6.2.2]--5-1-1.mp4
│ [6.2.3]--5-1-2.mp4
│ [6.2.4]--5-1-3过渡的使用3.mp4
│ [6.3.1]--task02.mp4
│ [6.3.2]--5-2-1.mp4
│ [6.3.3]--5-2-2.mp4
│ [6.4.1]--task03.mp4
│ [6.4.2]--5-3-1.mp4
│ [6.4.3]--5-3-2.mp4
│ [6.5.10]--9-15animation-direction属性.mp4
│ [6.5.11]--9-16animation属性.mp4
│ [6.5.1]--task0.mp4
│ [6.5.2]--5-4-1.mp4
│ [6.5.3]--5-4-2.mp4
│ [6.5.4]--9-9@keyframes.mp4
│ [6.5.5]--9-10animation-name属性.mp4
│ [6.5.6]--9-11animation-duration属性.mp4
│ [6.5.7]--9-12animation-timing-function属性.mp4
│ [6.5.8]--9-13animation-delay属性.mp4
│ [6.5.9]--9-14animation-iteration-count属性.mp4
│ [6.7.1]--综合项目效果预览.mp4
│ [6.7.2]--动画页面综合项目.mp4
│
├─{07}--项目6在互联网上安个家——网站的设计制作
│ [7.2]--6-1认识网站.mp4
│ [7.3]--6-2网站制作流程.mp4
│ [7.4]--6-3网页设计原则和规范.mp4
│ [7.5.1]--6-4-1网站测试.mp4
│ [7.5.2]--6-4-2认识域名.mp4
│ [7.5.3]--6-4-3服务器空间.mp4
│ [7.5.4]--6-4-4网站上传.mp4
│
├─{08}--项目7检验学习成果的时刻——课程综合训练
├─{09}--你需要懂得更多——拓展知识
│ └─{04}--JavaScript
├─{10}--“1+X”——Web前端开发技能等级证——模拟试题
└─{11}--做社会主义的建设者和接班人——课程思政素材库
[11.2.10]--胡拥军：将忠诚镌刻在边境线上.mp4
[11.2.11]--衣爱娟：爱老孝老全力照顾三个妈.mp4
[11.2.12]--赵艳霞：用孝心撑起一个家.mp4
[11.2.1]--徐金娥：助人为乐的“徐妈妈”.mp4
[11.2.2]--彭勇祥：长江边上的救人英雄.mp4
[11.2.3]--王建东：生命攸关冷静沉着.mp4
[11.2.4]--范振喜：坚守承诺的村书记.mp4
[11.2.5]--李耀梅：小扫帚“扎实”诚实守信.mp4
[11.2.6]--刘明启：20年重诺守信不离不弃照顾孤残.mp4
[11.2.7]--孙红梅：敬业至毫厘护航远万里.mp4
[11.2.8]--周儒欣：我的中国“芯”.mp4
[11.2.9]--杜海宽：“五零”司机创造“五零”纪录.mp4