HTML5从入门到精通

出版社:清华大学出版社
出版日期:2012-9
ISBN:9787302287582
作者:明日科技
页数:430页

章节摘录

版权页：   插图：   currentSrc属性、buffered属性 可以用currentSrc属性来读取播放中的媒体数据的URL地址，该属性为只读属性。 buffered属性返回一个实现TimeRanges接口的对象，以确认浏览器是否已缓存媒体数据。 TimeRanges对象表示一段时间范围，在大多数情况下，该对象表示的时间范围是一个单一的以0开始的范围，但是如果浏览器发出RangeRquest请求，这时TimeRanges对象表示的时间范围是多个时间范围。 TimeRanges对象具有一个length属性，表示有多少个时间范围，多数情况下存在时间范围时，该值为1，不存在时间范围时，该值为0；该对象有两个方法：start（index）和end（index），多数情况下将index设置为0就可以了。当用element.buffered语句来实现TimeRanges接口时，start（0）表示当前缓存区内从媒体数据的什么时间开始进行缓存，end（0）表示当前缓存区内的结束时间。buffered属性为只读属性。 readyState属性 该属性返回媒体当前播放位置的就绪状态，其值包括以下5个。 HAVE NOTHING（数值0）：没有获取到媒体的任何信息，当前播放位置没有可播放数据。 HAVE METADATA（数值1）：已经获取到了足够的媒体数据，但是当前播放位置没有有效的媒体数据（也就是说，获取到的媒体数据无效，不能播放）。 HAVE CURRENT DATA（数值2）：当前播放位置已经有数据可以播放，但没有获取到可以让播放器前进的数据。当媒体为视频时，意思是当前帧的数据已获得，但还没有获取到下一帧的数据，或者当前帧已经是播放的最后一帧。 HAVE FUTURE DATA（数值3）：当前播放位置已经有数据可以播放，而且也获取到了可以让播放器前进的数据。当媒体为视频时，意思是当前帧的数据已获取，而且也获取到了下一帧的数据，当前帧是播放的最后一帧时，readyState属性不可能为HAVE_FUTURE_DATA。 HAVE ENOUGH DATA（数值4）：当前播放位置已经有数据可以播放，同时也获取到了可以让播放器前进的数据，而且浏览器确认媒体数据以某一种速度进行加载，可以保证有足够的后续数据进行播放。 readyState属性为只读属性。 seeking属性和seekable属性 seeking属性返回一个布尔值，表示浏览器是否正在请求某一特定播放位置的数据，true表示浏览器正在请求数据，false表示浏览器已停止请求。

前言

自从2010年HTML 5正式推出以来，它立刻受到了世界各大浏览器的热烈欢迎与支持。根据世界各大IT界知名媒体评论的说法，新的Web时代——HTML 5的时代马上就要到来。本书内容　　本书中所讲的HTML 4中的内容，能够在所有浏览器中运行。在讲解HTML 5中新增加的内容时，由于新增加的内容所支持的浏览器不同，所以在运行时所用的浏览器也不同。读者在具体运行实例时，请使用其所支持的浏览器运行，这样才能保证实例的运行效果。　　本书提供了从HTML到HTML 5的所有知识，共分3篇。　　第1篇：HTML基础。本篇主要是对HTML基础、标记、列表、超链接、图像与表格、层标签以及表单与多媒体页面等内容的介绍，并结合大量的图示、实例、录像等，使读者快速掌握HTML的基础知识，并为以后深入学习HTML 5奠定坚实的基础。　　第2篇：HTML 5高级应用。本篇对HTML 5中新增的语法与标记方法、新增元素、新增API以及这些元素与API目前为止受到了哪些浏览器的支持等进行了详细的介绍。在对它们进行介绍的同时，将其与HTML 4中的各种元素与功能进行了对比，以帮助读者更好地理解为什么要使用HTML 5、使用HTML 5的好处。　　第3篇：HTML 5项目实战。本篇详细讲解如何在一个用HTML 5语言编写而成的页面中综合运用HTML 5中新增的各种结构元素，如何对这些结构元素综合使用CSS样式。本书特点◆技术新颖，讲解细致：全面、细致地展示HTML的基础知识，同时讲解在未来Web时代中备受欢迎的HTML 5的新知识，让读者能够真正学习到HTML 5最实用、最流行的技术。◆语音视频，讲解详尽：书中每一章节均提供声图并茂的语音教学录像，读者可以根据书中提供的录像位置，在光盘中找到。这些录像能够引导初学者快速入门，感受编程的快乐和成就感，增强进一步学习的信心，从而快速成为编程高手。◆实例典型，轻松易学：通过例子学习是最好的学习方式，本书通过一个知识点、一个例子、一个结果、一段评析、一个综合应用的模式，透彻详尽地讲述了实际开发中所需的各类知识。◆精彩栏目，贴心提醒：本书根据需要在各章使用了很多“注意”、“说明”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，并轻松地掌握个别技术的应用技巧。◆应用实践，随时练习：书中几乎每章都提供了“习题”，让读者能够通过对问题的解答重新回顾、熟悉所学的知识，举一反三，为进一步学习作好充分的准备。读者对象◆初学编程的自学者                  ◆编程爱好者◆大中专院校的老师和学生            ◆相关培训机构的老师和学员◆正在做毕业设计的学生              ◆初中级程序开发人员◆程序测试及维护人员                ◆ 参加实习的“菜鸟”程序员读者服务　　为了方便读者，本书提供了学习答疑网站。有关本书的问题读者均可在网站上留言，我们力求在24小时内回复，节假日除外。致读者　　本书由明日科技Web程序开发团队策划并组织编写，主要编写人员有李慧、刘欣、王小科、赵会东、顾彦玲、刘玲玲、赛奎春、高春艳、杨丽、王国辉、陈丹丹、李伟、曹飞飞、朱晓、潘凯华、李继业、寇长梅、陈英、刘莉莉、刘淇、王双、黎秋芬、陈媛等。在编写过程中，我们以科学、严谨的态度，力求精益求精，但错误、疏漏之处在所难免，敬请广大读者批评指正。　　最后，感谢您选择本书，希望本书能成为您学习编程路上的领航者。　　“零门槛”编程，一切皆有可能。祝读书快乐！　　                                                                    编  者

