本课程系统讲解网页设计与制作的核心技能，从基础的HTML与CSS入手，涵盖单列、两列及多列等主流网页布局的实现。课程深入探讨响应式设计原理，确保网页适配不同设备，并通过多个综合项目实践，掌握网站从模板应用、切图到交互效果（如下拉菜单）的完整开发流程。最后配备丰富的练习与技能抽查题库，旨在培养扎实的网页前端开发实战能力。

视频课程目录：
1. 单列结构网页制作
2. 两列结构网页制作
3. 多列结构网页制作
4. 响应式网页制作
5. 网站项目设计制作
6. 技能技巧
7. 练习题库
8. 技能抽查




├─{01}--单列结构网页制作
│ #1.1.1#--图文.pdf
│ #1.1.2#--图文.pdf
│ #1.1.3#--图文.pdf
│ #1.2.1#--图文.pdf
│ #1.2.2#--图文.pdf
│ #1.2.3#--图文.pdf
│ (1.1.1)--网页设计与制-基础.pdf
│ (1.1.2)--单列结构.avi
│ (1.1.3)--单列网页制作-基础案例.avi
│ [1.2.1]--建立站点0927.mp4
│ [1.2.2]--DIVCSS初接触.mp4
│ [1.2.3]--插入第二个div.mp4
│ [1.2.4]--复制代码2.mp4
│ [1.2.5]--标签样式的应用.mp4
│
├─{02}--两列结构网页制作
│ #2.1.1#--图文.pdf
│ #2.1.2#--图文.pdf
│ #2.2.1#--图文.pdf
│ #2.2.2#--图文.pdf
│ #2.3#--图文.pdf
│ (2.1.1)--两列(1).pdf
│ (2.1.2)--两列结构配音2.avi
│ (2.2.1)--演示文稿1.pdf
│ (2.2.2)--汇乐1.avi
│ (2.2.3)--汇乐2.avi
│ (2.3)--中海配音.avi
│ [2.3]--中海地产制作完整视频(1).mp4
│
├─{03}--多列结构网页制作
│ #3.1.1#--图文.pdf
│ #3.1.2#--图文.pdf
│ #3.2.1#--图文.pdf
│ #3.2.2#--图文.pdf
│ #3.2.3#--图文.pdf
│ #3.3#--图文.pdf
│ (3.1)--三列(1).pdf
│ (3.2.1)--HTML列表.pdf
│ (3.2.2)--三列结构2.avi
│ [3.2.1]--float属性的应用.mp4
│ [3.2.2]--潮流前沿部分.mp4
│ [3.3]--定义列表的应用.mp4
│
├─{04}--响应式网页制作
│ #4.1.1#--图文.pdf
│ #4.1.2#--图文.pdf
│ #4.2#--图文.pdf
│ (4.1)--网页效果视频.avi
│ (4.2.1)--汉堡菜单.avi
│ (4.2.2)--响应式web设计.pdf
│ (4.3.1)--单元1跨平台的网站首页设计.ppt
│ (4.3.2)--单元2文本新闻浏览网页设计.ppt
│ (4.3.3)--单元3旅游景点推荐网页设计.ppt
│
├─{05}--网站项目设计制作
│ #5.1.1#--图文.pdf
│ #5.1.2#--图文.pdf
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ #5.3.1#--图文.pdf
│ #5.3.2#--图文.pdf
│ #5.3.3#--图文.pdf
│ #5.4.1#--图文.pdf
│ #5.4.2#--图文.pdf
│ #5.4.3#--图文.pdf
│ (5.1.1)--中信地产1-新建模板文档(1).avi
│ (5.1.2)--中信地产2-logo部分.avi
│ (5.1.3)--中信地产3-导航部分.avi
│ (5.1.4)--模板(1).pdf
│ (5.2.1)--制衣公司1导航部分.avi
│ (5.2.2)--制衣公司2左边图片.avi
│ (5.3.1)--青竹湖logo部分配音.avi
│ (5.3.2)--青竹湖2导航条.avi
│ (5.3.3)--青竹湖3_右边链接(1).avi
│ (5.4.1)--定位与行为—文具公司.zip
│ (5.4.2)--真彩1页面结构.avi
│ (5.4.3)--真彩2导航.avi
│ (5.4.4)--真彩3选项卡(1).avi
│ (5.4.5)--真彩4添加行为(1).avi
│
├─{06}--技能技巧
│ #6.1#--图文.pdf
│ #6.2#--图文.pdf
│ #6.3#--图文.pdf
│ #6.4.1#--图文.pdf
│ #6.4.2#--图文.pdf
│ #6.5#--图文.pdf
│ #6.6#--图文.pdf
│ (6.4)--过渡效果练习(1).rar
│ [6.1.1]--模板基本应用.mp4
│ [6.1.2]--修改模板文档.mp4
│ [6.3]--切图2016.mp4
│ [6.4]--过渡效果讲解(2).mp4
│ [6.5]--下拉菜单.mp4
│
├─{07}--练习题库
│ #7.1.1#--图文.pdf
│ #7.1.2#--图文.pdf
│ #7.2#--图文.pdf
│ (7.1.1)--02.rar
│ (7.1.2)--03.rar
│ (7.1.3)--04.rar
│ (7.1.4)--05.rar
│ (7.1.5)--06.rar
│ (7.1.6)--07.rar
│ (7.1.7)--08.rar
│ (7.1.8)--09(1).rar
│ (7.2)--期末作品选题.pdf
│
└─{08}--技能抽查
#8.1#--图文.pdf
#8.10#--图文.pdf
#8.11#--图文.pdf
#8.2#--图文.pdf
#8.3.1#--图文.pdf
#8.3.2#--图文.pdf
#8.3.3#--图文.pdf
#8.4.1#--图文.pdf
#8.4.2#--图文.pdf
#8.4.3#--图文.pdf
#8.4.4#--图文.pdf
#8.5#--图文.pdf
#8.6.1#--图文.pdf
#8.6.2#--图文.pdf
#8.7#--图文.pdf
#8.8#--图文.pdf
#8.9#--图文.pdf
(8.1.1)--数字媒体应用技术专业高职技能考核题库.pdf
(8.1.2)--10套网页素材.rar
(8.10)--数字媒体应用技术专业高职技能考核题库_123-125.pdf
(8.11)--数字媒体应用技术专业高职技能考核题库_126-128.pdf
(8.2)--数字媒体应用技术专业高职技能考核题库_99-101.pdf
(8.3)--数字媒体应用技术专业高职技能考核题库_102-104.pdf
(8.4.1)--数字媒体应用技术专业高职技能考核题库_105-107.pdf
(8.4.2)--汇乐1.avi
(8.4.3)--汇乐2.avi
(8.5)--数字媒体应用技术专业高职技能考核题库_108-110.pdf
(8.6)--数字媒体应用技术专业高职技能考核题库_111-113.pdf
(8.7)--数字媒体应用技术专业高职技能考核题库_114-116.pdf
(8.8)--数字媒体应用技术专业高职技能考核题库_117-119.pdf
(8.9)--数字媒体应用技术专业高职技能考核题库_120-122.pdf
[8.3.1]--木马智慧01.mp4
[8.3.2]--木马智慧02页面结构分析.mp4
[8.3.3]--木马智慧03整体结构.mp4
[8.3.4]--木马智慧04导航广告部分.mp4
[8.3.5]--木马智慧05主体结构.mp4
[8.3.6]--木马智慧06左边导航.mp4
[8.4.1]--建立站点0927.mp4
[8.4.2]--模板基本应用.mp4
[8.4.3]--修改模板文档.mp4
[8.6.1]--花艺01.mp4
[8.6.2]--花艺02.mp4
[8.6.3]--花艺03.mp4
[8.6.4]--花艺0.mp4