HTML 5网页设计与制作实战从入门到精通

《HTML 5网页设计与制作实战从入门到精通》通过精选案例引导读者深入学习，系统地介绍了利用HTML 5进行网页设计与制作的相关知识和操作方法。
全书共16章。第1～3章主要介绍HTML 5的基础知识，包括基本概念、语法变化和基本语法等；第4～10章主要介绍常用的网页设计，包括文本、色彩和图片、列表与段落、超链接、多媒体、Canvas动画和表单等；第11～12章主要介绍HTML 5的高级应用，包括本地存储和离线Web应用等；第13～16章通过实战案例进一步讲解了基础知识的综合应用方法，包括休闲娱乐、企业门户、电子商务、团购等多种类型网页的设计与制作方法。
在《HTML 5网页设计与制作实战从入门到精通》附赠的DVD多媒体教学光盘中，包含了17小时与图书内容同步的教学录像及所有实例的配套源文件。此外，还赠送了大量相关学习内容的教学录像及扩展学习电子书等。为了满足读者在手机和平板电脑上学习的需要，光盘中还赠送了本书教学录像的手机版视频学习文件。
《HTML 5网页设计与制作实战从入门到精通》不仅适合HTML 5的初、中级读者学习使用，也可以作为各类院校相关专业学生和网页制作培训班的教材或辅导用书。

第1章HTML 5概述
HTML是制作网页需要掌握的基础语言，任何高级网站开发语言都必须以HTML为基础实现。本章主要介绍HTML的基本概念和编写方法及浏览HTML文件的方法。
1．1HTML 5概述002
1．1．1HTML的发展史002
1．1．2兼容性和存在即合理002
1．1．3效率和用户优先002
1．1．4化繁为简003
1．2HTML 5的基本概念003
1．2．1HTML 5的革命性变化004
1．2．2HTML 5文件的基本结构004
1．2．3HTML 5的标记005
1．3HTML 5文件的编写方法005
1．3．1使用记事本编写HTML 5005
1．3．2使用Dreamweaver编写HTML文件006
1．3．3编写第一个HTML 5网页文件007
高手私房菜008

第2章HTML 5改进详解
HTML 5作为最新的标记语言，与旧版本的HTML标记语言相比变化很大。在未来的网站开发中，它将作为最常用的标记语言。本章开始认识HTML 5。
2．1HTML 5的适用范围010
2．2使用浏览器查看HTML 5文件010
2．2．1各大浏览器与HTML 5的兼容性010
2．2．2查看页面效果010
2．2．3查看源文件011
2．3编辑一个简单的HTML 5页面011
2．3．1搭建支持的浏览器环境011
2．3．2检测浏览器是否支持HTML标记012
2．3．3使用HTML结构编写“hello，world”页面013
2．4语法变化014
2．4．1HTML 5的语法变化014
2．4．2HTML 5中的标记方法014
2．4．3版本兼容性015
2．4．4标记示例015
2．5新增和废除的元素016
2．5．1新增的结构元素016
2．5．2新增的input元素的类型018
2．5．3新增的其他元素018
2．5．4废除的元素021
2．6新增和废除的属性022
2．6．1新增的属性022
2．6．2废除的属性024
2．7全局属性026
2．7．1Content Editable属性026
2．7．2design Mode属性026
2．7．3hidden属性027
2．7．4spellcheck属性027
2．7．5tabindex属性027
高手私房菜028

第3章HTML 5的基本语法
当互联网和Web逐渐成为主流时，Web技术也发生了巨大的变化。W3C和其他的标准化组织共同制定了一些规范，用来创建和解释基于Web的内容。
3．1Web标准030
3．1．1Web标准概述030
3．1．2Web标准规定的内容031
3．2HTML基本结构031
3．2．1文档类型说明032
3．2．2HTML标记032
3．2．3头标记head032
3．2．4标题标记title032
3．2．5元信息标记meta033
3．2．6网页的主体标记034
3．2．7页面注释标记035
3．3实例——符合W3C标准的HTML 5网页结构036
高手私房菜036

第4章网页文本设计
文字是网页中最主要也是最常用的元素。本章主要介绍在网页中使用文字和文字结构标记的方法。
4．1实例1——添加文本038
4．1．1普通文本038
4．1．2特殊字符文本038
4．1．3文本特殊样式039
4．2实例2——文本排版040
4．2．1段落标记

与换行标记
041
4．2．2标题标记
~
042
4．3实例3——文本格式的高级设置043
4．3．1字体043
4．3．2字号044
4．3．3字体风格045
4．3．4加粗字体045
4．3．5小写字母转为大写字母046
4．3．6字体复合属性047
4．3．7字体颜色047
4．3．8阴影文本048
4．3．9溢出文本049
4．3．10控制换行050
4．4实例4——成才教育网文本设计051
高手私房菜052