书籍目录

目  录

第1篇  HTML基础

第1章  HTML基础
3

教学录像：22分钟

1.1  HTML的基本概念
4

1.2  HTML发展史
4

1.3  HTML的基本结构
5

1.3.1  HTML文件的编写方法
5

1.3.2  文件开始标签
7

1.3.3  文件头部标签
7

1.3.4  文件标题标签<br />7<br />
1.3.5  文件主体标签<body><br />7<br />
1.3.6  编写文件的注意事项<br />8<br />
1.4  编写第一个HTML文件<br />8<br />
1.4.1  HTML文件的编写方法<br />8<br />
1.4.2  手工编写页面<br />9<br />
1.4.3  使用可视化软件制作页面<br />10<br />
1.4.4  使用浏览器浏览HTML文件<br />14<br />
1.4.5  使用HTML开发的明日图书网<br />14<br />
1.5  小结<br />15<br />
1.6  习题<br />16<br />
第2章  HTML文件基本标记<br />17<br />
教学录像：44分钟<br />
2.1  HTML头部标记<br />18<br />
2.2  标题标记<title><br />18<br />
2.3  元信息标记<meta><br />19<br />
2.3.1  设置页面关键字<br />19<br />
2.3.2  设置页面描述<br />20<br />
2.3.3  设置编辑工具<br />20<br />
2.3.4  设定作者信息<br />21<br />
2.3.5  限制搜索方式<br />22<br />
2.3.6  设置网页文字及语言<br />22<br />
2.3.7  设置网页的定时跳转<br />23<br />
2.3.8  设定有效期限<br />24<br />
2.3.9  禁止从缓存中调用<br />24<br />
2.3.10  删除过期的cookie<br />25<br />
2.3.11  强制打开新窗口<br />25<br />
2.3.12  设置网页的过渡效果<br />26<br />
2.4  基底网址标记<base><br />29<br />
2.5  页面的主体标记<body><br />30<br />
2.5.1  设置文字颜色——text<br />31<br />
2.5.2  背景颜色属性——bgcolor<br />32<br />
2.5.3  背景图像属性——background<br />32<br />
2.5.4  设置链接文字属性——link<br />35<br />
2.5.5  设置边距——margin<br />37<br />
2.6  页面的注释标记<br />38<br />
2.7  实例演练——创建基本的HTML网页<br />38<br />
2.8  小结<br />39<br />
2.9  习题<br />40<br />
第3章  设计网页文本内容<br />41<br />
教学录像：29分钟<br />
3.1  标题文字的建立<br />42<br />
3.1.1  标题文字标记<h><br />42<br />
3.1.2  标题文字的对齐方式——align<br />43<br />
3.2  设置文字格式<br />44<br />
3.2.1  设置文字字体——face<br />44<br />
3.2.2  设置字号——size<br />45<br />
3.2.3  设置文字颜色——color<br />46<br />
3.2.4  粗体、斜体、下划线——strong、em、u<br />46<br />
3.2.5  上标与下标——sup、sub<br />47<br />
3.2.6  设置删除线——strike<br />48<br />
3.2.7  等宽文字标记——code<br />49<br />
3.2.8  空格——<br />49<br />
3.2.9  其他特殊符号<br />50<br />
3.3  设置段落格式<br />51<br />
3.3.1  段落标记——p<br />51<br />
3.3.2  取消文字换行标记——nobr<br />52<br />
3.3.3  换行标记——br<br />53<br />
3.3.4  保留原始排版方式标记——pre<br />53<br />
3.3.5  居中对齐标记——center<br />54<br />
3.3.6  向右缩进标记——blockquote<br />55<br />
3.4  水平线标记<br />56<br />
3.4.1  添加水平线——hr<br />56<br />
3.4.2  设置水平线的宽度与高度<br />
——width、height<br />57<br />
3.4.3  设置水平线的颜色——color<br />58<br />
3.4.4  设置水平线的对齐方式——align<br />59<br />
3.4.5  去掉水平线阴影——noshade<br />60<br />
3.5  其他文字标记<br />60<br />
3.5.1  文字标注标记——ruby<br />60<br />
3.5.2  声明变量标记——var<br />61<br />
3.5.3  忽视HTML标记<br />
——plaintext、xmp<br />62<br />
3.6  小结<br />63<br />
3.7  习题<br />63<br />
第4章  使用列表<br />65<br />
教学录像：35分钟<br />
4.1  列表的标记<br />66<br />
4.2  使用无序列表<br />66<br />
4.2.1  无序列表标记——ul<br />66<br />
4.2.2  无序列表的符号类型——type<br />67<br />
4.3  使用有序列表<br />69<br />
4.3.1　有序列表标记——ol<br />69<br />
4.3.2　有序列表的属性——type<br />70<br />
4.3.3　有序列表的起始数值——start<br />72<br />
4.4  定义列表标记——dl<br />73<br />
4.5  菜单列表标记——menu<br />74<br />
4.6  目录列表——dir<br />75<br />
4.7  使用嵌套列表<br />76<br />
4.7.1　定义列表的嵌套<br />77<br />
4.7.2　无序列表和有序列表的嵌套<br />78<br />
4.8  小结<br />79<br />
4.9  习题<br />80<br />
第5章  超链接<br />81<br />
教学录像：22分钟<br />
5.1  超链接的基本知识<br />82<br />
5.1.1  超链接<br />82<br />
5.1.2  绝对路径<br />82<br />
5.1.3  相对路径<br />82<br />
5.2  超链接的建立<br />83<br />
5.2.1  超链接标记的基本语法<br />83<br />
5.2.2  建立文本超链接<br />83<br />
5.2.3  设置超链接的目标窗口<br />85<br />
5.3  内部链接<br />87<br />
5.4  书签链接<br />89<br />
5.4.1  建立书签<br />89<br />
5.4.2  链接到同一页面的书签<br />91<br />
5.4.3  链接到不同页面的书签<br />92<br />
5.5  外部链接<br />93<br />
5.5.1  通过HTTP协议<br />94<br />
5.5.2  通过FTP<br />94<br />
5.5.3  发送E-mail<br />95<br />
5.5.4  下载文件<br />96<br />
5.6  其他链接<br />98<br />
5.6.1  脚本链接<br />98<br />
5.6.2  空链接<br />99<br />
5.7  小结<br />99<br />
5.8  习题<br />100<br />
第6章  使用图像<br />101<br />
教学录像：35分钟<br />
6.1  图像的基本格式<br />102<br />
6.2  添加图像——img<br />102<br />
6.3  设置图像属性<br />103<br />
6.3.1  图像高度——height<br />103<br />
6.3.2  图像宽度——width<br />104<br />
6.3.3  图像边框——border<br />105<br />
6.3.4  图像水平间距——hspace<br />107<br />
6.3.5  图像垂直间距——vspace<br />108<br />
6.3.6  图像相对于文字基准线的对齐方式<br />
——align<br />108<br />
6.3.7  图像的提示文字——alt<br />110<br />
6.4  图像的超链接<br />111<br />
6.4.1　设置图像的超链接<br />111<br />
6.4.2　设置图像热区链接<br />112<br />
6.5  小结<br />116<br />
6.6  习题<br />116<br />
第7章  表格的应用<br />118<br />
教学录像：48分钟<br />
7.1　创建表格<br />119<br />
7.1.1　表格的基本构成——table、tr、td<br />119<br />
7.1.2　表格的标题——caption<br />120<br />
7.1.3　表格的表头——th<br />121<br />
7.2　设置表格基本属性<br />123<br />
7.2.1　表格的宽度——width<br />123<br />
7.2.2　表格的高度——height<br />125<br />
7.2.3　表格的对齐方式——align<br />126<br />
7.3　设置表格的边框<br />127<br />
7.3.1　表格边框的宽度——border<br />127<br />
7.3.2　表格边框的颜色——bordercolor<br />128<br />
7.3.3　表格内框的宽度——cellspacing<br />130<br />
7.3.4　表格内文字与边框的间距<br />
——cellpadding<br />131<br />
7.4　设置表格背景<br />132<br />
7.4.1　表格的背景颜色——bgcolor<br />132<br />
7.4.2　表格的背景图像——background<br />133<br />
7.5　设置表格的行属性<br />134<br />
7.5.1　高度的控制——height<br />134<br />
7.5.2　行的边框颜色——bordercolor<br />135<br />
7.5.3　行的背景颜色——bgcolor、background<br />136<br />
7.5.4　行文字的水平对齐方式——align<br />137<br />
7.5.5　行文字的垂直对齐方式——valign<br />139<br />
7.5.6  表格标题的垂直对齐方式——align<br />140<br />
7.6　调整单元格属性<br />141<br />
7.6.1　单元格大小——width、height<br />141<br />
7.6.2　单元格水平跨度——colspan<br />142<br />
7.6.3　单元格垂直跨度——rowspan<br />143<br />
7.6.4　单元格对齐方式——align、valign<br />144<br />
7.6.5　单元格的背景色<br />146<br />
7.6.6　单元格的边框颜色——bordercolor<br />147<br />
7.6.7　单元格的亮边框——bordercolorlight<br />148<br />
7.6.8　单元格的暗边框——bordercolordark<br />150<br />
7.6.9　单元格的背景图像——background<br />151<br />
7.7　表格的结构<br />152<br />
7.7.1　表格的表头标记——thead<br />153<br />
7.7.2　表格的表主体标记——tbody<br />154<br />
7.7.3　表格的表尾标记——tfoot<br />156<br />
7.8  表格的嵌套<br />157<br />
7.9  小结<br />159<br />
7.10  习题<br />159<br />
第8章  层标记——div<br />161<br />
教学录像：33分钟<br />
8.1  层<br />162<br />
8.1.1  层的分类<br />162<br />
8.1.2  定义数据块<br />162<br />
8.2  <div>标签<br />163<br />
8.2.1  <div>标签的简介<br />163<br />
8.2.2  <div>标签的属性<br />164<br />
8.2.3  <span>标签与<div>标签<br />170<br />
8.3  <iframe>标签<br />172<br />
8.3.1  <iframe>标签的简介<br />172<br />
8.3.2  <iframe>标签的属性<br />172<br />
8.4  <layer>标签和<ilayer>标签<br />174<br />
8.4.1  标签层的使用<br />175<br />
8.4.2  <layer>标签和<ilayer>标签的区别<br />176<br />
8.5  应用div制作下拉菜单导航条<br />176<br />
8.6  小结<br />179<br />
8.7  习题<br />179<br />
第9章  编辑表单<br />181<br />
教学录像：26分钟<br />
9.1　使用表单标签——form<br />182<br />
9.1.1　处理动作——action<br />182<br />
9.1.2　表单名称——name<br />183<br />
9.1.3　传送方法——method<br />183<br />
9.1.4　编码方式——enctype<br />184<br />
9.1.5　目标显示方式——target<br />185<br />
9.2  添加控件<br />185<br />
9.3　输入类的控件<br />186<br />
9.3.1　文字字段——text<br />186<br />
9.3.2　密码域——password<br />187<br />
9.3.3　单选按钮——radio<br />188<br />
9.3.4　复选框——checkbox<br />189<br />
9.3.5　普通按钮——button<br />190<br />
9.3.6　提交按钮——submit<br />191<br />
9.3.7　重置按钮——reset<br />192<br />
9.3.8　图像域——image<br />193<br />
9.3.9　隐藏域——hidden<br />195<br />
9.3.10　文件域——file<br />195<br />
9.4　列表/菜单标记<br />197<br />
9.5　文本域标记——textarea<br />198<br />
9.6　id标记<br />199<br />
9.7　小结<br />200<br />
9.8　习题<br />200<br />
第10章  多媒体页面<br />202<br />
视频讲解：18分钟<br />
10.1  设置滚动文字<br />203<br />
10.1.1  滚动文字标签——marquee<br />203<br />
10.1.2  滚动方向属性——direction<br />203<br />
10.1.3  滚动方式属性——behavior<br />204<br />
10.1.4  滚动速度属性——scrollamount<br />205<br />
10.1.5  滚动延迟属性——scrolldelay<br />206<br />
10.1.6  滚动循环属性——loop<br />207<br />
10.1.7  滚动范围属性——width、height<br />208<br />
10.1.8  滚动背景颜色属性——bgcolor<br />209<br />
10.1.9  滚动空间属性——hspace、vspace<br />209<br />
10.2  添加背景音乐<br />211<br />
10.2.1　设置背景音乐——bgsound<br />211<br />
10.2.2　设置循环播放次数——loop<br />212<br />
10.3  添加多媒体文件<br />213<br />
10.3.1  添加多媒体文件标记——embed<br />213<br />
10.3.2  设置自动运行——autostart<br />214<br />
10.3.3  设置媒体文件的循环播放——loop<br />215<br />
10.3.4  隐藏面板——hidden<br />216<br />
10.3.5  添加其他类型的媒体文件<br />217<br />
10.4  小结<br />217<br />
10.5  习题<br />218<br />
第2篇  HTML 5高级应用<br />
第11章  HTML 5的新特性<br />221<br />
视频讲解：6分钟<br />
11.1  谁在开发HTML 5<br />222<br />
11.2  HTML 5的新认识<br />222<br />
11.2.1  兼容性<br />222<br />
11.2.2  实用性和用户优先<br />222<br />
11.2.3  化繁为简<br />223<br />
11.3  无插件范式<br />223<br />
11.4  HTML 5的新特性<br />224<br />
11.5  小结<br />224<br />
第12章  HTML 5与HTML 4的区别<br />225<br />
视频讲解：51分钟<br />
12.1  语法的改变<br />226<br />
12.1.1  HTML 5的语法变化<br />226<br />
12.1.2  HTML 5中的标记方法<br />226<br />
12.1.3  HTML 5语法中的3个要点<br />227<br />
12.1.4  标签实例<br />228<br />
12.2  新增的元素和废除的元素<br />228<br />
12.2.1  新增的结构元素<br />228<br />
12.2.2  新增的块级的语义元素<br />230<br />
12.2.3  新增的行内的语义元素<br />231<br />
12.2.4  新增的嵌入多媒体元素与交互性元素<br />231<br />
12.2.5  新增的input元素的类型<br />232<br />
12.2.6  废除的元素<br />233<br />
12.3  新增的属性和废除的属性<br />234<br />
12.3.1  新增的属性<br />234<br />
12.3.2  废除的属性<br />236<br />
12.4  全局属性<br />237<br />
12.4.1  contentEditable属性<br />237<br />
12.4.2  designMode属性<br />238<br />
12.4.3  hidden属性<br />239<br />
12.4.4  spellcheck属性<br />239<br />
12.4.5  tabindex属性<br />240<br />
12.5  小结<br />240<br />
12.6  习题<br />240<br />
第13章  HTML 5的结构<br />242<br />
视频讲解：20分钟<br />
13.1  新增的主体结构元素<br />243<br />
13.1.1  article元素<br />243<br />
13.1.2  section元素<br />245<br />
13.1.3  nav元素<br />247<br />
13.1.4  aside元素<br />248<br />
13.1.5  time元素<br />250<br />
13.1.6  pubdate属性<br />250<br />
13.2  新增的非主体结构元素<br />251<br />
13.2.1  header元素<br />251<br />
13.2.2  hgroup元素<br />252<br />
13.2.3  footer元素<br />252<br />
13.2.4  address元素<br />253<br />
13.3  小结<br />253<br />
13.4  习题<br />254<br />
第14章  HTML 5中的表单<br />255<br />
视频讲解：50分钟<br />
14.1  新增表单元素与属性<br />256<br />
14.1.1  新增的属性<br />256<br />
14.1.2  增加与改良的input元素的种类<br />259<br />
14.1.3  output元素的添加<br />264<br />
14.1.4  应用新增元素制作注册表单<br />264<br />
14.2  对表单的验证<br />266<br />
14.2.1  自动验证<br />266<br />
14.2.2  checkValidity显式验证法<br />267<br />
14.2.3  避免验证<br />268<br />
14.2.4  使用setCustomValidity方法自定义<br />
错误信息<br />268<br />
14.3  增加的页面元素<br />269<br />
14.3.1  新增的figure元素<br />270<br />
14.3.2  新增的details元素<br />271<br />
14.3.3  新增的mark元素<br />272<br />
14.3.4  新增的progress元素<br />274<br />
14.3.5  新增的meter元素<br />275<br />
14.3.6  改良的ol列表<br />276<br />
14.3.7  改良的dl列表<br />276<br />
14.3.8  加以严格限制的cite元素<br />277<br />
14.3.9  重新定义的small元素<br />278<br />
14.4  小结<br />278<br />
14.5  习题<br />279<br />
第15章  HTML 5中的文件与拖放<br />280<br />
视频讲解：40分钟<br />
15.1  选择文件<br />281<br />
15.1.1  通过file对象选择文件<br />281<br />
15.1.2  使用blob接口获取文件的类型与大小<br />282<br />
15.1.3  通过类型过滤选择的文件<br />283<br />
15.2　使用FileReader接口读取文件<br />285<br />
15.2.1  检测浏览器是否支持FileReader接口<br />285<br />
15.2.2　FileReader接口的方法<br />285<br />
15.2.3  使用readAsDataURL方法预览图片<br />286<br />
15.2.4　使用readAsText方法读取文本文件<br />287<br />
15.2.5　FileReader接口中的事件<br />288<br />
15.3  拖放API<br />290<br />
15.3.1  实现拖放的步骤<br />290<br />
15.3.2  通过拖放显示欢迎信息<br />291<br />
15.4  dataTransfer对象应用详解<br />293<br />
15.4.1  使用effectAllowed和dropEffect属性<br />
设置拖放效果<br />293<br />
15.4.2  使用setDragImage方法设置拖放图标<br />294<br />
15.5  小结<br />295<br />
15.6  习题<br />295<br />
第16章  多媒体播放<br />296<br />
视频讲解：35分钟<br />
16.1  HTML 5多媒体的简述<br />297<br />
16.1.1  HTML 4中多媒体的应用<br />297<br />
16.1.2  HTML 5页面中的多媒体<br />297<br />
16.2  多媒体元素基本属性<br />298<br />
16.3  多媒体元素常用方法<br />302<br />
16.3.1  媒体播放时的方法<br />302<br />
16.3.2  canPlayType(type)方法<br />304<br />
16.4  多媒体元素重要事件<br />304<br />
16.4.1  事件处理方式<br />304<br />
16.4.2  事件介绍<br />305<br />
16.4.3  事件实例<br />306<br />
16.5  小结<br />308<br />
16.6  习题<br />309<br />
第17章  绘制图形<br />310<br />
视频讲解：1小时32分钟<br />
17.1  canvas的基础知识<br />311<br />
17.1.1  canvas是什么<br />311<br />
17.1.2  在页面中放置canvas元素<br />311<br />
17.1.3  绘制带边框的矩形<br />312<br />
17.2  在画布中使用路径<br />314<br />
17.2.1  使用arc方法绘制圆形<br />314<br />
17.2.2  使用moveTo与lineTo路径绘制火柴人<br />316<br />
17.2.3  贝塞尔和二次方曲线<br />317<br />
17.3  运用样式与颜色<br />319<br />
17.3.1  fillStyle 和 strokeStyle属性<br />319<br />
17.3.2  透明度 globalAlpha<br />321<br />
17.3.3  线型 Line styles<br />323<br />
17.4  绘制渐变图形<br />325<br />
17.4.1  绘制线性渐变<br />325<br />
17.4.2  绘制径向渐变<br />326<br />
17.5  绘制变形图形<br />328<br />
17.5.1  坐标的变换<br />328<br />
17.5.2  矩阵变换<br />330<br />
17.6  组合多个图形<br />333<br />
17.7  给图形绘制阴影<br />335<br />
17.8  应用图像<br />336<br />
17.8.1  绘制图像<br />336<br />
17.8.2  图像的局部放大<br />338<br />
17.8.3  图像平铺<br />339<br />
17.8.4  图像裁剪<br />341<br />
17.8.5  像素的处理<br />342<br />
17.9  绘制文字<br />344<br />
17.10  保存与恢复状态<br />345<br />
17.11  文件的保存<br />346<br />
17.12  对画布绘制实现动画<br />347<br />
17.13  综合实例——桌面时钟<br />348<br />
17.14  小结<br />350<br />
17.15  习题<br />351<br />
第18章  数据存储<br />352<br />
视频讲解：50分钟<br />
18.1  初识Web Storage<br />353<br />
18.1.1  什么是Web Storage<br />353<br />
18.1.2  使用Web Storage中的API<br />353<br />
18.1.3  sessionStorage和localStorage的实例<br />
——计数器<br />355<br />
18.1.4  Web Storage综合实例——留言本<br />357<br />
18.1.5  JSON对象的存数实例——用户信息卡<br />359<br />
18.2  本地数据库<br />361<br />
18.2.1  Web SQL数据库简介<br />361<br />
18.2.2  使用Web SQL Database API<br />362<br />
18.2.3  本地数据库实例——用户登录<br />363<br />
18.3  小结<br />367<br />
18.4  习题<br />367<br />
第19章  离线应用程序<br />368<br />
视频讲解：13分钟<br />
19.1  HTML 5离线Web应用概述<br />369<br />
19.1.1  离线Web应用概述<br />369<br />
19.1.2  本地缓存与浏览器网页缓存的区别<br />370<br />
19.2  创建HTML 5离线应用<br />370<br />
19.2.1  缓存清单（manifest）<br />370<br />
19.2.2  配置IIS服务器<br />372<br />
19.2.3  浏览缓存清单<br />372<br />
19.3  浏览器与服务器的交互过程<br />373<br />
19.4  applicationCache对象<br />374<br />
19.4.1  swapCache方法<br />375<br />
19.4.2  applicationCache对象的事件<br />376<br />
19.5  小结<br />379<br />
19.6  习题<br />379<br />
第20章  使用Web Worker处理线程<br />380<br />
视频讲解：25分钟<br />
20.1  Web Worker概述<br />381<br />
20.1.1  创建和使用Worker<br />381<br />
20.1.2  Web Worker应用实例——求和运算<br />382<br />
20.2  在Worker内部能做什么<br />383<br />
20.3  多个JavaScript文件的加载与执行<br />384<br />
20.4  线程嵌套<br />384<br />
20.4.1  单层嵌套<br />385<br />
20.4.2  在多个子线程中进行数据的交互<br />387<br />
20.5  小结<br />390<br />
20.6  习题<br />390<br />
第21章  通信API<br />391<br />
视频讲解：4分钟<br />
21.1  跨文档消息通信<br />392<br />
21.1.1  使用postMessageAPI<br />392<br />
21.1.2   跨文档消息传输<br />392<br />
21.2  小结<br />394<br />
第22章  获取地理位置信息<br />395<br />
视频讲解：12分钟<br />
22.1  Geolocation API的概述<br />396<br />
22.1.1  使用getCurrentPosition方法获取<br />
当前地理位置<br />396<br />
22.1.2  持续监视当前地理位置的信息<br />398<br />
22.1.3  停止获取当前用户的地理位置信息<br />398<br />
22.2  position对象<br />398<br />
22.3  在google地图上显示“我在这里”<br />399<br />
22.4  小结<br />401<br />
22.5  习题<br />401<br />
<br />
第3篇  HTML 5项目实战<br />
第23章  旅游信息网前台页面<br />405<br />
视频讲解：20分钟<br />
23.1  概述<br />406<br />
23.2  网站预览<br />406<br />
23.3  关键技术<br />410<br />
23.3.1  网站主体结构设计<br />410<br />
23.3.2  HTML 5结构元素的使用<br />410<br />
23.4  网站公共部分设计<br />411<br />
23.4.1  设计网站公共header<br />411<br />
23.4.2  设计网站公共footer<br />418<br />
23.5  网站主页设计<br />419<br />
23.5.1  显示网站介绍及相关图片<br />419<br />
23.5.2  主页左侧导航的实现<br />421<br />
23.6  留下足迹页面设计<br />424<br />
23.6.1  播放音乐<br />424<br />
23.6.2  添加留言功能的实现<br />425<br />
23.7  小结<br />426<br />
<br />
附录  习题参考答案<br />427<br />
HTML 5从入门到精通<br />
<br />
目    录<br />
<br />
X<br />
<br />
<br />
XI</pre></p>
<p class="calculate"><b>编辑推荐</b></p>
<p class="calculate"><pre class="exuberance">“软件开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列，每个子系列的图书在其同品种的图书中销售名列前茅，其中：◆4个品种荣获“全行业优秀畅销品种”◆1个品种荣获2012年清华大学出版社“专业畅销书”一等奖◆绝大多数品种在“全国计算机零售图书排行榜”同品种排行中名列前茅◆截至目前该大系累计销售超过55万册◆该大系已成为近年来清华社计算机专业基础类零售图书最畅销的品牌之一“软件开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。本书突出了以下内容：◆总长总时长25小时同步视频演示讲解，可反复观摩，让学习更为快捷、高效◆  436个典型实例，通过实例学习更深入，更有趣，更有动力  ◆  369道面试真题，了解工作实例及面试问题，更好适应企业需求◆  138项能力测试题目，检测是否过关，了解学习之不足。◆  根据全国计算机零售图书排行榜，本书已经连续8月HTML5类全国零售排行前2名   “软件开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，执着于专业，精细于品质：◆集基础知识、核心技能、高级应用、项目案例于一体◆好学、好用、高效</pre></p>
<p class="calculate"><b>作者简介</b></p>
<p class="calculate"><pre class="exuberance">《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每章的最后还设置了习题，通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识，还能满足读者充分实践的需求。</pre></p>
<p class="calculate"><b>图书封面</b></p>
<p class="calculate"><pre class="exuberance"><img src="http://static.tushu000.com/small/e1/0/9787302287582.jpg" width="150" height="200" /></pre></p>

