HTML 5网页设计与制作全程揭秘 PDF下载

编辑推荐

内容全面，循序渐进。遵循从基础到高级，从入门到精通的思路，帮助读者轻松建立起正确的知识体系。
技术专业，易于操作。在技术讲解的同时，配合丰富的操作练习，理论与操作相结合，使读者轻松理解和掌握知识点。
专业作者，如临亲授。作者来自于一线专业公司和高校教师，实践与教学的融合，更清楚学习者的知识需求。
扫码微课，碎片学习。读者可以扫描书中的二维码，利用零碎的时间随时随地通过视频课程进行学习。
源于实践，回归实战。穿插大量的实战操作案例，均来源于实践，通过一步步操作的方式再现给读者。
海量资源，辅助学习。提供立体化的学习资源：所有案例的素材、源文件；多媒体语音视频教程；与教学配套的PPT课件。

；

内容简介

经过了Web 2.0 时代，基于互联网的应用已经越来越丰富，同时也对互联网应用提出了更高的要求。如今，HTML5 俨然已经成为互联网领域热门的词语之一。《HTML 5网页设计与制作全程揭秘》按照循序渐进的思路，系统全面地讲解了HTML5 语言中的所有功能和特性。全书共分21 章，包括从HTML 到HTML5、HTML5 页面基本设置、设置文本与段落、插入并设置图像、创建和设置列表、创建和设置超链接、插入多媒体、插入和设置表单元素、表格与Div、HTML5 文档结构、使用HTML5 画布绘图、HTML5 的音频和视频、使用HTML5 的表单元素、文件与拖放处理、HTML5 本地存储、HTML5 离线应用缓存、使用Web Workers 处理线程、跨源通信和WebSocket 双向通信、使用HTML5 获取地理位置、HTML5 网页综合实战、HTML5 手机网页实战。书中所有知识点都结合具体实战练习进行讲解，涉及的程序代码给出了详细的注释说明，可以使读者轻松理解HTML5 语言的精髓，快速掌握HTML5 的应用。《HTML 5网页设计与制作全程揭秘》适合Web 设计与开发的初学者和爱好者自学，也适合有一定Web 前端开发基础的网页开发人员阅读，同时也可作为计算机培训班和各院校相关专业的教材。

作者简介

暂无

HTML 5网页设计与制作全程揭秘 PDF下载