第5章网页色彩和图片设计
网页要给访客带来舒适愉悦的感觉，漂亮的网页色彩搭配和图片设计就显得尤为重要。而且网页的目的是更好地向访客传达信息，使用醒目直观的图片往往比单调的文字更有表现力和说服力。
5．1网页色彩与图片的关系054
5．2实例1——网页图像的应用054
5．2．1网页图片格式的选择054
5．2．2使用路径055
5．2．3网页中插入图像标记056
5．2．4设置图像源文件056
5．2．5设置图像在网页中的宽度和高度057
5．2．6设置图像的提示文字058
5．3实例2——制作茂森房地产广告网页058
高手私房菜059

第6章网页列表与段落设计
在网页中文字列表和段落是最常见的内容之一。文字列表可分为有序和序两种，而段落设计有文字格式设计、间隔、缩进、对齐方式、文字修饰等内容。
6．1实例1——网页文字列表设计062
6．1．1建立序列表062
6．1．2建立有序列表063
6．2实例2——设置网页段落格式063
6．2．1单词间隔063
6．2．2字符间隔064
6．2．3文字修饰065
6．2．4垂直对齐方式066
6．2．5文本转换067
6．2．6水平对齐方式068
6．2．7文本缩进069
6．2．8文本行高070
6．2．9处理空白071
6．2．10文本反排072
6．3实例3——制作图文混排型旅游网页073
高手私房菜074

第7章网页超链接设计
链接是网页中比较重要的组成部分，是实现各个网页相互跳转的依据。本章主要讲述链接的概念和实现方法。
7．1实例1——创建超文本与图片链接076
7．2实例2——创建下载链接080
7．3实例3——使用相对路径和绝对路径081
7．4实例4——设置链接目标打开窗口082
7．5实例5——超文本链接到一个E-mail地址084
7．6实例6——使用锚链接制作电子书阅读网页087
7．7实例7——超文本链接到其他内容090
7．8实例8——创建热点区域092
7．9实例9——浮动框架094
高手私房菜096

第8章网页多媒体设计
网页上除了文本、图片等内容外，还可以增加音频和视频等多媒体内容。目前在网页上没有关于音频和视频的标准，多数音频和视频都是通过插件来播放的。为此，HTML 5新增了音频和视频的标签。
8．1HTML 5 Audio和Video概述098
8．1．1视频容器098
8．1．2音频和视频编解码器098
8．1．3Audio元素和Video元素的浏览器支持情况099
8．2实例1——使用HTML 5 Audio和Video API099
8．2．1理解媒体元素099
8．2．2使用audio元素100
8．2．3使用video元素101
8．2．4浏览器支持性检测101
8．3实例2——设置网页多媒体属性103
8．4实例3——调用网页多媒体105
高手私房菜106

第9章网页Canvas动画
HTML 5呈现了很多在之前的HTML版本中没有的新特性，其中一个最值得提及的特性就是HTML Canvas，用户通过它可以在网页上绘制图像。
9．1实例1——认识画布108
9．1．1Canvas元素的基本用法108
9．1．2绘制带边框矩形108
9．1．3绘制渐变图形109
9．2实例2——在画布中使用路径111
9．2．1MoveTo与LineTo的用法111
9．2．2使用arc方法绘制圆形112
9．3实例3——对画布中图形的操作113
9．3．1变换图形原点坐标114
9．3．2组合多个图形114
9．3．3添加图形阴影116
9．4实例4——处理画布中的图像117
9．4．1绘制图像118
9．4．2平铺图像118
9．4．3切割图像120
9．4．4处理像素121
9．5实例5——运用样式与颜色123
9．5．1色彩设置123
9．5．2透明度123
9．5．3线型126
9．5．4渐变128
9．6实例6——画布的其他应用130
9．6．1绘制文字130
9．6．2保存、恢复及输出图形132
9．6．3制作简单的动画133
高手私房菜136

第10章网页表单设计
在HTML 5中，表单拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章节主要讲述表单的概述、表单基本元素的使用方法和表单高级元素的使用方法。
10．1实例1——熟悉表单属性138
10．1．1表单的用途138
10．1．2表单的属性设置138
10．2实例2——表单基本元素的应用140
10．2．1文字字段140
10．2．2密码域141
10．2．3单选按钮142
10．2．4复选框142
10．2．5下拉选择框143
10．2．6普通按钮144
10．2．7提交按钮144
10．2．8重置按钮145
10．3实例3——表单高级元素的使用146
10．3．1URL类型元素146
10．3．2Email类型元素147
10．3．3date类型元素147
10．3．4time类型元素148
10．3．5datetime类型元素148
10．3．6datetime-local类型元素149
10．3．7month类型元素149
10．3．8week类型元素150
10．3．9number类型元素150
10．3．10range类型元素151
10．3．11search类型元素151
10．3．12tel类型元素152
10．3．13color类型元素152
10．4实例4——创建用户反馈表单153
高手私房菜154

