本课程系统讲解网站前端开发核心技术，涵盖HTML、CSS等基础知识与实战应用。课程从网页赏析入门，逐步深入超链接、图像、表格、表单等元素的运用，重点解析盒子模型、列表布局及CSS高级技巧。通过模仿1688、百度、腾讯等知名网站栏目进行案例教学，并最终完成一个完整的学院网站项目开发，帮助学习者掌握从基础到进阶的前端开发技能。

01 前言
02 赏析网页
03 超链接与图像的应用
04 表格与表单的应用
05 盒子模型与列表的应用
06 CSS高级技巧
07 综合实践——知识碎片化
08 实战项目开发——学院网站




├─{01}--前言
│ (1.1)--《网站前端开发技术》课程标准.pdf
│ (1.2)--《网站前端开发技术》课程线上教学计划.pdf
│ (1.3)--《网站前端开发技术》学习指南2020.8.13.pdf
│ (1.4)--《网站前端开发技术》教学日历2020.8.13.pdf
│
├─{02}--赏析网页
│ #2.1.1#--图文.pdf
│ #2.1.2#--图文.pdf
│ #2.1.3#--图文.pdf
│ #2.1.4#--图文.pdf
│ (2.1)--1.1你准备好了吗.ppt
│
├─{03}--超链接与图像的应用
│ #3.1.1#--图文.pdf
│ #3.1.2#--图文.pdf
│ #3.1.3#--图文.pdf
│ #3.1.4#--图文.pdf
│ #3.1.5#--图文.pdf
│ #3.2.1#--图文.pdf
│ #3.2.2#--图文.pdf
│ #3.2.3#--图文.pdf
│ #3.2.4#--图文.pdf
│ #3.2.5#--图文.pdf
│ #3.2.6#--图文.pdf
│ #3.3.1#--图文.pdf
│ #3.3.2#--图文.pdf
│ #3.3.3#--图文.pdf
│ #3.3.4#--图文.pdf
│ #3.3.5#--图文.pdf
│ #3.4.1#--图文.pdf
│ #3.4.2#--图文.pdf
│ #3.4.3#--图文.pdf
│ #3.4.4#--图文.pdf
│ #3.5.1#--图文.pdf
│ #3.5.2#--图文.pdf
│ #3.5.3#--图文.pdf
│ #3.5.4#--图文.pdf
│ #3.5.5#--图文.pdf
│ #3.6.1#--图文.pdf
│ #3.6.2#--图文.pdf
│ #3.6.3#--图文.pdf
│ #3.6.4#--图文.pdf
│ #3.7#--图文.pdf
│ (3.1)--2.1HTML入门.ppt
│ (3.2.1)--2.1HTML入门.ppt
│ (3.2.2)--02超级链接分类及使用（44分钟）.avi
│ (3.3)--2.3伪类：多链接控制作效果应用.ppt
│ (3.4)--2.4一篇新闻稿的CSS排列.ppt
│ (3.5.1)--2.5初识图像.ppt
│ (3.5.2)--04图片样式一（46分钟）.avi
│ (3.6)--2.61688“为你推荐栏”制作.ppt
│ [3.1]--01HTML文章排版（50分钟）.mp4
│ [3.2]--2.2网页中超级链接的设置效果.mp4
│ [3.3.1]--2.3同网页中多种链接效果设置叶彩仙.mp4
│ [3.3.2]--2.3同网页中多种链接效果设置.mp4
│ [3.4]--2.4一篇新闻稿的CSS排列（黄敏）.mp4
│ [3.6]--2.61688“为你推荐栏”制作（黄敏）.mp4
│
├─{04}--表格与表单的应用
│ #4.1.1#--图文.pdf
│ #4.1.2#--图文.pdf
│ #4.1.3#--图文.pdf
│ #4.1.4#--图文.pdf
│ #4.1.5#--图文.pdf
│ #4.2.1#--图文.pdf
│ #4.2.2#--图文.pdf
│ #4.2.3#--图文.pdf
│ #4.2.4#--图文.pdf
│ #4.3.1#--图文.pdf
│ #4.3.2#--图文.pdf
│ #4.3.3#--图文.pdf
│ #4.3.4#--图文.pdf
│ #4.4.1#--图文.pdf
│ #4.4.2#--图文.pdf
│ #4.4.3#--图文.pdf
│ #4.4.4#--图文.pdf
│ #4.5#--图文.pdf
│ (4.1)--3.1认识表格.ppt
│ (4.2)--3.2认识表单.ppt
│ (4.3)--3.3百度网首页（一）.ppt
│ (4.4)--3.4百度网首页（二）.ppt
│ [4.1]--05百度首页一（51分钟）.mp4
│ [4.3]--3.3百度网首页（一）刘红玲.mp4
│ [4.4]--3.3百度网首页（二）刘红玲.mp4
│
├─{05}--盒子模型与列表的应用
│ #5.1.1#--图文.pdf
│ #5.1.2#--图文.pdf
│ #5.1.3#--图文.pdf
│ #5.1.4#--图文.pdf
│ #5.1.5#--图文.pdf
│ #5.1.6#--图文.pdf
│ #5.10#--图文.pdf
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ #5.2.3#--图文.pdf
│ #5.2.4#--图文.pdf
│ #5.3.1#--图文.pdf
│ #5.3.2#--图文.pdf
│ #5.3.3#--图文.pdf
│ #5.3.4#--图文.pdf
│ #5.4.1#--图文.pdf
│ #5.4.2#--图文.pdf
│ #5.4.3#--图文.pdf
│ #5.4.4#--图文.pdf
│ #5.4.5#--图文.pdf
│ #5.5.1#--图文.pdf
│ #5.5.2#--图文.pdf
│ #5.5.3#--图文.pdf
│ #5.5.4#--图文.pdf
│ #5.5.5#--图文.pdf
│ #5.6.1#--图文.pdf
│ #5.6.2#--图文.pdf
│ #5.6.3#--图文.pdf
│ #5.6.4#--图文.pdf
│ #5.7.1#--图文.pdf
│ #5.7.2#--图文.pdf
│ #5.7.3#--图文.pdf
│ #5.7.4#--图文.pdf
│ #5.8.1#--图文.pdf
│ #5.8.2#--图文.pdf
│ #5.8.3#--图文.pdf
│ #5.8.4#--图文.pdf
│ #5.9#--图文.pdf
│ (5.1.1)--4.1初识盒子模型.ppt
│ (5.1.2)--4.1初识盒子模型.ppt
│ (5.2)--4.2学习通教师管理页制作.ppt
│ (5.3)--4.3腾讯首页栏目制作.ppt
│ (5.4.1)--4.4初识列表.ppt
│ (5.4.2)--4.4初识列表.ppt
│ (5.5.1)--4.5CSS控制列表样式.ppt
│ (5.5.2)--.10_列表一（下）（44分钟）_avi
│ (5.6)--4.6新浪网主菜单栏制作.ppt
│ (5.7)--4.7聚美优品主菜单制作.ppt
│ (5.8)--4.8腾讯高清组图栏制作.ppt
│ [5.1.1]--4.1初识盒子模型.mp4
│ [5.1.2]--08DIV结构一（43分钟）.mp4
│ [5.2]--4.2学习通教师管理页制作.mp4
│ [5.3]--4.3腾讯首页栏目制作杨伟煌.mp4
│ [5.4]--4.4初识列表.mp4
│ [5.6]--4.6新浪网主菜单栏制作1.mp4
│ [5.7]--4.7聚美优品主菜单制作.mp4
│ [5.8]--4.8腾讯高清组图栏制作.mp4
│
├─{06}--CSS高级技巧
│ #6.1.1#--图文.pdf
│ #6.1.2#--图文.pdf
│ #6.1.3#--图文.pdf
│ #6.1.4#--图文.pdf
│ #6.1.5#--图文.pdf
│ #6.2.1#--图文.pdf
│ #6.2.2#--图文.pdf
│ #6.2.3#--图文.pdf
│ #6.2.4#--图文.pdf
│ #6.2.5#--图文.pdf
│ #6.3.1#--图文.pdf
│ #6.3.2#--图文.pdf
│ #6.3.3#--图文.pdf
│ #6.3.4#--图文.pdf
│ #6.3.5#--图文.pdf
│ #6.4.1#--图文.pdf
│ #6.4.2#--图文.pdf
│ #6.4.3#--图文.pdf
│ #6.4.4#--图文.pdf
│ #6.4.5#--图文.pdf
│ #6.5#--图文.pdf
│ (6.1)--5.1CSS精灵技术.ppt
│ (6.2)--5.2CSS滑动门技术.ppt
│ (6.3)--5.3margin负值的应用.ppt
│ (6.4)--5.4浏览器兼容性.ppt
│ [6.1.1]--5.1CSS精灵技术刘.mp4
│ [6.1.2]--5.1CSS精灵技术案例1.mp4
│ [6.1.3]--5.1CSS精灵技术案例2.mp4
│ [6.2]--5.2CSS滑动门技术.mp4
│ [6.3]--5.3margin负值的应用.mp4
│
├─{07}--综合实践——知识碎片化
│ #7.1.1#--图文.pdf
│ #7.1.2#--图文.pdf
│ #7.1.3#--图文.pdf
│ #7.1.4#--图文.pdf
│ #7.1.5#--图文.pdf
│ #7.2.1#--图文.pdf
│ #7.2.2#--图文.pdf
│ #7.2.3#--图文.pdf
│ #7.2.4#--图文.pdf
│ #7.2.5#--图文.pdf
│ #7.3.1#--图文.pdf
│ #7.3.2#--图文.pdf
│ #7.3.3#--图文.pdf
│ #7.3.4#--图文.pdf
│ #7.4.1#--图文.pdf
│ #7.4.2#--图文.pdf
│ #7.4.3#--图文.pdf
│ #7.4.4#--图文.pdf
│ #7.5.1#--图文.pdf
│ #7.5.2#--图文.pdf
│ #7.5.3#--图文.pdf
│ #7.5.4#--图文.pdf
│ #7.5.5#--图文.pdf
│ #7.5.6#--图文.pdf
│ #7.5.7#--图文.pdf
│ #7.6#--图文.pdf
│ (7.1.1)--6.1中华网明星美图栏制作1.ppt
│ (7.1.2)--6.1中华网明星美图栏制作2.ppt
│ (7.2)--6.2元素的浮动.ppt
│ (7.3)--6.3去哪儿旅游网一.ppt
│ (7.4)--6.4去哪儿旅游网二.ppt
│ (7.5.1)--19企业网站策划与设计.ppt
│ (7.5.2)--企业网站首页设计课件.ppt
│ (7.5.3)--大美中国--醉人的秋色.avi
│ [7.1.1]--6.1中华网明星美图栏制作1（19分钟）黄艳贞.mp4
│ [7.1.2]--6.1中华网明星美图栏制作2（19分钟）黄艳贞.mp4
│ [7.2]--6.2嘟嘟电影网剧集选项制作1.mp4
│ [7.3]--6.3去哪儿旅游网一1.mp4
│ [7.4]--6.4去哪儿旅游网二1.mp4
│ [7.5.1]--19《带企业进课堂》网站策划与设计_微课视频_用于课前学习.mp4
│ [7.5.2]--企业网站首页设计标清版本.mp4
│
└─{08}--实战项目开发——学院网站
│ #8.1#--图文.pdf
│ #8.2.1#--图文.pdf
│ #8.2.2#--图文.pdf
│ #8.2.3#--图文.pdf
│ #8.2.4#--图文.pdf
│ #8.2.5#--图文.pdf
│ #8.3.1#--图文.pdf
│ #8.3.2#--图文.pdf
│ #8.3.3#--图文.pdf
│ #8.3.4#--图文.pdf
│ #8.4.1#--图文.pdf
│ #8.4.2#--图文.pdf
│ #8.4.3#--图文.pdf
│ #8.4.4#--图文.pdf
│ #8.5.1#--图文.pdf
│ #8.5.2#--图文.pdf
│ #8.6#--图文.pdf
│ (8.2.1)--7.2首页面详细制作（一）.ppt
│ (8.2.2)--7.2首页面详细制作（二）.ppt
│ (8.3)--7.2首页面详细制作（三）.ppt
│ (8.4)--7.2首页面详细制作（四）.ppt
│ (8.7.1)--杨振宁.MP4
│ (8.7.2)--仿真2高城市全息巨人背景素材.mov
│ [8.2.1]--7.2首页面详细制作（一）.mp4
│ [8.2.2]--7.2首页面详细制作（二）.mp4
│ [8.3]--7.2首页面详细制作（三）.mp4
│ [8.4]--7.2首页面详细制作（四）.mp4
│ [8.7.10]--预防新冠状病毒六大措施.mp4
│ [8.7.11]--智能未来城市MG.mp4
│ [8.7.12]--中秋节国庆节MG动画.mp4
│ [8.7.13]--粽子端午节卡通.mp4
│ [8.7.14]--仿真14K科技AI智能大脑.mp4
│ [8.7.1]--1一分钟了解新冠肺炎改.mp4
│ [8.7.2]--防疫动画——交通篇改.mp4
│ [8.7.3]--防疫动画——生活篇改.mp4
│ [8.7.4]--建军节建党节八一七一天安门MG动画.mp4
│ [8.7.5]--拒绝野味宣传mg动画.mp4
│ [8.7.6]--卡通端午节儿童舞台.mp4
│ [8.7.7]--企业复工疫情防控宣传MG动画.mp4
│ [8.7.8]--新冠疫情学生返校防控知识普及动画.mp4
│ [8.7.9]--疫情环境下接受核酸检测.mp4
│
└─{01}--首页设计（1-3）
#8.1.1.1#--图文.pdf
#8.1.1.2#--图文.pdf
#8.1.1.3#--图文.pdf
#8.1.1.4#--图文.pdf
#8.1.2.1#--图文.pdf
#8.1.2.2#--图文.pdf
#8.1.2.3#--图文.pdf
#8.1.2.4#--图文.pdf
#8.1.2.5#--图文.pdf
#8.1.3.1#--图文.pdf
#8.1.3.2#--图文.pdf
#8.1.3.3#--图文.pdf
#8.1.3.4#--图文.pdf
(8.1.1)--7.1首页设计（一）.ppt
(8.1.2.1)--7.1首页设计（二）.ppt
(8.1.2.2)--7.1首页设计（三）.ppt
(8.1.3)--7.1首页设计（四）.ppt
[8.1.1]--7.1首页设计（一）.mp4
[8.1.2.1]--7.1首页设计（二）.mp4
[8.1.2.2]--7.1首页设计（三）.mp4
[8.1.3]--7.1首页设计（四）.mp4