<hr />
<table border="0" width="650" style="border-collapse: collapse">
	<tr>
		<td></td>
	</tr>
</table>

<p align="right">
 <a target="_blank" href="/download/37676435115073149208.html" alt="HTML5从入门到精通PDF格式下载" title="HTML5从入门到精通PDF格式下载">HTML5从入门到精通下载</a></p>
<hr />
<br />
<table border="0" width="650" style="border-collapse: collapse">
	<tr>
		<td></td>
		<td width="310"></script></td>
	</tr>
</table>

</div>
</div>

<div class="devotional" id="adoringly">			
<div class="antediluvian"><h3>发布书评</h3></div>
<div class="glimmering">

<table border="0" width="630" style="border-collapse: collapse">
	<tr>
		<td width="47">　</td>
		<td height="100"><textarea rows="5" name="user_comment_content" id="user_comment_content" cols="79"></textarea></td>
	</tr>
	<tr>
		<td width="47">　</td>
		<td align="right" style="text-align:right;"><input type="submit" value="提交评论" class="btn_b bookishness"></td>
	</tr>
</table>

<hr size=1 style="color: blue;border-style:dashed ;width:100%" />
<table border="0" width="650" style="border-collapse: collapse">
	<tr>
		<td></td>
	</tr>
</table>
<hr size=1 style="color: blue;border-style:dashed ;width:100%" />
</ul>

