HTML 5网页制作全程揭秘

第1章 HTML 5基础

1.1 关于HTML

1.1.1 什么是HTML 5

1.1.2 HTML 5的基本结构

实例01+视频：创建HTML页面

1.1.3 HTML 5的标签

实例02+视频：使用标签的方法

1.1.4 HTML 5属性

实例03+视频：使用标签属性的方法

1.1.5 HTML 5事件属性

实例04+视频：使用事件属性的方法

1.1.6 HTML注释标签

实例05+视频：为标签添加注释

1.2 HTML 5与HTML 4的区别

1.2.1 HTML 5的语法变化

1.2.2 HTML 5中的标记方法

1.3 HTML 5新增元素和废除元素

1.3.1 新增的结构元素

实例06+视频：使用新增结构元素制作页面

1.3.2 新增的其他元素

实例07+视频：使用新增的音频标签插入音乐

1.3.3 被废除的元素

1.4 HTML编写方法

1.4.1 使用记事本编写HTML

实例08+视频：使用记事本创建HTML文档

1.4.2 使用Dreamweaver编写HTML文档

1.4.3 元素和属性的大小写规范

1.4.4 断行符与空白字符

1.5 预览测试HTML页面

1.5.1 查看页面效果

1.5.2 查看源代码

1.6 本章小结

第2章 网页基本HTML标签

2.1 使用head头部标签

2.2 使用title标题标签

实例09+视频：定义标题

2.3 使用meta标签

2.3.1 设置页面关键字

实例10+视频：定义搜索引擎关键字

2.3.2 设置页面说明

2.3.3 定义编辑工具

2.3.4 定义作者信息

实例11+视频：定义作者

2.3.5 设置网页内容类型和字符集

2.3.6 设置网页跳转效果

实例12+视频：设置网页定时跳转

2.4 使用body标签定义页面主体

2.4.1 使用bgcolor定义网页背景色

实例13+视频：设置背景颜色

2.4.2 使用background定义网页背景

实例14+视频：设置背景图像

2.4.3 使用text定义文字颜色

实例15+视频：设置文字颜色

2.4.4 使用link实现链接

实例16+视频：设置链接文本的颜色

2.4.5 使用margin定义页面边距

实例17+视频：定义页面边距

2.5 文字与段落标签

2.5.1 在网页中输入文字

实例18+视频：在网页中输入文字

2.5.2 标题字

实例19+视频：使用标题标签

2.5.3 文本基本属性

实例20+视频：使用标签

2.5.4 文本格式化标签

实例21+视频：使用粗体、斜体标签

2.5.5 上标和下标

实例22+视频：使用上标、下标标签

2.5.6 大小字号和下划线

实例23+视频：使用大小字号和下划线

2.6 使用图像

2.6.1 图像的格式

2.6.2 插入图像

实例24+视频：插入图像

2.6.3 图片的大小

实例25+视频：修改图片大小

2.6.4 图像提示文字

实例26+视频：图像提示字

2.6.5 图像的边框

2.6.6 图像的边距

实例27+视频：图像的边框和垂直边距

2.6.7 图像的排列

实例28+视频：网页图文排版

2.6.8 图像的超链接

实例29+视频：创建图像超链接

2.6.9 图像热区链接

实例30+视频：使用图像热区创建链接

2.7 使用列表

2.7.1 有序列表（ol元素）

实例31+视频：定义有序新闻列表

2.7.2 自定义有序列表的序号

实例32+视频：定义新闻列表序号样式

2.7.3 自定义有序列表的起始数

实例33+视频：定义新闻列表的起始数

2.7.4 自定义有序列表的数值

实例34+视频：定义新闻列表数值

2.7.5 无序列表（ul元素）

实例35+视频：制作无序列表

2.7.6 dl定义列表

实例36+视频：使用dl定义网页公告列表

2.7.7 嵌套列表

2.7.8 反转序号值（reversed属性）

2.8 使用表格

2.8.1 表格简介

2.8.2 表格属性

实例37+视频：制作表格

2.8.3 表格样式

实例38+视频：定义表格样式

2.8.4 表格的标题

实例39+视频：定义表格标题

