本课程《Web前端基础》系统讲解构建现代网页的核心技术。课程从HTML入门开始，涵盖文本、图像、超链接等基础内容，逐步深入到网页布局与表单。之后重点学习CSS，包括基础语法、选择器、页面美化与布局技术，并进阶掌握CSS3特效与响应式布局。最后通过一个完整的“初见鲜花网”项目实战，综合运用所学知识，帮助学习者从零开始掌握前端开发必备技能。

视频课程目录：
1. HTML入门
2. 文本与图像
3. 超链接
4. 网页布局
5. 表单
6. HTML媒体元素
7. CSS基础语法与选择器
8. 使用CSS美化页面
9. 使用CSS布局页面
10. 使用CSS制作特效
11. 响应式布局
12. 项目实战——“初见”鲜花网




├─{01}--HTML入门
│ #1.1#--图文.pdf
│ (1.1.1)--1、初识HTML、文本标签.zip
│ (1.1.2)--1-1初识HTML.pdf
│ (1.1.3)--1.HTML基础.pdf
│ [1.1]--1.初识HTML.mp4
│
├─{02}--文本与图像
│ #2.1#--图文.pdf
│ #2.2#--图文.pdf
│ (2.1.1)--2、图像标签、超链接.zip
│ (2.1.2)--2-1文本标签.pdf
│ (2.1.3)--2.文本与图像.pdf
│ (2.2.1)--2、图像标签、超链接.zip
│ (2.2.2)--2-2图像标签.pdf
│ (2.2.3)--2.文本与图像.pdf
│ [2.1]--2-1文本标签.mp4
│ [2.2]--2-2图像标签.mp4
│ [2.3]--文本标签综合应用.mp4
│
├─{03}--超链接
│ #3.1#--图文.pdf
│ (3.1.1)--2、图像标签、超链接.zip
│ (3.1.2)--3-1超链接.pdf
│ (3.1.3)--3.超链接.pdf
│ [3.1]--3-1超链接.mp4
│ [3.2]--制作目录页.mp4
│
├─{04}--网页布局
│ #4.1#--图文.pdf
│ #4.2#--图文.pdf
│ #4.3#--图文.pdf
│ #4.4#--图文.pdf
│ (4.1.1)--3、网页布局.zip
│ (4.1.2)--4-1块级元素和行级元素.pdf
│ (4.1.3)--4.网页布局.pdf
│ (4.2.1)--3、网页布局.zip
│ (4.2.2)--4-2列表.pdf
│ (4.2.3)--4.网页布局.pdf
│ (4.3.1)--3、网页布局.zip
│ (4.3.2)--4-3表格.pdf
│ (4.3.3)--4.网页布局.pdf
│ (4.4.1)--3、网页布局.zip
│ (4.4.2)--4-4HTML内嵌框架.pdf
│ [4.1]--4-1块级元素与行级元素.mp4
│ [4.2]--4-2列表~.mp4
│ [4.3]--4-3表格~.mp4
│ [4.4]--4-4HTML内嵌框架~.mp4
│
├─{05}--表单
│ #5.1#--图文.pdf
│ #5.2#--图文.pdf
│ #5.3#--图文.pdf
│ (5.1.1)--4、表单、HTML媒体元素.zip
│ (5.1.2)--5-1表单.pdf
│ (5.1.3)--5.表单.pdf
│ (5.2.1)--4、表单、HTML媒体元素.zip
│ (5.2.2)--5-1表单.pdf
│ (5.2.3)--5.表单.pdf
│ (5.3.1)--4、表单、HTML媒体元素.zip
│ (5.3.2)--5-1表单.pdf
│ [5.1]--5-1表单-表单基本标签.mp4
│ [5.2]--5-2表单-表单元素.mp4
│ [5.3]--5-3表单-表单元素标注和表单应用.mp4
│
├─{06}--HTML媒体元素
│ #6.1#--图文.pdf
│ (6.1.1)--4、表单、HTML媒体元素.zip
│ (6.1.2)--6-1HTML媒体.pdf
│ [6.1]--6-1HTML媒体元素.mp4
│
├─{07}--CSS基础语法
│ │ #7.1#--图文.pdf
│ │ #7.2#--图文.pdf
│ │ (7.1.1)--5、CSS基础语法.zip
│ │ (7.1.2)--7-1初识CSS.pdf
│ │ (7.2)--5、CSS基础语法.zip
│ │ [7.1]--7-1初识CSS.mp4
│ │
│ └─{02}--CSS选择器
│ (7.2.1)--7-2-1CSS基础选择器.pdf
│ (7.2.2)--7-2-2属性选择器.pdf
│ (7.2.3)--7-2-3关系选择器.pdf
│ (7.2.4)--7-2-4链接伪类选择器.pdf
│ (7.2.5)--7-2-5结构伪类选择器.pdf
│ [7.2.1]--7-2-1基础选择器.mp4
│ [7.2.2]--7-2-2属性选择器.mp4
│ [7.2.3]--7-2-3关系选择器.mp4
│ [7.2.4]--7-2-4链接伪类选择器.mp4
│ [7.2.5]--7-2-5结构伪类选择器.mp4
│
├─{08}--使用CSS美化页面
│ │ #8.1#--图文.pdf
│ │ #8.2#--图文.pdf
│ │ #8.3#--图文.pdf
│ │ #8.4#--图文.pdf
│ │ (8.1.1)--6、使用CSS美化页面——文本、字体属性.zip
│ │ (8.1.2)--8-1字体与文本属性.pdf
│ │ (8.2.1)--6、使用CSS美化页面——文本、字体属性.zip
│ │ (8.2.2)--8-2CSS3服务器字体.pdf
│ │ (8.3)--6、使用CSS美化页面——文本、字体属性.zip
│ │ (8.4.1)--6、使用CSS美化页面——文本、字体属性.zip
│ │ (8.4.2)--8-4列表属性.pdf
│ │ [8.1]--8-1字体与文本属性.mp4
│ │ [8.2]--8-2CSS3服务器字体.mp4
│ │ [8.4]--8-4列表属性.mp4
│ │
│ └─{03}--背景属性
│ (8.3.1)--8-3-1基本背景属性.pdf
│ (8.3.2)--8-3-2CSS3背景属性.pdf
│ (8.3.3)--8-3-3CSS3渐变属性.pdf
│ [8.3.1]--8-3-1基本背景属性.mp4
│ [8.3.2]--8-3-2CSS3背景属性.mp4
│ [8.3.3]--8-3-3CSS3渐变属性.mp4
│
├─{09}--使用CSS布局页面
│ │ #9.1#--图文.pdf
│ │ #9.2#--图文.pdf
│ │ #9.3#--图文.pdf
│ │ (9.2.1)--8、使用CSS布局页面——浮动、元素定位.zip
│ │ (9.2.2)--9-2元素的浮动与清除.pdf
│ │ (9.3.1)--8、使用CSS布局页面——浮动、元素定位.zip
│ │ (9.3.2)--9-3元素的定位.pdf
│ │ (9.4)--9-4flex布局.pdf
│ │ (9.5)--9-5CSS3多栏布局.pdf
│ │ [9.2]--9-2元素的浮动与清除.mp4
│ │ [9.3.1]--9-3元素的定位.mp4
│ │ [9.3.2]--绝对定位和相对定位-课堂实录.mp4
│ │ [9.4]--9-4flex布局.mp4
│ │ [9.5]--9-5CSS3多栏布局.mp4
│ │
│ └─{01}--盒子模型
│ #9.1.1#--图文.pdf
│ (9.1.1.1)--7、使用CSS布局页面——盒子模型.zip
│ (9.1.1.2)--9-1-1盒子模型原理.pdf
│ (9.1.2)--9-1-2盒子模型常用属性.pdf
│ (9.1.3)--9-1-3盒子模型CSS3新增属性.pdf
│ (9.1.4)--9-1-4元素的类型与转换.pdf
│ [9.1.1]--9-1-1盒子模型原理.mp4
│ [9.1.2]--9-1-2盒子模型常用属性.mp4
│ [9.1.3]--9-1-3盒子模型CSS3新增属性.mp4
│ [9.1.4]--9-1-4元素的类型与转换.mp4
│
├─{10}--使用CSS制作特效
│ (10.1)--10-1CSS3filter属性.pdf
│ (10.2)--10-2CSS3转换.pdf
│ (10.3)--10-3CSS3过渡.pdf
│ (10.4)--10-4CSS3动画.pdf
│ [10.1]--10-1CSS3filter属性.mp4
│ [10.2]--10-2CSS3转换.mp4
│ [10.3]--10-3CSS3过渡.mp4
│ [10.4]--10-4CSS3动画.mp4
│
├─{11}--响应式布局
│ (11.1)--11-1viewport视窗.pdf
│ (11.2)--11-2相对单位.pdf
│ (11.3)--11-3媒体查询.pdf
│ [11.1]--11-1viewport视窗.mp4
│ [11.2]--11-2相对单位.mp4
│ [11.3]--11-3媒体查询.mp4
│ [11.4.1]--11-4-1响应式页面制作1.mp4
│ [11.4.2]--11-4-2响应式页面制作.mp4
│
└─{12}--项目实战——“初见”鲜花网
[12.1.1]--12-1-1初见鲜花网首页制作1.mp4
[12.1.2]--12-1-2初见鲜花网首页2.mp4
[12.1.3]--12-1-3初见鲜花网首页3.mp4