《网页设计与制作教程（HTML+CSS+JavaScript）第3版》内容紧扣国家对高等院校培养高级应用型、复合型人才的技能水平和知识结构的要求，采用全新的Web标准编写，详细讲解了HTML5、CSS3、JavaScript开发技术基础和HTML5网站制作实例。《网页设计与制作教程（HTML+CSS+JavaScript）第3版》共11章，主要内容包括网页设计与制作基础、编辑HTML5元素、网页布局与交互、CSS3样式基础、使用CSS3修饰网页元素、CSS3盒模型、Div+CSS布局页面、JavaScript基础、JavaScript DOM编程、HTML5的高级应用和“馨美装修”网站的制作。
《网页设计与制作教程（HTML+CSS+JavaScript）第3版》可作为高等院校计算机及相关专业的教材，也可以作为网站建设、相关软件开发人员和计算机爱好者的参考书。

前言
第1章 网页设计与制作基础
1.1 网页与网站的概念
1.2 Web前端开发技术简介
1.2.1 HTML5简介
1.2.2 CSS3简介
1.2.3 JavaScript简介
1.3 HTML5的基本结构和编码规范
1.3.1 HTML5语法结构
1.3.2 HTML5文档结构
1.3.3 HTML5编码规范
1.4 编辑HTML文件
1.4.1 常见的网页编辑工具
1.4.2 HTML文件的创建
1.5 案例—制作“馨美装修”公司介绍页面
习题
第2章 编辑HTML5元素
2.1 HTML5元素的分类
2.1.1 元信息元素
2.1.2 语义元素
2.1.3 无语义元素
2.2 注释和特殊符号
2.2.1 注释
2.2.2 特殊符号
2.3 HTML5的颜色表示
2.4 文本元素
2.4.1 字体样式元素
2.4.2 短语元素
2.5 文本层次语义元素
2.5.1 mark元素
2.5.2 cite元素
2.5.3 time元素
2.6 基本排版元素
2.6.1 标题元素
2.6.2 段落元素和换行元素
2.6.3 缩排元素
2.6.4 水平线元素
2.6.5 案例—制作“馨美装修”网购向导页面
2.7 图像元素
2.7.1 常用的Web图像格式
2.7.2 图像元素的基本用法
2.8 超链接元素
2.8.1 a元素
2.8.2 页面转向链接
2.8.3 书签链接
2.8.4 下载文件链接
2.8.5 电子邮件链接
2.8.6 JavaScript链接
2.8.7 图像链接
2.8.8 空链接
2.8.9 案例—制作“馨美装修”服务资源页面
2.9 列表元素
2.9.1 无序列表
2.9.2 有序列表
2.9.3 定义列表
2.9.4 嵌套列表
2.9.5 案例—制作“馨美装修”广告联盟页面
2.10 HTML5多媒体元素
2.10.1 HTML5对音频和视频的支持
2.10.2 audio元素
2.10.3 video元素
习题
第3章 网页布局与交互
3.1 iframe框架元素
3.1.1 基本格法
3.1.2 使用iframe框架元素布局页面
3.1.3 使用iframe框架元素实现页面间的跳转
3.2 分区元素
3.2.1 基本语法
3.2.2 使用div元素布局页面内容
3.3 范围元素
3.3.1 基本语法
3.3.2 span元素与div元素的异同
3.3.3 案例—布局“馨美装修”技术支持页面
3.4 HTML5文档结构元素
3.4.1 section元素
3.4.2 nav元素
3.4.3 header元素
3.4.4 footer元素
3.4.5 article元素
3.4.6 aside元素
3.4.7 分组元素
3.4.8 案例—制作“馨美装修”人才招聘页面
3.5 HTML5页面交互元素
3.5.1 details元素和summary元素
3.5.2 progress元素
3.6 表格元素
3.6.1 表格的组成
3.6.2 基本表格
3.6.3 不规范表格
3.6.4 数据分组
3.6.5 调整列的格式
3.6.6 案例—使用表格布局“馨美装修”案例页面
3.7 表单
3.7.1 表单元素form
3.7.2 输入元素input
3.7.3 标签元素label
3.7.4 选择栏元素select
3.7.5 多行文本元素textarea
3.7.6 表单分组
3.7.7 案例—制作“馨美装修”联系我们表单
习题
第4章 CSS3样式基础
4.1 CSS3简介
4.1.1 初识CSS
4.1.2 CSS3的优点
4.1.3 CSS3的局限性
4.1.4 CSS3编写规范
4.1.5 CSS3的工作环境
4.2 在HTML中引入CSS3样式表
4.2.1 行内样式
4.2.2 内部样式表
4.2.3 链入外部样式表
4.2.4 导入外部样式表
4.3 CSS3的基本语法和属性值单位
4.3.1 基本语法
4.3.2 注意事项
4.3.3 长度、百分比单位
4.3.4 色彩单位
4.4 CSS3的选择符
4.4.1 基本选择符
4.4.2 复合选择符
4.4.3 通配符选择符
4.4.4 伪类选择符
4.4.5 伪元素选择符
4.4.6 案例—制作“馨美装修”网站使用条款页面
4.5 文档结构与元素类型
4.5.1 文档结构的基本概念
4.5.2 元素类型
4.6 继承性、层叠性和优先级
4.6.1 继承性
4.6.2 层叠性
4.6.3 优先级
4.7 综合案例—制作“馨美装修”帮助中心局部页面
习题
第5章 使用CSS3修饰网页元素
5.1 CSS3字体属性
5.1.1 字体类型属性font-family
5.1.2 字体尺寸属性font-size
5.1.3 字体倾斜属性font-style
5.1.4 小写字体属性font-variant
5.1.5 字体粗细font-weight
5.2 CSS3文本属性
5.2.1 文本颜色属性color
5.2.2 行高属性line-height
5.2.3 文本水平对齐方式属性text-align
5.2.4 为文本添加修饰属性text-decoration
5.2.5 段落首行缩进属性text-indent
5.2.6 文本的阴影属性text-shadow
5.2.7 元素内部的空白属性white-space
5.2.8 文本的截断效果属性text-overflow
5.3 CSS3背景属性
5.3.1

1.配有案例操作视频、电子课件、实训素材和源代码等资源
2.通过一个完整的“馨美装修”网站的讲解，将相关知识点分解到案例的具体制作环节中
3.通过将思政内容融入课堂进一步增强学生的家国情怀