<div class="antediluvian"><h3>精彩短评 (总计20条)</h3></div>
<ul class="claustrophobic">
<li>  <img src="http://static.tushu000.com/statics/avatar/7/87/1063787.jpg" width="50" height="50" />  购买《TML5从入门到精通》</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/6/93/1056693.jpg" width="50" height="50" />  录视频这大姐，讲个话能把人急死，你说你们都花那么多心血去录这个了，就不能找个说话利索点儿的？？果断不看视频了，自己看书吧。还好视频也只是把书上内容念一遍，不看没影响。</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/5/92/1041592.jpg" width="50" height="50" />  书看起来还不错，但是快递太慢了</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/3/13/1063313.jpg" width="50" height="50" />  同学买的，不过看着不错</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/3/64/1062364.jpg" width="50" height="50" />  建议想买这本书的小伙伴想清楚再买，我是退了2次，结果还是老问题！！！书的后面全是贴的标签！没有包装，这还是亚马逊直营的！！！第三次老样子，我不想退了，麻烦！只好认了，如果能发图的话我肯定要发！每次换货写了原因看都不看，一点都不人性化！不过物流人员还是不错的，如实评价！</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/9/61/1041961.jpg" width="50" height="50" />  讲的只是一些简单html基础，涉及到css的很少</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/7/42/1036742.jpg" width="50" height="50" />  值得学习，西安的速度给力</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/0/35/1089035.jpg" width="50" height="50" />  对于我这种荒废七年的人来说，这本书是绝佳的复习课本！</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/2/98/1054298.jpg" width="50" height="50" />  非常不好，不是太专业</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/8/30/1091830.jpg" width="50" height="50" />  收到了，挺 快</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/7/22/1073722.jpg" width="50" height="50" />  感谢这本书的编者，真的是很好学容易学的一本书，是我买这么多书，最中意的一本（不谈质量），但是这个书的印刷又是黑白的，很不爽，本来想收藏的。</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/5/77/1092577.jpg" width="50" height="50" />  看了书，还不错，但是光盘还没看</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/2/92/1049292.jpg" width="50" height="50" />  只是粗略的翻了一下，适合入门的</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/2/58/1092258.jpg" width="50" height="50" />  这本书不推荐，冲着是一个系列并且是清华大学出版社才购买的。书名为HTML5，但内容上显然没有与时俱进。</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/8/26/1042826.jpg" width="50" height="50" />  HTML入门书籍</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/4/83/1045483.jpg" width="50" height="50" />  没读完，想着能靠做前端挣钱的。。。</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/7/69/1009769.jpg" width="50" height="50" />  HTML5从入门到精通</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/9/00/1067900.jpg" width="50" height="50" />  还行吧，对于初学者感觉不大合适</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/5/97/1071597.jpg" width="50" height="50" />  适合从来不会HTML的人。。。</li>
<li>  <img src="http://static.tushu000.com/statics/avatar/2/21/1044221.jpg" width="50" height="50" />  这本书太过于细致，一个一个的标签讲解</li>
</ul>
</div>
</div>