2.8.5 区分单元格

实例40+视频：制作年级成绩排名单1

实例41+视频：制作年级成绩平均分数单

2.8.6 跨多行、多列的单元格

实例42+视频：制作年级成绩平均分数单2

2.9 本章小结

第3章 建立超链接

3.1 链接的基础知识

3.2 定义基本链接

3.2.1 定义链接的目标URL（href属性）

3.2.2 定义链接的目标窗口（target属性）

3.2.3 定义链接的提示信息（title属性）

3.2.4 国际化和链接（hreflang属性）

3.3 链接路径

3.3.1 绝对路径

3.3.2 相对路径

3.4 内部链接

实例43+视频：创建内部链接

3.5 锚点链接

3.5.1 建立锚点

实例44+视频：建立锚点

3.5.2 链接同一页面中的锚点

实例45+视频：建立锚点链接

3.5.3 链接到其他页面中的锚点

实例46+视频：链接到其他页面中的锚点

3.6 外部链接

3.6.1 链接到外部网站

实例47+视频：创建友情链接

3.6.2 链接到FTP

实例48+视频：创建FTP链接

3.6.3 链接到Telnet

3.6.4 下载链接

实例49+视频：下载数据

3.7 本章小结

第4章 使用canvas

4.1 关于canvas元素

4.1.1 canvas的历史

4.1.2 canvas的使用方法

4.2 绘制矩形

实例50+视频：使用canvas绘制矩形

4.3 使用路径

4.3.1 开始和闭合路径

4.3.2 moveTo和lineTo

实例51+视频：使用lineTo绘制图形

4.3.3 arc()方法

实例52+视频：绘制圆形

4.3.4 bezierCurveTo()方法

实例53+视频：绘制心形

4.4 渐变图形

4.4.1 线性渐变

实例54+视频：绘制线性渐变

4.4.2 径向渐变

实例55+视频：绘制径向渐变

4.5 在canvas中绘制图像

4.5.1 图像绘制的基本步骤

实例56+视频：绘制图像（一）

实例57+视频：绘制图像（二）

实例58+视频：绘制图像（三）

4.5.2 图像平铺

实例59+视频：绘制平铺图像

4.5.3 图像裁剪

实例60+视频：裁剪图像

4.5.4 像素处理

实例61+视频：绘制随机像素

4.6 图形的变形

4.6.1 平移

实例62+视频：平移图形

4.6.2 扩大

实例63+视频：扩大图形

4.6.3 旋转

实例64+视频：旋转图形

4.6.4 变形矩阵

实例65+视频：使用矩阵变换

4.7 绘制文本

实例66+视频：绘制文本

4.7.1 对齐方式

4.7.2 基准线

实例67+视频：调整绘制文本

4.8 图形的组合

实例68+视频：组合图形

4.9 绘制阴影

实例69+视频：为图形添加阴影

4.10 绘制动画效果

实例70+视频：使用canvas绘制动画

4.11 保存与恢复绘图状态

4.11.1 保存绘图状态

4.11.2 恢复绘图状态

实例71+视频：使用restore绘制图形

4.12 本章小结

第5章 CSS基础

5.1 什么是XHTML

5.1.1 为何要升级到XHTML

5.1.2 XHTML的页面结构

5.1.3 XHTML的代码规范

5.1.4 在Dreamweaver中编辑XHTML

实例72+视频：创建XHTML文档

5.1.5 HTML和XHTML的转换

5.2 CSS的概念

5.2.1 CSS的基本语法

5.2.2 CSS的优势

5.2.3 CSS样式的类型

5.3 CSS的分类

5.3.1 内联样式

实例73+视频：设置内联样式

5.3.2 内部样式表

实例74+视频：设置内部样式

5.3.3 外部样式表

实例75+视频：设置外部样式

5.4 CSS文档结构

5.4.1 文档结构

5.4.2 CSS的继承性

5.4.3 CSS的特殊性

5.4.4 CSS的层叠性

5.4.5 CSS的重要性

5.5 CSS选择器

5.5.1 标签选择器

实例76+视频：使用标签选择符

5.5.2 类选择器

实例77+视频：使用类选择符