第1 章从HTML 到HTML5
1.1　HTML 基础 1
1.1.1　HTML 概述1
1.1.2　HTML 特性1
1.1.3　HTML 文档结构2
1.1.4　HTML 的基本语法2
1.1.5　HTML 编写注意事项 3
1.2　XHTML 基础3
1.2.1　XHTML 概述3
1.2.2　XHTML 文档结构4
1.2.3　XHTML 的文档类型 5
1.2.4　名字空间5
1.3　HTML5 基础5
1.3.1　HTML5 概述6
1.3.2　HTML5 的文档结构 6
1.3.3　HTML5 的优势 6
1.3.4　HTML5 精简的头部 7
1.4　HTML 文件的编写方式 8
1.4.1　使用记事本编写 8
实战　使用记事本制作HTML 页面8
1.4.2　使用Dreamweaver 编写9
实战　使用Dreamweaver 制作HTML 页面10
1.5　HTML5 中的标签11
1.6　HTML5 的标准属性 13
1.7　HTML5 的事件属性 14
第２章HTML5 页面基本设置
2.1　网页头部—— 标签 16
2.1.1　网页标题—— 标签 16<；br />；实战　使用<；title>； 标签设置网页标题 17<；br />；2.1.2　基底网址——<；base>； 标签 17<；br />；实战　设置网页基底网址 18<；br />；2.2　元信息——<；meta>； 标签 18<；br />；2.2.1　设置网页关键字19<；br />；2.2.2　设置网页说明 19<；br />；2.2.3　设置网页作者信息20<；br />；2.2.4　设置网页编辑软件20<；br />；实战　设置网页基础元信息20<；br />；2.2.5　设置网页定时跳转21<；br />；实战　设置网页定时跳转22<；br />；2.2.6　限制搜索方式22<；br />；2.2.7　设置网页文字及语言23<；br />；2.2.8　设置网页有效期限23<；br />；2.2.9　禁止缓存调用24<；br />；2.2.10　删除过期的cookie24<；br />；2.2.11　强制打开新窗口24<；br />；2.3　网页主体——<；body>； 标签25<；br />；2.3.1　网页边距——margin 属性25<；br />；实战　设置网页整体边距25<；br />；2.3.2　网页背景颜色——bgcolor 属性 26<；br />；实战　设置网页背景颜色27<；br />；2.3.3　背景图像——background 属性27<；br />；实战　设置网页背景图像28<；br />；2.3.4　文字颜色——text 属性 28<；br />；实战　设置网页默认文字颜色29<；br />；2.3.5　链接文字颜色——link 属性 29<；br />；实战　设置网页默认链接文字颜色 29<；br />；2.4　在HTML 代码中添加注释30<；br />；第3章设置文本与段落<；br />；3.1　设置文本效果32<；br />；3.1.1　文字样式——<；font>； 标签32<；br />；实战　设置网页文字基本样式33<；br />；3.1.2　倾斜文字——<；i>； 和<；em>； 标签 34<；br />；实战　设置文字倾斜效果34<；br />；3.1.3　加粗文字——<；b>； 和<；strong>；标签35<；br />；实战　设置网页文字加粗效果36<；br />；3.1.4　下画线——<；u>； 标签36<；br />；实战　为文字添加下画线37<；br />3.1.5　删除线——<s> 和<strike> 标签37<br />实战　为文字添加删除线37<br />3.1.6　上标与下标——<sup> 和<sub>标签38<br />实战　设置上标和下标文字效果 38<br />3.1.7　等宽文本——<code> 和<samp>标签39<br />3.1.8　标题文本——<h1> 至<h6> 标签 39<br />实战　设置标题文字40<br />3.2　特殊文字标签40<br />3.2.1　空格——  40<br />实战　在网页文本中添加空格41<br />3.2.2　其他特殊符号41<br />实战　在网页中添加特殊文本符号 42<br />3.2.3　水平线——<hr> 标签42<br />实战　在网页中插入并设置水平线 42<br />3.3　文本的分行与分段43<br />3.3.1　文本换行——<br> 标签43<br />实战　为网页文本进行换行处理 43<br />3.3.2　强制不换行——<nobr> 标签 44<br />实战　强制网页文本不换行44<br />3.3.3　文本分段——<p> 标签45<br />实战　为网页文本进行分段处理 45<br />3.3.4　段落文字对齐——align 属性46<br />实战　设置文字水平对齐效果46<br />3.3.5　保留原始排版——<pre> 标签47<br />实战　保留网页文本原始排版效果 47<br />3.4　其他文字标签47<br />3.4.1　文字标注——<ruby> 标签47<br />实战　在网页中实现文字标注说明效果 47<br />3.4.2　声明变量——<var> 标签48<br />实战　使用声明变量标签48<br />3.4.3　忽视HTML——<plaintext> 和<xmp>标签49<br />实战　使用忽视HTML 标签49<br />3.5　滚动文本——<marquee> 标签 50<br />实战　制作网页文本滚动效果50<br />第4 章插入并设置图像<br />4.1　了解网页中的图像格式52<br />4.1.1　网页常用的图像格式52<br />4.1.2　选择合适的图像格式53<br />4.2　插入图像——<img> 标签 53<br />实战　制作图像页面54<br />4.3　设置图像属性54<br />4.3.1　图像宽度和高度——width 和height属性 55<br />实战　插入图像并设置图像宽度和高度 55<br />4.3.2　图像边框——border 属性 56<br />实战　为图像添加边框57<br />4.3.3　图像替代文本——alt 属性57<br />实战　为图像添加替代文本和提示文字信息58<br />4.3.4　图像相对于文字的对齐方式——align属性 59<br />实战　设置图像相对于文字的对齐效果 59<br />4.3.5　图文混排效果——align 属性60<br />实战　制作图文混排页面60<br />4.4　滚动图像——<marquee> 标签 62<br />实战　制作滚动图像效果62<br />第５章创建和设置列表<br />5.1　认识列表标签64<br />5.2　项目列表 64<br />5.2.1　创建项目列表——<ul> 标签64<br />实战　创建新闻列表65<br />5.2.2　项目列表符号——type 属性66<br />实战　设置列表符号效果67<br />5.3　编号列表68<br />5.3.1　创建编号列表——<ol> 标签68<br />实战　创建排行列表69<br />5.3.2　编号列表符号——type 属性 69<br />实战　设置编号列表符号70<br />5.3.3　编号列表起始值——start 属性 71<br />实战　设置编号列表起始数值72<br />5.4　定义列表——<dl> 标签 73<br />实战　制作复杂新闻列表73<br />第6 章创建和设置超链接<br />6.1　超链接基础75<br />6.1.1　什么是超链接75<br />6.1.2　超链接路径76<br />6.2　创建超链接77<br />6.2.1　超链接——<a> 标签77<br />6.2.2　超链接提示——alt 属性77<br />6.2.3　超链接打开方式——target 属性78<br />实战　为文字和图像设置超链接 78<br />6.3　创建锚点链接79<br />6.3.1　插入锚点 79<br />6.3.2　创建锚点链接80<br />实战　制作锚点链接页面81<br />6.4　创建特殊超链接 83<br />6.4.1　空链接 83<br />6.4.2　文件下载链接83<br />实战　创建空链接和文件下载链接 83<br />6.4.3　脚本链接 84<br />实战　创建关闭窗口脚本链接85<br />6.4.4　E-mail 链接 85<br />实战　创建电子邮件链接86<br />第7 章插入多媒体<br />7.1　插入Flash 动画——<embed>标签 87<br />实战　制作Flash 欢迎页 87<br />7.2　添加背景音乐88<br />7.2.1　网页中支持的音频格式 88<br />7.2.2　背景音乐——<bgsound> 标签89<br />7.2.3　音乐循环播放次数——loop 属性 89<br />实战　为网页设置背景音乐 90<br />7.2.4　嵌入音频——<embed> 标签 90<br />实战　在网页中嵌入音频播放控制条 91<br />7.3　插入普通视频92<br />7.3.1　网页中支持的视频格式92<br />7.3.2　插入视频——<embed> 标签 92<br />7.3.3　设置自动播放——autostart 属性 92<br />实战　在网页中插入视频93<br />7.3.4　隐藏播放控件——hidden 属性94<br />第8 章插入和设置表单元素<br />8.1　关于表单95<br />8.1.1　插入表单域——<form> 标签 95<br />8.1.2　表单动作——action 属性96<br />8.1.3　表单名称——name 属性 96<br />8.1.4　表单传送方式——method 属性96<br />8.1.5　表单编码方式——enctype 属性97<br />8.1.6　目标显示方式——target98<br />8.2　添加表单元素98<br />8.3　输入类型表单元素 99<br />8.3.1　文本域——text 类型 99<br />8.3.2　密码域——password 类型 100<br />8.3.3　图像域——image 类型 100<br />实战　制作登录页面101<br />8.3.4　隐藏域——hidden 类型104<br />8.3.5　复选框——checkbox 类型104<br />实战　制作网站调查表单104<br />8.3.6　单选按钮——radio 类型 107<br />实战　制作网站投票107<br />8.3.7　文件域——file 类型 109<br />8.3.8　普通按钮——button 类型 110<br />8.3.9　提交按钮——submit 类型110<br />8.3.10　重置按钮——reset 类型 110<br />8.4　其他类型表单元素110<br />8.4.1　文本区域——<textarea> 标签 111<br />8.4.2　列表/ 菜单——<select> 标签 111<br />实战　制作网站搜索 112<br />8.5　制作用户注册页面 114<br />实战　用户注册页面 114<br />第9 章表格与Div<br />9.1　了解表格 119<br />9.2　创建表格 119<br />9.2.1　表格——<table> 标签 119<br />9.2.2　表格标题——<caption> 标签120<br />9.2.3　表头——<th> 标签121<br />实战　创建学习安排表122<br />9.3　表格结构标签123<br />9.3.1　表格头部——<thead> 标签 123<br />9.3.2　表格主体——<tbody> 标签 124<br />9.3.3　表格尾部——<tfoot> 标签 125<br />实战　制作学生成绩数据表126<br />9.4　设置表格属性127<br />9.4.1　表格宽度与高度——width 和height属性 127<br />9.4.2　表格对齐方式——align 属性128<br />9.4.3　表格边框粗细——border 属性129<br />9.4.4　表格边框颜色——bordercolor 属性130<br />9.4.5　表格背景颜色——bgcolor 属性 131<br />9.4.6　表格背景图像——background属性132<br />实战　为表格设置背景颜色和背景图像133<br />9.5　设置单元行和单元格属性135<br />9.5.1　设置单元行内容水平和垂直对齐135<br />9.5.2　单元格间距136<br />9.5.3　单元格边距137<br />9.5.4　合并单元格138<br />实战　使用表格制作新闻列表 139<br />9.6　IFrame 框架141<br />9.6.1　IFrame 框架源文件 142<br />9.6.2　IFrame 框架的宽度和高度142<br />9.6.3　IFrame 框架的对齐方式142<br />9.6.4　IFrame 框架是否显示滚动条142<br />9.6.5　IFrame 框架的边框 142<br />实战　设置IFrame 框架属性142<br />9.7　插入Div 143<br />9.7.1　<div> 标签 144<br />9.7.2　设置Div 属性144<br />9.7.3　<span> 与<div> 标签144<br />实战　制作欢迎页面145<br />第10 章HTML 5 文档结构<br />10.1　认识HTML5 文档结构147<br />10.2　HTML5 元素分类148<br />10.2.1　结构片段元素149<br />10.2.2　进度信息元素149<br />10.2.3　交互性元素149<br />10.2.4　内嵌应用元素和辅助元素 149<br />10.2.5　文档和应用中使用的元素 150<br />10.2.6　注释元素150<br />10.2.7　文本和文本标记元素 150<br />10.2.8　其他元素150<br />10.3　创建HTML5 主体内容151<br />10.3.1　文章——<article> 标签151<br />10.3.2　章节——<section> 标签 152<br />10.3.3　导航——<nav> 标签 154<br />10.3.4　辅助信息——<aside> 标签156<br />10.3.5　发布日期——<time> 标签与微格式157<br />10.4　添加语义模块 158<br />10.4.1　页眉——<header> 标签 158<br />10.4.2　标题组——<hgroup> 标签 159<br />10.4.3　页脚——<footer> 标签 159<br />10.4.4　联系信息——<address> 标签 160<br />10.5　使用文档结构元素制作页面160<br />实战　制作企业网站首页面 161<br />第11 章使用HTML5 画布绘图<br />11.1　使用HTML5 画布绘图166<br />11.1.1　了解canvas 元素166<br />11.1.2　在网页中插入canvas 元素 166<br />11.1.3　如何使用canvas 元素实现绘图 167<br />11.2　绘制基本图形169<br />11.2.1　绘制直线169<br />实战　在网页中绘制直线 169<br />11.2.2　绘制矩形170<br />实战　在网页中绘制矩形 171<br />11.2.3　绘制圆形172<br />实战　在网页中绘制圆形 173<br />11.2.4　绘制三角形174<br />实战　在网页中绘制三角形 174<br />11.2.5　清除图形175<br />实战　清除使用canvas 元素所绘制的部分图形 175<br />11.3　绘制文本176<br />11.3.1　使用文本176<br />实战　在网页中绘制文字 177<br />11.3.2　获取文字宽度177<br />实战　获取所绘制文字宽度 178<br />11.4　绘制弧线和曲线 178<br />11.4.1　使用arc( ) 方法179<br />实战　通过中心点和半径绘制弧线 .179<br />11.4.2　使用arcTo( ) 方法 180<br />实战　通过辅助线绘制弧线 180<br />11.4.3　使用quadraticCurveTo( ) 方法181<br />实战　绘制二次样条曲线 182<br />11.4.4　使用bezierCurveTo( ) 方法 183<br />实战　绘制贝塞尔曲线 183<br />11.5　图形的组合与裁切184<br />11.5.1　图形组合184<br />实战　绘制组合图形效果 185<br />11.5.2　使用图像186<br />实战　使用canvas 元素绘制图像187<br />11.5.3　使用图像模式188<br />实战　设置图像平铺效果 188<br />11.5.4　裁切路径189<br />实战　在网页中实现圆形裁切图像效果189<br />11.6　图形变换处理191<br />11.6.1　移动变换操作191<br />实战　移动所绘制图形位置 191<br />11.6.2　缩放变换操作193<br />实战　使用缩放操作绘制椭圆形193<br />11.6.3　旋转变换操作194<br />实战　绘制矩形并进行旋转 195<br />11.6.4　矩阵变形操作196<br />11.7　图形颜色与样式设置196<br />11.7.1　绘制线性渐变196<br />实战　在网页中绘制矩形并填充线性渐变197<br />11.7.2　绘制径向渐变198<br />实战　在网页中绘制圆形并填充径向渐变 198<br />11.7.3　不同的线型199<br />11.7.4　创建对象阴影201<br />实战　为图形添加阴影效果 201<br />第12 章HTML5 的音频和视频<br />12.1　HTML5 多媒体基础203<br />12.1.1　视频文件格式203<br />12.1.2　在线多媒体的发展203<br />12.1.3　HTML5 音频和视频的优势 204<br />12.1.4　音频和视频编解码器 204<br />12.1.5　HTML5 音频和视频的不足205<br />12.1.6　检查浏览器是否支持HTML5 音频和视频205<br />12.2　使用HTML5 音频206<br />12.2.1　<audio> 标签所支持的音频格式206<br />12.2.2　使用<audio> 标签206<br />实战　在网页中嵌入音频播放 206<br />12.3　使用HTML5 视频207<br />12.3.1　<video> 标签所支持的视频格式207<br />12.3.2　使用<video> 标签207<br />实战　在网页中嵌入视频播放 208<br />12.3.3　使用<source> 标签209<br />12.4　<audio> 与<video> 标签的属性209<br />12.4.1　元素的标签属性209<br />12.4.2　元素的接口属性210<br />实战　为网页文本进行分段处理211<br />12.5　<audio> 与<video> 标签的接口方法和事件212<br />12.5.1　<audio> 与<video> 标签的接口方法 212<br />实战　控制视频的播放和暂停 212<br />12.5.2　<audio> 与<video> 标签的接口事件 214<br />12.5.3　<audio> 与<video> 标签接口事件的使用方法.214<br />12.5.4　自定义视频播放控制组件 214<br />实战　自定义视频播放控制组件215<br />第13 章使用HTML5 的表单元素<br />13.1　了解HTML5 表单219<br />13.1.1　HTML 表单的发展 219<br />13.1.2　HTML5 新增表单元素的作用 219<br />13.1.3　浏览器对HTML5 表单的支持情况 220<br />13.2　HTML5 新增表单输入类型 220<br />13.2.1　url 类型 220<br />13.2.2　email 类型 220<br />13.2.3　range 类型 220<br />13.2.4　number 类型 221<br />13.2.5　tel 类型 221<br />13.2.6　search 类型221<br />13.2.7　color 类型221<br />13.2.8　date 类型 221<br />13.2.9　month、week、time、datetime、datetime-local 类型222<br />13.2.10　使用HTML5 表单元素222<br />实战　制作留言表单页面 222<br />13.3　HTML5 新增其他表单元素 226<br />13.3.1　datalist 元素和list 属性226<br />13.3.2　keygen 元素226<br />13.3.3　output 元素227<br />13.4　HTML5 新增表单属性 227<br />13.4.1　form 属性227<br />13.4.2　formaction 属性 227<br />13.4.3　formmethod、formenctype、formnovalidate、formtarget 属性228<br />13.4.4　placeholder 属性228<br />实战　为表单元素设置默认提示内容 228<br />13.4.5　autofocus 属性 229<br />13.4.6　autocomplete 属性229<br />13.5　HTML5 表单验证标签属性 229<br />13.5.1　required 属性 230<br />13.5.2　pattern 属性230<br />13.5.3　min、max 和step 属性 230<br />13.5.4　novalidate 属性230<br />实战　对网页表单进行验证 230<br />13.6　HTML5 表单验证API 231<br />13.6.1　表单验证的属性231<br />13.6.2　ValidityState 对象232<br />13.6.3　checkValidity( ) 方法验证表单 233<br />实战　使用checkValidity( ) 方法验证表单233<br />13.6.4　setCustomValidity( ) 方法验证表单234<br />实战　使用setCustomValidity( ) 方法验证表单 234<br />13.6.5　表单验证事件236<br />实战　使用invalid 事件验证表单236<br />第14 章文件与拖放处理<br />14.1　文件API 238<br />14.1.1　新增的上传表单元素属性 238<br />14.1.2　File 对象与FileList 对象 239<br />实战　同时上传多个文件并显示文件名称239<br />14.1.3　Blob 对象240<br />实战　获取所上传文件数据 240<br />14.2　FileReader 接口 242<br />14.2.1　检查浏览器是否支持FileReader接口 242<br />14.2.2　FileReader 接口的属性 242<br />14.2.3　FileReader 接口的方法 243<br />实战　使用FileReader 接口方法将上传的文件读取为不同数据 243<br />14.2.4　FileReader 接口的事件 245<br />实战　FileReader 接口的事件响应顺序245<br />14.3　拖放API 247<br />14.3.1　新增的draggable 属性247<br />14.3.2　新增的鼠标拖放事件 247<br />14.3.3　DataTransfer 对象247<br />14.3.4　把图像拖放到网页中248<br />实战　把图像拖放到网页中 248<br />第15 章HTML5 本地存储<br />15.1　Web Storage 251<br />15.1.1　什么是Web Storage251<br />15.1.2　Cookie 存储数据的不足 251<br />15.1.3　使用Web Storage 存储的优势252<br />15.1.4　会话存储与本地存储的区别252<br />15.2　使用Web Storage252<br />15.2.1　检查浏览器是否支持Web Storage252<br />实战　检查浏览器是否支持Web Storage 253<br />15.2.2　设置和获取Storage 数据254<br />实战　使用sessionStorage 和localStorage254<br />15.2.3　Storage API 的属性和方法255<br />实战　使用storage 对象保存页面内容256<br />15.2.4　格式化数据257<br />实战　使用Storage 对象存储JOSN 数据 257<br />15.2.5　Storage API 事件259<br />实战　使用Web Storage 制作简单留言板260<br />15.3　本地数据库Web SQL261<br />15.3.1　了解Web SQL 数据库262<br />15.3.2　Web SQL 数据库的基本操作 262<br />15.3.3　使用Web SQL 数据库263<br />实战　实现选择网页背景颜色263<br />第16 章HTML5 离线应用缓存<br />16.1　Web 离线应用缓存 268<br />16.1.1　新增的离线应用缓存 268<br />16.1.2　离线应用缓存与传统页面缓存的区别269<br />16.1.3　离线应用缓存与本地数据存储的区别269<br />16.2　manifest 缓存清单文件269<br />16.2.1　manifest 文件的结构 269<br />16.2.2　如何使用manifest 文件 270<br />16.2.3　服务器端的配置270<br />16.2.4　检查浏览器网络状态 271<br />实战　检查浏览器的网络状态271<br />16.3　应用缓存接口applicationCache 273<br />16.3.1　检查浏览器是否支持应用缓存接口273<br />实战　检查浏览器是否支持Web 离线应用 273<br />16.3.2　applicationCache 接口274<br />16.3.3　接口的status 属性274<br />16.3.4　接口的方法275<br />16.3.5　接口的事件275<br />实战　离线应用缓存的事件发生顺序 275<br />16.4　离线缓存网页内容277<br />实战　离线缓存网页内容 277<br />第17 章使用Web Workers 处理线程<br />17.1　了解Web Workers281<br />17.1.1　什么是Web Workers281<br />17.1.2　Web Workers 线程的特点281<br />17.1.3　Web Workers 体系结构 282<br />17.2　专属线程Dedicated Worker 282<br />17.2.1　检查浏览器是否支持Worker对象282<br />17.2.2　创建专属线程282<br />17.2.3　为线程添加监听消息事件 282<br />17.2.4　向线程中发送消息283<br />17.2.5　编写线程处理的脚本文件 283<br />17.2.6　在线程中加载多个文件283<br />17.2.7　监听线程错误283<br />实战　简单的专属线程应用 284<br />17.2.8　多线程嵌套285<br />17.2.9　单层线程嵌套286<br />实战　线程嵌套输出最大质数 286<br />17.2.10　多层线程嵌套 287<br />17.3　共享线程Shared Worker288<br />17.3.1　共享线程的基本用法 288<br />17.3.2　使用共享线程289<br />实战　使用共享线程显示连接数 289<br />17.4　Web Workers 接口框架291<br />17.4.1　线程外部接口291<br />17.4.2　线程内部接口293<br />第18 章跨源通信和WebSocket双向通信<br />18.1　了解跨文档信息传输 296<br />18.1.1　跨文档信息传输的实现296<br />18.1.2　网页源安全297<br />18.2　使用postMessage 接口297<br />18.2.1　检查浏览器是否支持postMessage接口298<br />18.2.2　使用postMessage( ) 方法发送信息298<br />18.2.3　使用message 事件监听收到的信息298<br />实战　实现简单的跨文档信息传输 299<br />18.3　信息事件接口MessageEvent 301<br />18.3.1　MessageEvent 接口清单 301<br />18.3.2　MessageEvent 接口属性 301<br />18.3.3　initMessageEvent( ) 接口方法302<br />18.3.4　MessageEvent( ) 接口说明302<br />18.4　了解XMLHttpRequestLevel2 规范 302<br />18.4.1　XMLHttpRequestLevel2 规范的优势 302<br />18.4.2　XMLHttpRequestLevel2 规范的接口303<br />18.4.3　XMLHttpRequestLevel2 规范中新的响应事件304<br />18.4.4　检查浏览器是否支持全新的XMLHttpRequest 对象304<br />18.4.5　构建跨源请求304<br />18.4.6　添加监听事件304<br />18.4.7　部署服务器305<br />18.5　了解WebSocket 305<br />18.5.1　WebSocket 概述 305<br />18.5.2　WebSocket 的优势 306<br />18.5.3　WebSocket 编程接口306<br />18.6　了解WebSocket 编程基础 308<br />18.6.1　检查浏览器是否支持WebSocket 308<br />18.6.2　创建连接308<br />18.6.3　添加状态和消息监听事件 309<br />18.6.4　发送信息309<br />18.6.5　关闭连接309<br />第19 章使用HTML5 获取地理位置<br />19.1　Geolocation API 310<br />19.1.1　地理位置坐标信息310<br />19.1.2　地理位置信息的来源 310<br />19.1.3　地理位置信息的应用 311<br />19.1.4　Geolocation API 中的隐私保护 311<br />19.2　使用Geolocation 前的准备 312<br />19.2.1　Geolocation 的浏览器支持情况312<br />19.2.2　检查浏览器是否支持Geolocation API312<br />实战　检查浏览器是否支持GeolocationAPI312<br />19.3　使用GeolocationAPI 获取地理位置313<br />19.3.1　getCurrentPosition( ) 方法313<br />19.3.2　回调函数successCallback( )314<br />19.3.3　回调函数errorCallback( ) 314<br />19.3.4　可选参数options 315<br />19.3.5　单次获取地理位置信息315<br />实战　单次获取地理位置信息 316<br />19.3.6　重复更新地理位置信息319<br />19.4　Geolocation 接口319<br />19.4.1　NavigatorGeolocation 接口清单 319<br />19.4.2　Geolocation 接口清单319<br />19.4.3　PositionOptions 接口清单 320<br />19.4.4　Position 接口清单 320<br />19.4.5　Coordinates 接口清单321<br />19.4.6　PositionError 接口清单321<br />19.5　在地图上显示位置321<br />实战　在地图上显示位置 322<br />第20 章HTML5 网页综合实战<br />20.1　制作电子商务网站页面 327<br />20.1.1　设计分析327<br />20.1.2　布局结构分析327<br />20.1.3　制作HTML5 页面328<br />实战　制作页眉header 和导航nav 区域 328<br />实战　制作网页广告区域 330<br />实战　制作网页侧边栏区域 332<br />实战　制作网页主体内容区域 334<br />实战　制作网页版底footer 区域338<br />20.2　制作企业网站页面340<br />20.2.1　设计分析340<br />20.2.2　布局结构分析340<br />20.2.3　制作HTML5 页面341<br />实战　制作页面头部header 区域341<br />实战　制作网页焦点轮换广告图344<br />实战　制作页面主体内容区域 346<br />实战　制作页脚部分内容 348<br />HTML5 手机网页实战<br />21.1　如何制作响应式网站页面351<br />21.1.1　什么是响应式设计351<br />21.1.2　响应式设计的相关术语352<br />21.1.3　<meta> 标签设置353<br />21.2　制作响应式摄影图片网页354<br />21.2.1　设计分析354<br />21.2.2　布局结构分析354<br />21.2.3　制作HTML5 响应式网页355<br />实战　制作页面导航区域 355<br />实战　制作页面主体内容区域 360<br />第21 章实战　制作页面版底信息区域 365</p>

