没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
HTML 5 开发精要与实例详解
这是一本以综合性案例为导向并辅之以精要知识点讲解的 HTML 5 实战教程。内容分为两大
部分:第一部分通过一系列中大型案例全方位对 HTML 5 的各个重要知识点进行了详细的讲
解,每个案例包含案例概述、页面效果展示、案例所涉及主要知识点(精要)、源代码剖析
4 个部分,读者既能根据书中的步骤动手实践,又能重点学习案例中用到的核心理论知识,
同时还能领会源代码的设计思路和方法;第二部分讲解了 jWebSocket、RGraph、WebGL 等
3 个重要框架和技术的详细使用方法。
前言
为什么要写这本书?
虽然 HTML 5 的最终标准还未尘埃落定,但是它正在孕育一场巨大的革命。从技术的角度来
讲,HTML 5 的出现将是 Web 开发标准的一次重要飞跃,它不仅能提供更加丰富、强大、
炫丽的功能,还将改变互联网的很多方面。HTML 5 不会完全取代插件,但的确可以使浏览
器无需借助插件就能够实现更多的功能—从位置跟踪到把数据保存到云端。HTML 5 的标签
将取代那些完成简单任务的插件,而且在某些时候可以开发一些高级的应用。
准确地说,HTML 5 将从以下几个方面改变未来的整个互联网世界。
1. 降低插件的重要性
过去,很多功能只能通过插件或者复杂的 hack(本地绘图 API 和本地 Socket 等)来实现,
而 HTML 5 提供了对这些功能的原生支持。插件的方式存在很多问题:
插件安装可能失败。
插件可以被禁用或屏蔽(例如 Apple 的 iPad 就不支持 Flash 插件)。
插件自身会成为被攻击的对象。
插件不容易与 HTML 文档的其他部分集成(因为插件边界、剪裁和透明度问题)。
HTML 5 解决这些问题的一个办法就是使浏览器原生地支持相关的标签。只需浏览器支持相
应的 HTML 5 标签,如<audio>和<video>等各种标签,不需要任何插件,就可以像使用<img>
一样方便地在页面内嵌入音频和视频。
2. 支持动态生成图像
过去,网页中显示的图像来自于直接下载的 GIF 或 JPG 图像,而在 HTML 5 中,图像可能
并不是直接来自图像文件,而是由某个 canvas(画布)对象临时生成的。利用 HTML 5,开
发人员可以在 JavaScript 层针对动态数据进行计算后绘制出各种复杂的图形。另外,目前已
经开发出一些针对 HTML 5 的类似工具,这些工具将进一步提高 Web 开发人员驾驭图像的
能力,随着这些工具的成熟,开发人员也将开发出更多更为专业的复杂图形。
3. 允许 Web 程序利用本地存储
Web 程序其实早就可以利用浏览器端的本地存储空间存储很多信息,比如 IE 允许最多 300
个 Cookie,最多存储 4096 字节的内容。不过,要开发真正实用的 Web 应用,需要更多的存
储空间。通过 HTML 5,可以实现这种需求。
对于本地存储,开发者可以按照需求随意使用,比如把云服务的应用和数据保存在本地硬盘
上,使云应用的交付、安装和部署都非常像传统的应用程序。无论是否连接到互联网,云应
用程序都可以照常运行,因为之前已经从服务器上下载了 HTML 5 应用的 JavaScript 代码,
这部分代码就保存在本地。本地数据库实际上扮演的是智能缓存的角色。
对于游戏开发,可以在本地存储一些情景信息和装备信息,这样可避免每次与服务器建立连
接时都要下载这些信息,从而节省下载资料的时间。
4. 简化 Web 开发的数据提取
从网页中提取过数据的 Web 开发人员都知道,HTML 5 之前的 HTML 结构除了告诉浏览器
数据在哪里之外,几乎不能再提供任何有意义的信息。开发人员需要了解与数据本身有关的
信息,以了解这些数据的真正含义。 HTML 5 中所谓的微格式(microformat)引入了一种
新的机制,它在 HTML 中新增了一些专门的标签,以帮助程序员分析标签中数据的真实含
义。
没有人能够预测微格式到底会给网络带来多少改变,但很容易看出,这种新的机制将给 Web
开发人员带来很多方便,帮助他们开发出更有效率的 Web 应用。如果有一个好的、标准的
方式来表示日期和时间 ,那么在为网站开发与时间有关的 Web 程序时,就无需另外编写专
门的代码来分析网站访问者可能使用什么时间格式,这样,日历、时间表和日程安排等需要
从多个数据源收集时间信息的应用也就变得非常简单了。
5. 支持位置服务
在 Web 世界里,很多人只知道其 IP 地址,根本不知道那些数字对应的计算机所处的真实世
界是什么样的。比如,过去几乎不可能知道某台计算机所在的地理位置,而现在通过地理位
置服务可以很好地解决这个问题。HTML 5 允许 JavaScript 询问浏览器用户的地理位置,比
如纬度和经度信息。通常桌面系统不支持这一功能(因为需要有 GPS 或 Wi-Fi),如果终端
是智能手机,这个功能就可以发挥作用。
6. 让 Web 视频播放更流畅
HTML 5 中的 video 元素使 Web 开发人员很容易把视频内容与网页中的其他内容整合起来,
同时也使互联网视频内容越来越丰富,从而使网页成为视频内容的主要发布场所。
毫无疑问,在未来的互联网世界里,HTML 5 将对 Web 开发起到很重要的作用。目前,HTML
5 引起了很多 Web 开发人员的强烈兴趣,越来越多的开发人员开始学习并在实际工作中尝
试使用 HTML 5,但是目前市场上的相关图书都是以介绍基础理论知识为主,从纯粹实践的
角度去讲解 HTML 5 的书寥寥无几。为了使读者通过实践掌握 HTML 5,笔者对 HTML 5 进
行了详细的研究,并收集了一些比较具有代表性的贴近实际工作的案例,在此基础上撰写了
本书。希望本书能够为致力于利用 HTML 5 开发 Web 应用的读者提供一些参考,使读者对
HTML 5 有一个比较深入的了解,并能够在未来的互联网开发工作中充分运用这些知识。
本书特色
为了使有一定基础的读者能通过实战的方式进一步学习 HTML 5 的相关知识,本书以实例为
主,同时对每个实例所涉及的重要理论知识进行了精辟的讲解。总体而言,本书有如下几个
方面的特色。
1.案例丰富,实践性强
目前 HTML 5 的应用在国内还处于初级阶段,市面上已经出版的相关图书几乎都以讲解
HTML 5 的功能和特点为主,也就是以理论为主,从实践的角度去写的书很少,涉及大型实
际案例的更是少之又少。HTML 5 的功能丰富而强大,掌握了它的基本功能并不代表能自如
地将其应用到实际工作中,因为还缺乏一个实战练习的过程。为了弥补上述不足,本书以案
例为主,针对 HTML 5 的每个重要知识点都设计了大型的案例,这些案例不仅实践性极强,
而且可以直接在工作中使用。
2.内容详细,讲解透彻
本书的内容非常详细,每个案例的制作步骤都以通俗易懂的语言进行阐述。大部分案例的介
绍都按照案例概述、页面显示效果、案例知识点以及代码剖析的顺序,读者在阅读每一个案
例时,先获得一个总体印象,然后直观地看到该案例在浏览器中的显示效果,接下来了解案
例中所用到的 HTML 5 的相关知识点,最后通过代码剖析来掌握如何一步步实现 HTML 5
的某个功能。通过这样一个循序渐进的方式,读者能够更加深入地了解 HTML 5 的每一个功
能点。
3.图文并茂,效果直观
每个案例都配有相应的页面显示效果图,读者在阅读案例代码前可以先通过案例的页面显示
效果对案例有个直观的印象,初步了解案例要实现的功能。
4.源码详尽,便于调试
本书所有案例的代码都是笔者亲自调试并运行成功的,读者可以对这些代码进行修改,以观
察各种不同效果,并加深对案例代码的理解。
读者对象
本书适合以下读者阅读:
HTML 5 用户和爱好者
Web 网站设计者以及相关美工人员
Web 网站或应用程序的开发者(包括 Web 前端开发工程师和后端开发工程师)
开设 Web 设计相关课程的大专院校学生
如何阅读本书
本书全部案例的源代码都是经笔者测试无误的,因此建议读者阅读每个案例的同时在浏览器
运行这些源代码并查看运行效果,以便更好地理解这些源代码中的每一个元素、函数或方法
的作用。读者也可以向某些 Web 网站或 Web 应用程序添加一些调试代码,或者在源代码的
基础上进行一些修改或扩展,以便对案例的实现过程以及 HTML 5 的元素与 API 有一个比
较深入的理解,进而更快地编写出属于自己的 HTML 5 网站或 Web 应用程序。
本书附录中介绍了截至 2011 年 7 月五大浏览器的最新版(Firefox 5.0、Opera 11.50、Google
Chrome 12.0、Safari 5.0 以及 IE9.0)对 HTML 5 的支持情况。
勘误和支持
由于笔者水平有限,加之时间仓促,书中难免会出现一些错误或者不准确的地方,恳请读者
批评指正。笔者 QQ 号码为 240824399,联系邮箱为 240824399@qq.com,欢迎读者通过 QQ
或 E-mail 与笔者联系,真诚期待得到读者的反馈。
致谢
感谢机械工业出版社华章公司的编辑杨福川和姜影,感谢杨福川的魄力和远见,感谢姜影的
耐心和认真,感谢他们在这半年多的时间中始终支持我的写作,是他们的鼓励和帮助引导我
顺利完成全部书稿。
谨以此书献给众多热爱 HTML 5 的朋友们,以及国内致力于 Web 网站及 Web 应用程序开发
的全体同行们。
陆凌牛
2011 年 8 月于常州
目录
前言
第 1 章 用 HTML 5 中的结构元素构建网站/1
1.1 案例 1:用 HTML 5 中的结构元素构建一个博客网站/2
1.1.1 案例知识点/2
1.1.2 博客首页的实现/11
1.1.3 文章显示页面的实现/30
1.2 案例 2:用 HTML 5 中的结构元素构建一个企业网站/39
1.2.1 首页的实现/39
1.2.2 联系方式页面的实现/52
1.3 本章小结/55
第 2 章 在 Web 表单中使用 HTML 5/56
2.1 案例 3:用结构元素制作 Web 应用程序中的菜单/57
2.1.1 页面显示效果/57
2.1.2 代码剖析/58
2.2 案例 4:综合运用 HTML 5、jQuery 与 ASP.NET 构建 Web 应用程序/61
2.2.1 案例概述/61
2.2.2 页面显示效果/61
2.2.3 案例知识点 /63
2.2.4 代码剖析/70
2.3 本章小结/96
第 3 章 使用 canvas 元素绘制图形、图像与动画/97
3.1 案例 5:使用 canvas 元素绘制美丽的花朵/98
3.1.1 案例概述/98
3.1.2 页面显示效果/98
3.1.3 案例知识点/100
3.1.4 代码剖析/103
3.2 案例 6:使用 canvas 元素绘制指针式动画时钟/106
3.2.1 案例概述/106
3.2.2 页面显示效果/106
3.2.3 案例知识点/107
3.2.4 代码剖析/108
3.3 案例 7:使用 canvas 元素制作简单小游戏/113
3.3.1 案例概述/113
剩余171页未读,继续阅读
曾经的我们是那么的年轻
- 粉丝: 58
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页