<div class="devotional" id="adoringly">			
<div class="antediluvian"><h3  style="width:600px;">类似图书</h3></div>
<div class="glimmering">
<ul class="claustrophobic">
<li><a target="_blank" href="http://www.tushu000.com/detail/50752120995916571009.html" alt="隱形怪物" title="隱形怪物">隱形怪物</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40771209950262386122.html" alt="专宠佳人" title="专宠佳人">专宠佳人</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/30391989550396784307.html" alt="奇蹟少女KOBATO.(04)" title="奇蹟少女KOBATO.(04)">奇蹟少女KOBATO.(04)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40747098953527157570.html" alt="新编Visual FoxPro应用实验教程" title="新编Visual FoxPro应用实验教程">新编Visual FoxPro应用实验教程</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50749109895540835410.html" alt="理想国" title="理想国">理想国</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50727619895953522670.html" alt="续编清代稿钞本" title="续编清代稿钞本">续编清代稿钞本</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50790220995446764843.html" alt="心靈偵探八雲(2)" title="心靈偵探八雲(2)">心靈偵探八雲(2)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/63075368989532420980.html" alt="大人怕怕" title="大人怕怕">大人怕怕</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40723298957085694573.html" alt="俄国民粹主义及其跨世纪影响" title="俄国民粹主义及其跨世纪影响">俄国民粹主义及其跨世纪影响</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40727988951002917423.html" alt="2011硕士学位研究生入学资格考试 GCT英语历年真题分类精解" title="2011硕士学位研究生入学资格考试 GCT英语历年真题分类精解">2011硕士学位研究生入学资格考试 GCT英语历年真题分类精解</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/31502099525396628307.html" alt="時光電影院" title="時光電影院">時光電影院</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/69073819889597903524.html" alt="尼特族王子 Vol.1" title="尼特族王子 Vol.1">尼特族王子 Vol.1</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/28810995841714530072.html" alt="第206塊骨頭" title="第206塊骨頭">第206塊骨頭</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/37985989523955658907.html" alt="课堂新坐标英语译林版选修" title="课堂新坐标英语译林版选修">课堂新坐标英语译林版选修</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/37681099520319242307.html" alt="命運之人（下冊）" title="命運之人（下冊）">命運之人（下冊）</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/65075103989551296708.html" alt="外语与文化研究（第8辑）" title="外语与文化研究（第8辑）">外语与文化研究（第8辑）</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40723598958550887509.html" alt="贾斯汀·比伯" title="贾斯汀·比伯">贾斯汀·比伯</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/60076893989502910534.html" alt="钢结构设计原理" title="钢结构设计原理">钢结构设计原理</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50737620995057763332.html" alt="银行佳人" title="银行佳人">银行佳人</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/31412099530980786707.html" alt="水漾佳人" title="水漾佳人">水漾佳人</a></li>
</ul>
</div>
</div>
</div>