前沿

随着互联网信息技术的发展，特别是移动互联网的迅速崛起，原来的网页描述语言HTML 已经不能满足日益丰富的网页设计制作需要。HTML5是下一代HTML 的标准，与HTML4 相比，HTML5的发展有着革命性的进步。在HTML5 中，不但新增了许多全新的实用功能，而且对涉及的每一个细节都做出了明确的规定。HTML5以其简洁、高效的特点，在网页中的应用越来越广泛。
《HTML 5网页设计与制作全程揭秘》全面系统地向读者介绍HTML5 中的各个知识点，每个重要的知识点都配合实战练习进行讲解，将知识点与实战练习紧密结合，避免枯燥无味的基础知识讲解，使读者能够更加轻松地掌握和应用最新的HTML5 网页开发技术，提高学习效率，并能够学以致用。全书共分21 章，各章内容介绍如下。
第1 章　从HTML 到HTML5，介绍HTML、XHTML 和HTML5 的相关基础知识，使读者能够清晰地了解HTML 的发展，以及HTML、XHTML 和HTML5 之间的联系和区别，认识到HTML5 的优势。
第2 章　HTML5页面基本设置，介绍如何在HTML 中对网页头部标签和网页主体标签进行设置，从而达到控制网页整体属性的目的。
第3 章　设置文本与段落，文本是网页中重要的基本元素之一。本章详细介绍HTML5 中对文本和段落进行设置的相关标签和属性设置方法，使读者能够轻松地对网页中的文本和段落进行处理。
第4 章　插入并设置图像，介绍在HTML5 页面中插入图像的方法，以及在图像标签中添加各种属性对图像进行设置的方法。
第5 章　创建和设置列表，介绍在HTML5 中创建项目列表、编号列表和定义列表的方法，以及对各种列表进行设置的相关属性。
第6 章　创建和设置超链接，超链接是互联网的基础。本章详细介绍网页超链接的创建和设置方法，以及各种特殊链接的创建方法，并且还介绍了链接路径的相关知识。
第7 章　插入多媒体，介绍如何在HTML5 页面中应用各种不同类型的多媒体元素，包括Flash 动画、背景音乐和普通视频文件等。
第8 章　插入和设置表单元素，表单是网页交互的重要途径。本章主要介绍在HTML5 页面中插入各种不同类型的表单元素，以及对表单元素属性进行设置的方法和技巧。
第9 章　表格与Div，主要介绍在HTML5 页面中创建表格以及对表格和单元格属性进行设置的方法和技巧，还介绍了在HTML5 页面中插入IFrame 框架和应用Div 的方法。
第10 章　HTML5文档结构，主要介绍HTML5 中新增的文档结构标签的作用和使用方法，以及如何通过使用HTML5 文档结构标签创建规范的HTML5 文档。
第11 章　使用HTML5 画布绘图，canvas 元素是HTML5 的亮点之一，通过使用canvas 元素可以在网页中绘制出各种几何图形。本章详细介绍使用HTML5 中的canvas 元素在网页中绘制图形、文字、渐变的方法。
第12 章　HTML5的音频和视频，多媒体的应用也是HTML5 的一大亮点。本章详细介绍HTML5 中Video 与Audio 元素的使用方法和属性设置技巧。
第13 章　使用HTML5 的表单元素，在HTML5 中新增了许多表单属性和表单元素，通过这些新增的表单属性可以方便地对表单元素的有效性进行验证，新的表单元素则能够方便用户创建出更加友好的表单应用。
第14 章　文件与拖放处理，本章详细介绍HTML5 中新增的文件API 和拖放API 功能，通过文件API 功能可以同时上传多个文件，通过拖放API 功能可以实现网页元素拖放处理。
第15 章　HTML5本地存储，介绍HTML5 中的两种本地存储方式，分别是Web Storage 和Web SQL 数据库，通过使用HTML5 的本地存储功能，可以更轻松地开发Web 应用程序。
第16 章　HTML5离线应用缓存，介绍HTML5 中新增的离线应用缓存功能，包括缓存清单文件的编写方式、离线应用缓存的应用等内容。
第17 章　使用Web Workers 处理线程，介绍Web Workers 的相关知识，重点讲解专属线程和共享线程的作用、创建和使用方法等内容。
第18 章　跨源通信和WebSocket 双向通信，介绍HTML5 中新增的跨源通信和WebSocket 双向通信的相关知识，实现简单的跨文档信息传输，对跨源通信和WebSocket 有全新的认识和了解。
第19 章　使用HTML5 获取地理位置，介绍获取地理位置信息的原理，以及使用HTML5 中新增的Geolocation API 实现获取用户地理位置信息的方法。
第20 章　HTML5网页综合实战，通过两个网站页面案例的制作讲解，使读者能够更加轻松地掌握使用HTML5 中的各种标签制作符合HTML5 标准的网站页面的方法和技巧。
第21 章　HTML5手机网页实战，介绍响应式网页的制作方法和注意事项，并通过响应式网页实例的制作讲解，使读者能够轻松地掌握制作HTML5 手机网页的方法。
《HTML 5网页设计与制作全程揭秘》由贾勇编著，另外张晓景、李晓斌、高鹏、胡敏敏、张国勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了部分编写工作。《HTML 5网页设计与制作全程揭秘》在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。QQ 群名称：网页设计与开发交流群；QQ 群号：705894157。
为了方便读者学习，《HTML 5网页设计与制作全程揭秘》为每个实例提供了教学视频，只要扫描一下书中实例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。《HTML 5网页设计与制作全程揭秘》配套的立体化学习资源中提供了书中所有实例的素材源文件、最终文件、教学视频和PPT 课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源( 注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容)。

编　者