5.5.3 id选择器

实例78+视频：使用id选择符

5.5.4 通配选择器

实例79+视频：使用通配选择符

5.5.5 组合选择器

5.6 CSS选择器声明

5.6.1 群选择器

5.6.2 派生选择器

5.7 伪类及伪对象

5.8 本章小结

第6章 SVG

6.1 SVG的基础概要

6.1.1 为什么要使用SVG

6.1.2 SVG规范

6.1.3 SVG的特征

6.1.4 SVG在浏览器中的显示方法

实例80+视频：将SVG图像链接到HTML文档中

6.2 SVG的语法基础

6.3 绘制SVG基本图形

6.3.1 绘制矩形

实例81+视频：绘制矩形和圆角矩形

6.3.2 绘制圆形

实例82+视频：使用SVG绘制正圆

6.3.3 绘制椭圆

实例83+视频：使用SVG绘制椭圆

6.3.4 绘制直线

实例84+视频：使用SVG绘制直线

6.3.5 绘制折线与多角星形

实例85+视频：使用SVG绘制五角星

6.3.6 使用path元素绘制图形

实例86+视频：使用path元素绘制五角星

6.3.7 坐标与编组

实例87+视频：通过g元素对图形进行编组

6.3.8 使用transform属性

实例88+视频：对编组元素进行操作

6.4 绘制文本

实例89+视频：使用SVG绘制文本

实例90+视频：制作波浪纹路径文本

6.5 SVG渐变效果

6.5.1 线性渐变

实例91+视频：制作横向与纵向线性渐变效果

6.5.2 径向渐变

实例92+视频：制作径向渐变效果

6.6 样式单

实例93+视频：使用样式控制绘制元素的外观

6.7 本章小结

第7章 音频和视频

7.1 和的概要

7.2 和的属性

实例94+视频：导入视频

实例95+视频：设置video自动播放

实例96+视频：添加video播放条

实例97+视频：使用poster替换video

7.3 和的方法

7.3.1 play方法

实例98+视频：控制播放audio

7.3.2 pause方法

实例99+视频：设置暂停audio

......

HTML 5是取代HTML 4的新一代Web技术，它将会成为HTML、XHTML以及HTML DOM的新标准。本书系统、全面讲解了HTML语言及其最新版本HTML 5的新功能与新特性，技术新颖实用。书中大部分的知识点都结合实例进行讲解，读者在学习基础知识后，亲手实践，可以快速巩固所学知识。在每一个实例之后都会对该实例以及知识点的重要部分进行提问，并进行详细解答，使读者系统而全面地学习理论知识。书中的知识点所涉及的代码都会给出详细的注释，从而使读者轻松领会HTML语言的精髓，更加快速地提高技能。本书附赠1张CD光盘，其中提供了丰富的练习素材、源文件，并为书中所有实例都录制了多媒体教学视频，方便读者学习和参考。本书内容详尽，实例丰富，非常适合作为编程初、中级读者的学习用书，也适合作为开发人员的参考资料。

《网页设计殿堂之路》丛书是由来自一线的专业网页设计人员集多年的技术与经验倾力打造的一套体系最完整、技术最前沿、设计最精美的网页设计系列丛书。
·最完整的体系：针对网页设计师的职业需求量身定做，市面上知识体系最完整的一套网页设计丛书。
·最前沿的技术：紧跟网页技术发展的新潮流，市面上技术新的一套网页设计丛书。
·最精美的设计：来自实践的精美案例和专业的装帧设计，市面上最精美的一套网页设计丛书。
作为励志成为网页设计精英的你，需要掌握哪些知识呢？下表给出了你明确的答案。
针对这样的知识架构，我们精心创作了该系列丛书，共十个品种。
该套丛书具有以下独一的特点：
·内容全面，紧贴实际：帮助你解决网页设计中遇到的所有问题，帮助你搞定每一个网页设计项目。
·关注细节，量身打造：技术细节、设计细节，这些在工作中看似细微，但是往往决定成败的关键点，全部为你一一道来。
·海量资源，现场教学：提供了大量的来自于一线项目的案例资源，并通过视频讲解为你一一呈现。