本课程《Web前端开发基础》系统讲解构建现代网页的核心技术。课程从Web基础知识与开发环境搭建入手，循序渐进地涵盖HTML5标签、CSS3样式、盒子模型、表单应用、网页多媒体以及JavaScript编程基础。通过理论与实践相结合的方式，帮助学习者掌握前端开发的基本技能，为创建结构清晰、样式美观、具备交互功能的网页打下坚实基础。

视频课程目录：
1. Web基础知识
2. HTML5语言基础
3. HTML5新增标签及属性
4. CSS3基础
5. 盒子模型
6. HTML5表单的应用
7. 网页多媒体
8. JavaScript基础




├─{01}--Web基础知识
│ │ #1.1#--图文.pdf
│ │ #1.2.1#--图文.pdf
│ │ #1.2.2#--图文.pdf
│ │ (1.3)--任务1--搭建开发环境.ppt
│ │ [1.2]--1.2搭建开发环境.mp4
│ │
│ └─{01}--概述
│ #1.1.1#--图文.pdf
│ #1.1.2#--图文.pdf
│ #1.1.3#--图文.pdf
│ #1.1.4#--图文.pdf
│ [1.1.5]--1.1网页概述.mp4
│
├─{02}--HTML5语言基础
│ │ #2.1#--图文.pdf
│ │ #2.2#--图文.pdf
│ │
│ ├─{01}--文字与段落排版
│ │ #2.1.1#--图文.pdf
│ │ #2.1.2#--图文.pdf
│ │ #2.1.3#--图文.pdf
│ │ (2.1.4)--任务2--文字与段落排版(1).ppt
│ │ [2.1.1]--2.1HTML文档格式.mp4
│ │ [2.1.2]--2.2文本段落标签.mp4
│ │ [2.1.3]--2.3序列标签.mp4
│ │
│ └─{02}--图像和超链接
│ │ #2.2.2#--图文.pdf
│ │ (2.2.3)--任务3--图像和超链接(1).ppt
│ │
│ ├─{01}--图像
│ │ #2.2.1.1#--图文.pdf
│ │ #2.2.1.2#--图文.pdf
│ │ [2.2.1.3]--2.4图像标签.mp4
│ │
│ └─{02}--超链接
│ #2.2.2.1#--图文.pdf
│ #2.2.2.2#--图文.pdf
│ #2.2.2.3#--图文.pdf
│ [2.2.2.4]--2.5超链接.mp4
│
├─{03}--HTML5新增标签及属性
│ │ #3.1#--图文.pdf
│ │ #3.2#--图文.pdf
│ │ #3.3#--图文.pdf
│ │ #3.4#--图文.pdf
│ │ #3.5#--图文.pdf
│ │ (3.6.1)--任务4--结构标签和分组标签.ppt
│ │ (3.6.2)--任务5--页面交互标签、层次语义标签和全局属性(2).ppt
│ │ [3.1]--3.1结构标签.mp4
│ │ [3.2]--3.2分组标签.mp4
│ │ [3.3]--3.3页面交互标签.mp4
│ │ [3.4]--3.4层次语义标签.mp4
│ │ [3.5]--3.5全局属性.mp4
│ │
│ └─{04}--层次语义标签
│ #3.4.1#--图文.pdf
│ [3.4.1]--3.3页面交互标签.mp4
│
├─{04}--CSS3基础
│ │ #4.1#--图文.pdf
│ │ (4.2)--4第四章CSS3选择器.pdf
│ │ (4.3)--7.1表格.pdf
│ │ [4.3]--表格.mp4
│ │
│ ├─{01}--初识CSS3
│ │ #4.1.1#--图文.pdf
│ │ #4.1.2#--图文.pdf
│ │ #4.1.3#--图文.pdf
│ │ (4.1.4)--6CSS文本样式.doc
│ │ (4.1.5)--7CSS高级特性.doc
│ │ (4.1.6.1)--3初识CSS3-1.ppt
│ │ (4.1.6.2)--3初识CSS3-2.ppt
│ │ [4.1.1]--CSS简介.mp4
│ │ [4.1.2]--CSS引入方式.mp4
│ │ [4.1.3]--基础选择器.mp4
│ │ [4.1.4.1]--CSS文本字体样式属性.mp4
│ │ [4.1.4.2]--CSS文本外观属性.mp4
│ │ [4.1.5.1]--CSS复合选择器.mp4
│ │ [4.1.5.2]--层叠性、继承性、优先级.mp4
│ │
│ └─{02}--CSS3伪选择器
│ (4.2.2.1)--8伪类选择器.doc
│ (4.2.2.2)--选择器练习.doc
│ [4.2.1]--链接伪类.mp4
│ [4.2.2]--其他伪选择器.mp4
│
├─{05}--盒子模型
│ │ #5.1#--图文.pdf
│ │ #5.5#--图文.pdf
│ │ #5.6.1#--图文.pdf
│ │ #5.6.2#--图文.pdf
│ │ #5.7#--图文.pdf
│ │ (5.1.1)--9盒子模型.pdf
│ │ (5.1.2)--任务10--盒子模型及应用.ppt
│ │ (5.2)--10元素类型及转换.pdf
│ │ (5.3.1)--11浮动与定位.pdf
│ │ (5.3.2)--任务11--元素的浮动.ppt
│ │ (5.4)--任务12--元素的定位.ppt
│ │ (5.5.1)--12阴影与渐变属性(1).doc
│ │ (5.5.2)--任务13--阴影与渐变属性.ppt
│ │ (5.6)--任务14--过渡与变形属性.ppt
│ │ (5.7.1)--动画.ppt
│ │ (5.7.2)--people.gif
│ │ [5.2]--5.7元素的类型与转换.mp4
│ │ [5.3.1]--5.8元素的浮动.mp4
│ │ [5.3.2]--5.8-1导航条.mp4
│ │ [5.4.1]--元素的定位.mp4
│ │ [5.4.2]--定位—旅游景点推荐网.mp4
│ │ [5.5]--阴影与渐变属性.mp4
│ │ [5.6.1]--过渡.mp4
│ │ [5.6.2]--变形1.mp4
│ │ [5.6.3]--变形2.mp4
│ │ [5.6.4]--绿色植物.mp4
│ │ [5.7]--动画.mp4
│ │
│ └─{01}--盒子模型相关属性
│ [5.1.1]--5.1盒子模型的概念.mp4
│ [5.1.2]--5.2盒子模型-边框.mp4
│ [5.1.3]--5.3盒子模型-圆角边框.mp4
│ [5.1.4]--5.4盒子模型-图片边框.mp4
│ [5.1.5]--5.5盒子模型-内外边距.mp4
│ [5.1.6]--5.6盒子模型-背景属性.mp4
│
├─{06}--HTML5表单的应用
│ (6.1)--任务15--表单与input元素.ppt
│ [6.2]--表单1.mp4
│ [6.3]--表单2.mp4
│ [6.4]--表单3.mp4
│ [6.5]--表单.mp4
│ [6.6]--7.2表单1.mp4
│
├─{07}--网页多媒体
│ │ #7.1#--图文.pdf
│ │
│ └─{01}--多媒体嵌入
│ (7.1.1)--任务17--视频与音频.ppt
│ [7.1.2]--视频与音频.mp4
│
└─{08}--JavaScript基础
│ #8.1#--图文.pdf
│ #8.2#--图文.pdf
│
└─{03}--语法基础
#8.3.1#--图文.pdf
(8.3.1)--1-1-2JavaScript—变量.ppt
(8.3.2)--1-2-1JavaScript—数据类型.ppt
(8.3.3)--1-2-2JavaScript—运算符.ppt
(8.3.4)--1-2-3JavaScript—流程控制语句(1).pdf
(8.3.5)--1-4-1JavaScript—数组1.pdf
(8.3.6)--1-4-2JavaScript—函数.pdf
(8.3.7)--1-5JavaScript—对象.pdf