本课程系统讲解Web前端开发核心技术。课程从HTML、CSS基础开始，逐步深入到页面布局、元素美化及交互实现。通过十个循序渐进的实践任务，学员将掌握创建站点、制作图文混排页面、使用DIV+CSS布局、制作导航与列表、添加多媒体及动画效果等完整技能，最终完成一个综合性网站项目，奠定坚实的前端开发基础。

视频课程目录：
01 概述
02 引言
03 创建站点并制作首个页面
04 制作图文混排页面
05 使用CSS修饰页面
06 使用DIV+CSS布局页面
07 制作新闻列表版块
08 制作banner图
09 制作成绩子页面
10 制作信息登记子页面
11 制作视频播放子页面
12 制作动画效果页面
13 综合项目




├─{01}--概述
│ (1.1)--《Web前端技术》教学资源一体化建设方案.pdf
│ (1.2)--《Web前端技术》考核方案.pdf
│
├─{02}--引言
│ #2.1#--图文.pdf
│ [2.1]--00引言.mp4
│
├─{03}--任务一、创建站点并制作首个页面
│ #3.2#--图文.pdf
│ #3.3#--图文.pdf
│ (3.1)--任务说明（01创建站点及新页面）.pdf
│ (3.2)--01概述.pdf
│ (3.4)--拓展任务（01创建站点及新页面）.pdf
│ [3.2]--01概述(1).mp4
│ [3.3]--01创建站点并制作首个页面(1).mp4
│
├─{04}--任务二、制作图文混排页面
│ #4.2#--图文.pdf
│ #4.3#--图文.pdf
│ (4.1)--任务说明（02制作图文混排页面）.pdf
│ (4.2)--02初识HTML.pdf
│ (4.3.1)--图文混排初始素材.rar
│ (4.3.2)--图文混排-结果代码.rar
│ (4.4)--任务拓展（02制作图文混排页面）.pdf
│ [4.2.1]--02文本标签.mp4
│ [4.2.2]--03图像标签.mp4
│ [4.3]--02制作图文混排页面.mp4
│
├─{05}--任务三、使用CSS修饰页面
│ #5.2#--图文.pdf
│ #5.3#--图文.pdf
│ (5.1)--任务说明（03使用CSS修饰页面）.pdf
│ (5.2)--03初识CSS.pdf
│ (5.3.1)--CSS修饰初始素材.rar
│ (5.3.2)--CSS修饰完整代码.rar
│ (5.4)--任务拓展（03使用CSS修饰页面）.pdf
│ [5.2.1]--04css基础选择器.mp4
│ [5.2.2]--06css引用.mp4
│ [5.2.3]--05css文本样式属性.mp4
│ [5.3]--03CSS修饰页面.mp4
│
├─{06}--任务四、使用DIV+CSS布局页面
│ #6.2#--图文.pdf
│ #6.3#--图文.pdf
│ (6.1)--任务说明（04使用DIV+CSS布局页面）.pdf
│ (6.2.1)--04盒子模型.pdf
│ (6.2.2)--05浮动.pdf
│ (6.3)--ex04.rar
│ (6.4)--任务拓展（04使用DIV+CSS布局页面）(1).pdf
│ [6.2.1]--07盒子模型.mp4
│ [6.2.2]--08浮动.mp4
│ [6.3]--04使用HTML+CSS布局页面.mp4
│
├─{07}--任务五、制作新闻列表版块
│ │ #7.2#--图文.pdf
│ │ #7.3#--图文.pdf
│ │ (7.1)--任务说明（05制作新闻列表和导航栏）.pdf
│ │ (7.2.1)--06列表.ppt
│ │ (7.2.2)--07超链接.ppt
│ │ (7.4)--任务拓展（05制作新闻列表和导航栏）.pdf
│ │ [7.2.1]--09列表.mp4
│ │ [7.2.2]--10超链接.mp4
│ │
│ └─{03}--任务实施
│ #7.3.1#--图文.pdf
│ #7.3.2#--图文.pdf
│ (7.3.1.1)--新闻列表-任务素材.rar
│ (7.3.1.2)--新闻列表完整代码.rar
│ (7.3.2.1)--菜单栏初始素材.rar
│ (7.3.2.2)--菜单栏完整代码.rar
│ [7.3.1]--05-1制作新闻列表.mp4
│ [7.3.2]--05-2制作导航栏(1).mp4
│
├─{08}--任务六、制作banner图
│ #8.2#--图文.pdf
│ #8.3#--图文.pdf
│ (8.1)--任务说明（06制作banner图）2.pdf
│ (8.2)--08定位.pdf
│ (8.3.1)--banner初始素材.rar
│ (8.3.2)--banner结果代码(1).rar
│ (8.4)--任务拓展（06制作banner图）.pdf
│ [8.2]--11定位.mp4
│ [8.3]--07制作banner图.mp4
│
├─{09}--任务七、制作成绩子页面
│ #9.2#--图文.pdf
│ #9.3#--图文.pdf
│ (9.1)--任务说明（07制作成绩子页面）.pdf
│ (9.2)--09表格.pdf
│ (9.3)--banner结果代码(1).rar
│ (9.4)--任务拓展（07制作成绩子页面）.pdf
│ [9.2]--12表格.mp4
│ [9.3]--06成绩子页面.mp4
│
├─{10}--任务八、制作信息登记子页面
│ #10.2#--图文.pdf
│ #10.3#--图文.pdf
│ (10.1)--任务说明（08制作信息登记子页面）.pdf
│ (10.2)--10表单.pdf
│ (10.3.1)--信息登记初始素材.rar
│ (10.3.2)--信息登记完整代码.rar
│ (10.4)--任务拓展（08制作信息登记子页面）.pdf
│ [10.2]--13表单.mp4
│ [10.3]--08信息登记表(1).mp4
│
├─{11}--任务九、制作视频播放子页面
│ #11.2#--图文.pdf
│ #11.3#--图文.pdf
│ (11.1)--任务说明（09制作视频播放子页面）.pdf
│ (11.2)--11多媒体.pdf
│ (11.3.1)--视频播放—初始素材.rar
│ (11.3.2)--视频播放—完整代码.rar
│ [11.2]--14多媒体.mp4
│ [11.3]--09制作视频播放子页面.mp4
│
├─{12}--任务十制作动画效果页面
│ #12.2#--图文.pdf
│ #12.3#--图文.pdf
│ (12.1)--任务说明（10制作动画效果页面）.pdf
│ (12.2)--12动画(1).pdf
│ (12.3.1)--动画页面初始素材.rar
│ (12.3.2)--动画页面—结果代码.rar
│ (12.4)--任务拓展（10动画页面）.pdf
│ [12.3.1]--10-1动画页面-结构分析.mp4
│ [12.3.2]--10-2动画页面-下拉窗帘.mp4
│ [12.3.3]--10-3动画页面-图片翻转.mp4
│ [12.3.4]--10-4动画页面-图片切换缩放.mp4
│
└─{13}--综合项目
#13.2#--图文.pdf
(13.1)--任务说明（11制作综合项目）.pdf
(13.2.1)--综合项目初始素材.rar
(13.2.2)--综合项目—结果代码.rar
[13.2.1]--11-1综合项目1-整体结构(1).mp4
[13.2.2]--11-2综合项目2-LOGO区(1).mp4
[13.2.3]--11-3综合项目3-通知公告(1).mp4
[13.2.4]--11-4综合项目4-数据统计(1).mp4