<div class="foodstuff">
<div class="devotional" id="adoringly">			
<div class="glimmering">
</div>
</div>

<div class="devotional" id="adoringly">			
<div class="antediluvian"><h3>相关图书推荐</h3></div>
<div class="glimmering">
<ul class="claustrophobic">
<li><a target="_blank" href="http://www.tushu000.com/detail/24781335479568501070.html" alt="集结号2:烽火(DVD9)" title="集结号2:烽火(DVD9)">集结号2:烽火(DVD9)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40749813350657955857.html" alt="天线宝宝5(5DVD)" title="天线宝宝5(5DVD)">天线宝宝5(5DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/31448133526724469207.html" alt="南昌:中国旅游(1DVD)" title="南昌:中国旅游(1DVD)">南昌:中国旅游(1DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40713713354826123193.html" alt="花样轮滑(8VCD)" title="花样轮滑(8VCD)">花样轮滑(8VCD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/11102335416527320761.html" alt="代号利剑(5DVD)" title="代号利剑(5DVD)">代号利剑(5DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/28181335713006933078.html" alt="巧斗鬼子(DVD 简装版)" title="巧斗鬼子(DVD 简装版)">巧斗鬼子(DVD 简装版)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/22281335670419594075.html" alt="国王与我(DVD9)" title="国王与我(DVD9)">国王与我(DVD9)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/13571335304095420790.html" alt="迪迦奥特曼:南方海峡(2VCD)" title="迪迦奥特曼:南方海峡(2VCD)">迪迦奥特曼:南方海峡(2VCD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/69079320233590357938.html" alt="法庭内外(1DVD)" title="法庭内外(1DVD)">法庭内外(1DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/35539133533763841007.html" alt="统计学" title="统计学">统计学</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/31759133577390707007.html" alt="海狼行动(6DVD)" title="海狼行动(6DVD)">海狼行动(6DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/33528133582167741807.html" alt="24小时第1季(6DVD9 完整珍藏版)" title="24小时第1季(6DVD9 完整珍藏版)">24小时第1季(6DVD9 完整珍藏版)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40742023351152249181.html" alt="八卦莲花掌(1DVD)" title="八卦莲花掌(1DVD)">八卦莲花掌(1DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50735181335212889951.html" alt="著名人物故事(4VCD)" title="著名人物故事(4VCD)">著名人物故事(4VCD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/38576133551404133207.html" alt="宝藏新锐新声(CD)" title="宝藏新锐新声(CD)">宝藏新锐新声(CD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/22202335591111706076.html" alt="翡翠麻将(1DVD)" title="翡翠麻将(1DVD)">翡翠麻将(1DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/66076020233568584862.html" alt="嘎达梅林(1DVD)" title="嘎达梅林(1DVD)">嘎达梅林(1DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/62071176133524169684.html" alt="普卡娃娃(20VCD)" title="普卡娃娃(20VCD)">普卡娃娃(20VCD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/50704691335127276496.html" alt="达子的春天(11DVD)" title="达子的春天(11DVD)">达子的春天(11DVD)</a></li>
<li><a target="_blank" href="http://www.tushu000.com/detail/40776613356311459186.html" alt="传教徒(DVD)" title="传教徒(DVD)">传教徒(DVD)</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="fragmentation"> </div>
<div class="geologist" id="aircraftwoman">
<div class="footprint"><span id="geometrically"></span></div>
</div>

<div id="hilliness">
<p class="backpacker">
</p>
<p class="haemorrhage">外国儿童文学,篆刻,百科,生物科学,科普,初中通用,育儿亲子,美容护肤PDF图书下载,。
<a href="http://www.tushu000.com/" target="_blank">零度图书网</a> </p>
<p class="haemorrhage">零度图书网 @ 2024</p>
</div>
<div style="display:none;"><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?cb086814e7680cc8abc575fb0cb4d685";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
</body>
</html>