第11章HTML 5本地存储
在HTML 5标准之前，Web存储信息需要cookie来完成。因为它们由每个对服务器的请求来传递，使得cookie速度很慢而且效率不高。在THML 5中，Web存储API为用户如何在计算机或设备上存储用户信息作了数据标准的定义。
11．1实例1——Web Storage存储156
11．1．1sessionStorage对象156
11．1．2localStorage对象157
11．2实例2——操作localStorage158
11．2．1清空localStorage数据158
11．2．2遍历localStorage数据158
11．2．3使用JSON对象存取数据159
11．3实例3——WebSQL数据库应用161
11．3．1打开与创建数据库161
11．3．2执行事务161
11．3．3插入数据161
11．3．4数据管理162
高手私房菜162

第12章构建离线的Web应用
为了能在离线的情况下访问网站，可以采用HTML 5的离线Web功能。本章主要介绍使用HTML 5离线Web应用API和使用HTML 5离线Web应用构建应用。
12．1HTML 5离线Web应用概述164
12．2实例1——使用HTML 5离线Web应用API164
12．2．1检查浏览器的支持情况164
12．2．2搭建简单的离线应用程序164
12．2．3支持离线行为165
12．2．4Manifest文件166
12．2．5ApplicationCache API167
12．3实例2——使用HTML 5离线Web应用构建应用168
12．3．1创建记录资源的manifest文件168
12．3．2创建构成界面的HTML和CSS168
12．3．3创建离线的JavaScript169
12．3．4检查applicationCache的支持情况171
12．3．5为Update按钮添加处理函数171
12．3．6添加Storage功能代码171
12．3．7添加离线事件处理程序172
高手私房菜172

第13章制作休闲娱乐类网页
休闲娱乐类的网页种类很多，如聊天交友、星座运程、游戏视频等。本章主要以视频类网页为例进行介绍。
13．1整体布局174
13．1．1设计分析174
13．1．2排版架构174
13．2模块组成175
13．3制作步骤176
13．3．1制作样式表176
13．3．2Logo与导航菜单184
13．3．3搜索条185
13．3．4左侧视频模块185
13．3．5评论模块186
13．3．6右侧热门推荐187
13．3．7底部模块189
高手私房菜190

第14章制作大型企业门户类网页
作为大型企业的网站，根据主体内容不同，主页所容括的信息量差异也很大。大型企业类网站内容栏目会比较多，需要合理布局，每一个栏目的大小位置以及内容显示形式都要精心设计。
14．1整体布局192
14．1．1设计分析192
14．1．2排版架构192
14．2模块组成193
14．3制作步骤193
14．3．1样式表193
14．3．2网页头部195
14．3．3导航菜单栏196
14．3．4中间主体第一栏196
14．3．5中间主体第二栏200
14．3．6中间主体第三栏204
14．3．7中间主体第四栏210
14．3．8中间主体第五栏214
14．3．9网页底部219
高手私房菜220

第15章制作电子商务类网页
电子商务网站是当前比较流行的一类网站。随着网络购物、互联网交易的普及，如淘宝、阿里巴巴、亚马逊等类型的电子商务网站在近几年风靡全球。因此，越来越多的公司企业着手架设电子商务网站平台。本章就来介绍一个简单的电子商务类网页。
15．1整体布局222
15．1．1设计分析222
15．1．2排版架构223
15．2模块组成223
15．3制作步骤224
15．3．1样式表224
15．3．2网页头部225
15．3．3主体第一通栏229
15．3．4主体第二通栏234
15．3．5主体第三通栏242
15．3．6网页底部245
高手私房菜248

第16章制作团购类网页
团购这一名词是最近几年才出现的，而且迅速火爆。有关团购的商业类网站也如雨后春笋般遍地开花，比较有名的有聚划算、窝窝团、拉手网、美团网等。本章就来制作一个典型的商业类团购网站。
16．1整体布局250
16．1．1设计分析251
16．1．2排版架构251
16．2模块组成252
16．3制作步骤252
16．3．1样式表252
16．3．2网页头部255
16．3．3分类及区域选择257
16．3．4新品展示258
16．3．5侧边栏262
16．3．6热门城市索引267
16．3．7网页底部268
16．3．8JavaScript脚本269
高手私房菜270