本课程《网页设计与制作》带你从零开始，系统学习网页开发核心技术。课程以六个实战项目为主线，逐步掌握HTML网页结构搭建、CSS样式美化与布局、JavaScript交互逻辑实现以及jQuery库的便捷应用。通过“新闻网站”、“博客”、“购物网站”等案例，将理论与实践紧密结合，助你快速成长为能独立完成前端页面开发的设计者。

视频课程目录：
1. 课程准备
2. 项目一：我的新闻网站搭建（HTML学习）
3. 项目二：我的新闻网站2（列表与表格）
4. 项目三：我的博客界面（CSS设计）
5. 项目四：我的购物网站（CSS布局）
6. 项目五：我的计算器界面（JavaScript初识）
7. 项目六：我的相册（jQuery库使用）




├─{01}--学习我们的课程需要知道什么
│ #1.1#--图文.pdf
│ #1.2#--图文.pdf
│ #1.3#--图文.pdf
│ #1.4#--图文.pdf
│ (1.3)--HBuilder+chrome安装.ppt
│ (1.4)--hbuilder安装补充视频.wmv
│ [1.1]--web前端技术课程介绍.mp4
│
├─{02}--项目一：我的新闻网站搭建（html学习）
│ │ #2.1#--图文.pdf
│ │ #2.2#--图文.pdf
│ │ #2.3#--图文.pdf
│ │ #2.4#--图文.pdf
│ │ #2.5#--图文.pdf
│ │ (2.3)--HTML基础标签内容(1).pdf
│ │
│ ├─{01}--web前端开发技术概述
│ │ #2.1.1#--图文.pdf
│ │ #2.1.2#--图文.pdf
│ │ #2.1.3#--图文.pdf
│ │ #2.1.4#--图文.pdf
│ │ (2.1.2)--1-web前端介绍.ppt
│ │ (2.1.3)--课程标准-网页设计与制作(1).doc
│ │ (2.1.4)--Web前端开发职业技能标准.pdf
│ │ [2.1.2]--1-web前端知识框架.mp4
│ │
│ ├─{02}--HTML基础结构
│ │ #2.2.1#--图文.pdf
│ │ #2.2.2#--图文.pdf
│ │ #2.2.3#--图文.pdf
│ │ (2.2.2.1)--项目创建.wmv
│ │ (2.2.2.2)--3-HTML结构框架.ppt
│ │
│ └─{03}--HTML常用标签
│ #2.3.1#--图文.pdf
│ #2.3.2#--图文.pdf
│ #2.3.3#--图文.pdf
│ #2.3.4#--图文.pdf
│ #2.3.5#--图文.pdf
│ #2.3.6#--图文.pdf
│ (2.3.2)--htm基础标签1（标题+段落+水平线+换行+pre）.ppt
│ (2.3.3)--2-html基础标签2（img+a)(1).ppt
│ (2.3.4)--5html格式化标签.ppt
│ (2.3.5)--6-html基础标签（多媒体）.ppt
│ (2.3.6)--9-2语义化标签.ppt
│ [2.3.2.1]--HTML基础标签1.mp4
│ [2.3.2.2]--3月22.mp4
│ [2.3.3]--1+XWeb前端开发（初级）-李迎V001.mp4
│ [2.3.4]--2.2.4基础标签4（格式化+div+span+属性）(1).mp4
│ [2.3.5.1]--2.2.3基础标签3（视频与音频标签）(1).mp4
│ [2.3.5.2]--bird.mp4
│ [2.3.5.3]--music1.mp3
│ [2.3.6]--2.2.5HTML5语义标签.mp4
│
├─{03}--项目二：我的新闻网站2（Mynews)-列表与表格使用
│ │ #3.1#--图文.pdf
│ │ #3.2#--图文.pdf
│ │
│ └─{01}--HTML表
│ #3.1.1#--图文.pdf
│ #3.1.2#--图文.pdf
│ #3.1.3#--图文.pdf
│ #3.1.4#--图文.pdf
│ #3.1.5#--图文.pdf
│ (3.1.2)--html列表(2).ppt
│ (3.1.3)--8-html表格.ppt
│ (3.1.4)--9-html表单.ppt
│ [3.1.2]--2.3HTML列表.mp4
│ [3.1.3]--2.4HTML表格.mp4
│ [3.1.4]--2.5HTML表单.mp4
│
├─{04}--项目三：我的博客界面（Myblog)-CSS设计
│ │ #4.1#--图文.pdf
│ │ #4.2#--图文.pdf
│ │ #4.3#--图文.pdf
│ │ #4.4#--图文.pdf
│ │ (4.2)--博客中的小动画-1.wmv
│ │
│ ├─{01}--CSS样式使用
│ │ #4.1.1#--图文.pdf
│ │ #4.1.2#--图文.pdf
│ │ #4.1.3#--图文.pdf
│ │ #4.1.4#--图文.pdf
│ │ #4.1.5#--图文.pdf
│ │ #4.1.6#--图文.pdf
│ │ (4.1.2)--css三种样式.ppt
│ │ (4.1.3)--css选择器.ppt
│ │ (4.1.4)--css属性-1-字体属性.ppt
│ │ (4.1.5)--css属性-2-文本属性.ppt
│ │ (4.1.6)--13-CSS样式的继承关系.ppt
│ │ [4.1.2]--3.1CSS介绍与CSS三种引入方式.mp4
│ │ [4.1.3]--3.3CSS基础选择器.mp4
│ │ [4.1.4]--3.4.1CSS字体属性.mp4
│ │ [4.1.5]--3.4.2CSS文本属性.2.mp4
│ │ [4.1.6]--3.5CSS样式的继承关系.mp4
│ │
│ └─{02}--css3革新---动画
│ #4.2.1#--图文.pdf
│ #4.2.2#--图文.pdf
│ #4.2.3#--图文.pdf
│ #4.2.4#--图文.pdf
│ (4.2.2)--css3动画-2D与3D转换.ppt
│ (4.2.3)--22-css3动画-动画综合.ppt
│ (4.2.4)--css动画效果应用(1).ppt
│ [4.2.2]--21-css3动画-2D与3D转换.mp4
│ [4.2.3]--22-css3动画-动画综合.mp4
│
├─{05}--项目四：我的购物网站（Myshopping)-CSS布局
│ │ #5.1#--图文.pdf
│ │ #5.2#--图文.pdf
│ │
│ ├─{01}--CSS布局
│ │ #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.1.7#--图文.pdf
│ │ #5.1.8#--图文.pdf
│ │ (5.1.2)--14-标签分类.ppt
│ │ (5.1.3)--15-盒子模型.ppt
│ │ (5.1.4)--css定位-标准流+浮动.ppt
│ │ (5.1.5)--17-css定位-相对.ppt
│ │ (5.1.6)--css弹性布局flex-基本概念-无操作.ppt
│ │ (5.1.7)--css弹性布局flex-属性.ppt
│ │ (5.1.8)--css弹性布局Flex项目的属性.ppt
│ │ [5.1.2]--3.6标签分类.mp4
│ │ [5.1.3]--4.1盒子模型.mp4
│ │ [5.1.4]--4.2.1css布局-标准与浮动.mp4
│ │ [5.1.5]--4.2.2css布局-定位.mp4
│ │ [5.1.6]--4.2.1flex-基本概念.mp4
│ │ [5.1.7]--4.2.2flex布局-容器的属性.mp4
│ │ [5.1.8]--4.2.3Flex项目的属性.mp4
│ │
│ └─{02}--综合实训4：我的购物网站初步
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ [5.2.1]--实训3-mysho.mp4
│
├─{06}--项目五：我的计算器界面1（Mycompute)-JavaScri
│ │ #6.1#--图文.pdf
│ │ #6.2#--图文.pdf
│ │
│ ├─{01}--JavaScript初识
│ │ #6.1.1#--图文.pdf
│ │ #6.1.2#--图文.pdf
│ │ #6.1.3#--图文.pdf
│ │ #6.1.4#--图文.pdf
│ │ #6.1.5#--图文.pdf
│ │ #6.1.6#--图文.pdf
│ │ (6.1.2)--JavaScript简介与输入输出.ppt
│ │ (6.1.3)--JavaScript数据类型.ppt
│ │ (6.1.4)--JS-事件知识点1.ppt
│ │ (6.1.5)--JS-事件知识点2.ppt
│ │ (6.1.6)--JS-DOM知识点(1).ppt
│ │ [6.1.2]--js介绍和js输入输出.mp4
│ │ [6.1.3]--JavaScript数据类型.mp4
│ │ [6.1.4]--JavaScript-事件知识1.mp4
│ │ [6.1.5]--03-JS-事件知识点2-27.mp4
│ │ [6.1.6]--01-JavaScript-DOM知识点.mp4
│ │
│ └─{02}--综合实训5：我的计算器界面1（Mycompute)
│ #6.2.1#--图文.pdf
│ [6.2.1]--移动端注册界面.mp4
│
└─{07}--项目六：我的相册（Myphoto)-jQuery库使用
│ #7.1#--图文.pdf
│
└─{01}--把JavaScript变简单的jQuery框架
#7.1.1#--图文.pdf
#7.1.2#--图文.pdf
#7.1.3#--图文.pdf
(7.1.2)--jQuery介绍.ppt
(7.1.3)--jQuery修改html元素.ppt
[7.1.2]--28-初识jQuery.mp4
[7.1.3]--jQuery操作HTML元素.mp4