本课程《HTML网页设计与制作》系统性地讲解了从网页设计基础到前端开发核心技术的完整知识体系。课程从设计原则与标准入手，涵盖HTML5、CSS3及JavaScript等核心技术，并结合响应式布局、多媒体应用及Canvas绘图等高级主题。通过丰富的实战案例，如电商网站和社区专题页制作，帮助学习者掌握从页面设计、代码实现到项目开发的完整流程，最终具备独立开发现代化、跨平台网页的能力。

视频课程目录：
{01}--设计为王
{02}--初识入门
{03}--解惑HTML
{01}--HTML5中的基本标签
{04}--善用CSS
{05}--巧技JavaScript
{06}--玩转实战
{07}--课程考试
{08}--智慧服务型社区网站制作
{03}--小布局大格局——社区爱心助农专题页制作




├─{01}--设计为王
│ (1.1)--网页设计中的标准(1).ppt
│ (1.2)--1.2网页设计中的配色-讲稿用PPT.ppt
│ (1.3)--1.3响应式网页的重构-上传版-PPT讲解.ppt
│ (1.4)--PS设计网页.ppt
│ [1.1]--1.1完整版.mp4
│ [1.2]--1.2完整版.mp4
│ [1.3]--1.3完整版.mp4
│ [1.4]--1.4完整版.mp4
│
├─{02}--初识入门
│ (2.1.1)--入门解惑网站基础-上传版(1).ppt
│ (2.1.2)--HTML简介.swf
│ (2.2)--网站开发核心技术.pdf
│ (2.3.1)--2.3走进HTML-基本结构-PPT录屏用.ppt
│ (2.3.10)--HTML小贴士.swf
│ (2.3.11)--HTML小提示.swf
│ (2.3.12)--HTML文档结构.swf
│ (2.3.13)--HTML注释(1).swf
│ (2.3.14)--HTML中元素语法介绍.swf
│ (2.3.15)--HTML中元素简介.swf
│ (2.3.16)--HTML中属性设置.swf
│ (2.3.17)--空的HTML元素.swf
│ (2.3.18)--结束标记.swf
│ (2.3.19)--嵌套HTML元素.swf
│ (2.3.2)--走进HTML-正式版(修改上传版).ppt
│ (2.3.3)--HTML改变页面背景颜色.swf
│ (2.3.4)--HTML换行(1).swf
│ (2.3.5)--HTML水平线(1).swf
│ (2.3.6)--body元素.swf
│ (2.3.7)--HTML标签介绍.swf
│ (2.3.8)--HTML元素(1).swf
│ (2.3.9)--HTML样式.swf
│ (2.4)--2.4走进HTML-基本标记PPT录屏用.ppt
│ (2.5.1)--2.4Web前端常用开发工具（考虑第2版不用这个）.ppt
│ (2.5.2)--HTML编辑器记事本的使用(1).swf
│ [2.1]--2.1完整版.mp4
│ [2.2]--2.2全部.mp4
│ [2.3]--2.3完整版.mp4
│ [2.4]--2.4完整版.mp4
│
├─{03}--解惑HTML
│ │ #3.3.1#--图文.pdf
│ │ #3.3.2#--图文.pdf
│ │ #3.4.1#--图文.pdf
│ │ #3.4.2#--图文.pdf
│ │ #3.5.1#--图文.pdf
│ │ #3.5.2#--图文.pdf
│ │ #3.6#--图文.pdf
│ │ (3.1.1)--HTML5中的基本标签.ppt
│ │ (3.1.2)--笔记.doc
│ │ (3.1.3)--笔记(1).doc
│ │ (3.2)--2HTML5中的布局(1).ppt
│ │ (3.3.1)--HTML中5的表单(1).ppt
│ │ (3.3.10)--9表单新增元素标签.ppt
│ │ (3.3.11)--10表单新增元素属性.ppt
│ │ (3.3.2)--1HTML中5表单的基础.ppt
│ │ (3.3.3)--2HTML中5表单中的单选复选类型.ppt
│ │ (3.3.4)--3HTML中5按钮表单类型.ppt
│ │ (3.3.5)--4HTML中input其他类型.ppt
│ │ (3.3.6)--5HTML5表单中标记标签、多行文本标签.ppt
│ │ (3.3.7)--6HTML5表单中的列表标签.ppt
│ │ (3.3.8)--7HTML中5的表单-按钮标签和域标签.ppt
│ │ (3.3.9)--8表单新增输入类型标签.ppt
│ │ (3.4.1)--HTML5中的多媒体.ppt
│ │ (3.4.2)--1HTML5中的多媒体-基础.ppt
│ │ (3.4.3)--2HTML5中的多媒体-音频.ppt
│ │ (3.4.4)--4HTML5中的多媒体-视频.ppt
│ │ (3.5.1)--HTML5中的画布.ppt
│ │ (3.5.2)--1HTML5画布的基本使用.ppt
│ │ (3.5.3)--2HTML5画布-绘制其他路径.ppt
│ │ (3.5.4)--3HTML5中画布-绘制矩形.ppt
│ │ (3.5.5)--4HTML5画布-绘制图片.ppt
│ │ (3.5.6)--5HTML5中的画布-绘制文本.ppt
│ │ (3.5.7)--6HTML5画布-颜色与样式.ppt
│ │ (3.5.8)--7HTML5中的画布-保存与恢复.ppt
│ │ (3.5.9)--8HTML5中的画布-变形.ppt
│ │ [3.2]--1布局.mp4
│ │ [3.3.1]--1表单基础~1.mp4
│ │ [3.3.2]--2单选复选.mp4
│ │ [3.3.3]--3提交重置无动作按钮.mp4
│ │ [3.3.4]--4input其他类型.mp4
│ │ [3.3.5]--5标记标签和多行文本标签.mp4
│ │ [3.3.6]--6完整版列表标签.mp4
│ │ [3.3.7]--7按钮标签和域标签.mp4
│ │ [3.3.8]--8新增输入类型标签.mp4
│ │ [3.4.1]--1多媒体基础.mp4
│ │ [3.4.2]--3音频.mp4
│ │ [3.4.3]--2视频.mp4
│ │ [3.5.1]--1画布使用.mp4
│ │ [3.5.2]--1HTML5画布的基本使用.mp4
│ │ [3.5.3]--2HTML5画布-绘制其他路径1.mp4
│ │ [3.5.4]--3HTML5中画布-绘制矩形.mp4
│ │ [3.5.5]--4HTML5画布-绘制图片1.1.mp4
│ │ [3.5.6]--5HTML5中的画布-绘制文本.视频.mp4
│ │ [3.5.7]--6HTML5画布-颜色与样式视频.mp4
│ │ [3.5.8]--7HTML5中的画布-保存与恢复.视频.mp4
│ │ [3.5.9]--8HTML5中的画布-变形..视频.mp4
│ │
│ └─{01}--HTML5中的基本标签
│ #3.1.1.1#--图文.pdf
│ #3.1.1.2#--图文.pdf
│ #3.1.2.1#--图文.pdf
│ #3.1.2.2#--图文.pdf
│ #3.1.3.1#--图文.pdf
│ #3.1.3.2#--图文.pdf
│ #3.1.4.1#--图文.pdf
│ #3.1.4.2#--图文.pdf
│ #3.1.5.1#--图文.pdf
│ #3.1.5.2#--图文.pdf
│ (3.1.1.1)--1文本-font标签.ppt
│ (3.1.1.10)--8文本方向.ppt
│ (3.1.1.11)--9标记文本.ppt
│ (3.1.1.12)--10进度信息.ppt
│ (3.1.1.13)--11刻度信息.ppt
│ (3.1.1.14)--12时间信息.ppt
│ (3.1.1.15)--13联系文本.ppt
│ (3.1.1.16)--14换行断点.ppt
│ (3.1.1.17)--15隔离文本.ppt
│ (3.1.1.18)--16文本注释.ppt
│ (3.1.1.19)--HTML标题标签(1).swf
│ (3.1.1.2)--2标题.ppt
│ (3.1.1.20)--HTML水平线.swf
│ (3.1.1.21)--span元素的使用.swf
│ (3.1.1.22)--P元素.swf
│ (3.1.1.23)--HTML换行.swf
│ (3.1.1.24)--段落HTML.swf
│ (3.1.1.25)--排列标签操作.swf
│ (3.1.1.3)--3段落.ppt
│ (3.1.1.4)--4引用文本.ppt
│ (3.1.1.5)--5强调文本.ppt
│ (3.1.1.6)--6格式文本.ppt
│ (3.1.1.7)--6.1缩写文本.ppt
│ (3.1.1.8)--6.2输出文本.ppt
│ (3.1.1.9)--7插入和删除文本.ppt
│ (3.1.2.1)--1图像格式和路径.ppt
│ (3.1.2.2)--2图像的使用.ppt
│ (3.1.2.3)--图像标签中的源属性.swf
│ (3.1.2.4)--替换文本属性.swf
│ (3.1.2.5)--HTML图像.swf
│ (3.1.3.1)--1定义超链接.ppt
│ (3.1.3.10)--name属性.swf
│ (3.1.3.11)--链接中target属性使用.swf
│ (3.1.3.2)--2a标签使用.ppt
│ (3.1.3.3)--3定义锚点链接.ppt
│ (3.1.3.4)--4定义不同目标的链接.ppt
│ (3.1.3.5)--5定义下载链接.ppt
│ (3.1.3.6)--6定义热点区域.ppt
│ (3.1.3.7)--7定义框架链接.ppt
│ (3.1.3.8)--HTML链接标签.swf
│ (3.1.3.9)--HTML中超链接设置.swf
│ (3.1.4.1)--HTML5中的无序标记.ppt
│ (3.1.4.2)--HTML5中的有序列表.ppt
│ (3.1.4.3)--HTML5中的嵌套列表.ppt
│ (3.1.4.4)--HTML5中的菜单列表.ppt
│ (3.1.4.5)--无序列表.swf
│ (3.1.4.6)--有序列表.swf
│ (3.1.4.7)--自定义列表.swf
│ (3.1.5.1)--1HTML5表格-创建表格.ppt
│ (3.1.5.2)--2HTML5表格-设置列分组.ppt
│ (3.1.5.3)--3HTML5表格-设置表格属性-副本.ppt
│ (3.1.5.4)--4HTML5表格-设置单元格属性.ppt
│ (3.1.5.5)--HTML中的表格标签.swf
│ (3.1.5.6)--表格的表头属性.swf
│ (3.1.5.7)--表格的边框属性.swf
│ [3.1.1.10]--8文本方向.mp4
│ [3.1.1.11]--9标记文本.mp4
│ [3.1.1.12]--10进度信息.mp4
│ [3.1.1.13]--11刻度信息(1).mp4
│ [3.1.1.14]--12时间信息.mp4
│ [3.1.1.15]--13联系文本.mp4
│ [3.1.1.16]--14换行断点.mp4
│ [3.1.1.17]--15隔离文本.mp4
│ [3.1.1.18]--16文本注释.mp4
│ [3.1.1.1]--1font.mp4
│ [3.1.1.2]--2标题.mp4
│ [3.1.1.3]--3段落~1.mp4
│ [3.1.1.4]--4引用文本~1.mp4
│ [3.1.1.5]--5强调文本~1.mp4
│ [3.1.1.6]--6格式文本~1.mp4
│ [3.1.1.7]--6.1缩写文本~1.mp4
│ [3.1.1.8]--6.2输出文本.mp4
│ [3.1.1.9]--7插入和删除文本.mp4
│ [3.1.2.1]--1图像格式与路径.mp4
│ [3.1.2.2]--2图像的使用.mp4
│ [3.1.3.1]--1定义链接.mp4
│ [3.1.3.2]--2.mp4
│ [3.1.3.3]--3.mp4
│ [3.1.3.4]--.mp4
│ [3.1.3.5]--6.mp4
│ [3.1.3.6]--7.mp4
│ [3.1.4.1]--1无序列表~1.mp4
│ [3.1.4.2]--2有序列表~1.mp4
│ [3.1.4.3]--3嵌套列表~1.mp4
│ [3.1.4.4]--4菜单列表~1.mp4
│ [3.1.5.1]--1创建表格~1.mp4
│ [3.1.5.2]--2列分组表格~1.mp4
│ [3.1.5.3]--3表格属性~1.mp4
│ [3.1.5.4]--4单元格属性~1.mp4
│
├─{04}--善用CSS
│ #4.1.1#--图文.pdf
│ #4.1.2#--图文.pdf
│ (4.1.1)--CSS基本使用.ppt
│ (4.1.10)--9CSS常用样式-列表.ppt
│ (4.1.11)--10CSS常用样式-定位和浮动.ppt
│ (4.1.12)--笔记(2).doc
│ (4.1.13)--笔记(3).doc
│ (4.1.14)--笔记(4).doc
│ (4.1.2)--1CSS基本-样式表.ppt
│ (4.1.3)--2CSS基本使用-选择器.ppt
│ (4.1.4)--3CSS基本使用-语法、取值与单位.ppt
│ (4.1.5)--4CSS常用样式-背景.ppt
│ (4.1.6)--5CSS常用样式-CSS框模型.ppt
│ (4.1.7)--6CSS基本使用-CSS文本.ppt
│ (4.1.8)--7CSS常用样式-字体.ppt
│ (4.1.9)--8CSS常用样式-超链接.ppt
│ (4.2)--CSS技术应用.ppt
│ [4.1.1]--1CSS基础.mp4
│ [4.1.2]--2CSS选择器.mp4
│ [4.1.3]--3CSS语法、取值和单位.mp4
│ [4.1.4]--HTML微课1.mp4
│ [4.1.5]--微课2——Css背景效果.mp4
│ [4.1.6]--文本效果.mp4
│ [4.1.7]--阴影边框以及图片边框.mp4
│ [4.1.8]--字体效果.mp4
│
├─{05}--巧技JavaScript
│ #5.1.1#--图文.pdf
│ #5.1.2#--图文.pdf
│ #5.1.3#--图文.pdf
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ (5.1.1)--JavaScript上.ppt
│ (5.1.10)--5-for循环.avi
│ (5.1.11)--6-for循环.avi
│ (5.1.12)--7-for循环.avi
│ (5.1.13)--8-for循环.avi
│ (5.1.14)--9-for循环.avi
│ (5.1.15)--10-使用for循环打印99乘法表.avi
│ (5.1.16)--11-while循环.avi
│ (5.1.17)--12-dowhile循环.avi
│ (5.1.18)--13-循环的中止.avi
│ (5.1.19)--笔记(5).doc
│ (5.1.2)--1JavaScript-使用、语法和变量.ppt
│ (5.1.20)--笔记(6).doc
│ (5.1.21)--笔记(7).doc
│ (5.1.22)--笔记(8).doc
│ (5.1.23)--笔记(9).doc
│ (5.1.24)--笔记(10).doc
│ (5.1.3)--2JavaScript-基本数据类型.ppt
│ (5.1.4)--3JavaScript-对象类型.ppt
│ (5.1.5)--4JavaScript-类型转换.ppt
│ (5.1.6)--1-流程控制.avi
│ (5.1.7)--2-if语句多分支.avi
│ (5.1.8)--3-switch语句.avi
│ (5.1.9)--4-使用switch语句来输出今天星期几.avi
│ (5.2.1)--JavaScript下(2).ppt
│ (5.2.10)--16-定义数组.avi
│ (5.2.2)--1JavaScript下-运算符本.ppt
│ (5.2.3)--2JavaScript下-条件语句本.ppt
│ (5.2.4)--3JavaScript下-循环语句.ppt
│ (5.2.5)--4JavaScript下-函数.ppt
│ (5.2.6)--5JavaScript下文档对象模型.ppt
│ (5.2.7)--6JavaScript下-浏览器对象模型.ppt
│ (5.2.8)--14-3个常用的系统函数.avi
│ (5.2.9)--15-数组.avi
│ [5.1.1]--1JavaScript基础.mp4
│ [5.1.2]--2JavaScript数据类型.mp4
│
├─{06}--玩转实战
│ #6.1.1#--图文.pdf
│ #6.1.2#--图文.pdf
│ (6.3.1)--网页样式与布局案例赏析.pdf
│ (6.3.10)--HTML5移动篇：移动开发即学即用(双色)_IT168文库.pdf
│ (6.3.11)--DIVCSS布局大全.pdf
│ (6.3.12)--HTML5零距离接触：学习快速入门_IT168文库.pdf
│ (6.3.13)--HTML5基础篇：建议、技巧和技术_IT168文库.pdf
│ (6.3.14)--HTML5实战篇：HTML5多媒体开发_IT168文库.pdf
│ (6.3.15)--HTML5移动Web开发指南_IT168文库.pdf
│ (6.3.16)--HTML5移动篇：移动开发即学即用(双色)_IT168文库.pdf
│ (6.3.17)--JavaScript进阶篇：486个JavaScript网页特效.pdf
│ (6.3.18)--JavaScript语言精髓与编程实践_IT168文库.pdf
│ (6.3.19)--WEB前端工程师常见面试题.pdf
│ (6.3.2)--网页开发进阶篇：HTMLCSS网页开发技术精解_IT168文库.pdf
│ (6.3.20)--Web前端开发新手学习入门视频教程荟萃.pdf
│ (6.3.21)--精彩网站配色方案赏析.pdf
│ (6.3.3)--网页开发冲刺篇：HTML5、CSS和JavaScript开发_I.pdf
│ (6.3.4)--网页开发冲刺篇：HTML5、CSS和JavaScript开发_I.pdf
│ (6.3.5)--精彩网站配色方案赏析.pdf
│ (6.3.6)--Web前端开发新手学习入门视频教程荟萃.pdf
│ (6.3.7)--WEB前端工程师常见面试题.pdf
│ (6.3.8)--JavaScript语言精髓与编程实践_IT168文库.pdf
│ (6.3.9)--JavaScript进阶篇：486个JavaScript网页特效.pdf
│ [6.1.10]--20.2.6适配移动端的实现.mp4
│ [6.1.11]--20.3.1商品列表页面的设计.mp4
│ [6.1.12]--20.3.2分类选项功能的实现.mp4
│ [6.1.13]--20.3.3商品列表区的实现.mp4
│ [6.1.14]--20.4.1商品详情页面的设计.mp4
│ [6.1.15]--20.4.2商品概要功能的实现.mp4
│ [6.1.16]--20.4.3商品评价功能的实现.mp4
│ [6.1.17]--20.4.4猜你喜欢功能的实现.mp4
│ [6.1.18]--20.5.1购物车页面的设计.mp4
│ [6.1.19]--20.5.2购物车页面的实现.mp4
│ [6.1.1]--20.1.1项目概述.mp4
│ [6.1.20]--20.6.1付款页面的设计.mp4
│ [6.1.21]--20.6.2付款页面的实现.mp4
│ [6.1.22]--20.7.1登录注册页面的设计.mp4
│ [6.1.23]--20.7.2登录页面的实现.mp4
│ [6.1.24]--20.7.3注册页面的实现.mp4
│ [6.1.2]--20.1.2界面预览.mp4
│ [6.1.3]--20.1.3功能结构.mp4
│ [6.1.4]--20.1.4文件夹组织结构.mp4
│ [6.1.5]--20.2.1主页的设计.mp4
│ [6.1.6]--20.2.2顶部区和底部区功能的实现.mp4
│ [6.1.7]--20.2.3商品分类导航功能的实现.mp4
│ [6.1.8]--20.2.4轮播图功能的实现.mp4
│ [6.1.9]--20.2.5商品推荐功能的实现.mp4
│
├─{07}--课程考试
└─{08}--智慧服务型社区网站制作
│ #8.3#--图文.pdf
│
└─{03}--小布局大格局——社区爱心助农专题页制作
├─{01}--列表
├─{02}--表格
└─{03}--布局