电子书：《HTML5基础知识、核心技术与前沿案例》_Liu欢 著
557内容简介：
HTML曰
基础知识、核心技术
与前沿案例
Liu欢◎编著
人民邮电出版社
北京
书籍是人类进步的阶梯
书在版编目(CIP)数据
HM5基础知识、核心技术与前沿案例/Liu欢编著
民邮电出版社,2016.10
ISBN978-7-115-42743-4
I.①H…Ⅱ.①Liu…Ⅲ.①超文本标记语言一程序
中guo版本图书馆CIP数据核字(2016)第132390号
内容提要
本书是一本引导初、中级学习者深入了解并有效掌握HTML5核心技巧的技术实战图书,全书采用“基
知识+案例驱动”的双轨模式,精心安排了大量经典的HTML5设计实战案例,包括页面元素与布局,动
画与动效,图形与图像,交互操作,页面组件,音频与视频,以及响应式设计等,并精选了微 信小游戏
创意网站等综合性的前沿交互应用。实例基本涵盖了初、中级学习者在实战中几乎可能遇到的所有问题,
展示了各种流行的互动设计理念,让读者能够轻松地学习基础知识,有效掌握各种核心技巧,快速上手前
沿应用开发,并通过HTML5发现交互设计的乐趣。
随书附赠700多分钟的书中重要知识点和案例的操作讲解视频,以及所有案例的素材和源文件,帮助
读者更好地学习和掌握相关操作技巧
本书既适用于初次接触HTML5的新手,又适用于各种HTML5的中级学习者。
◆编著Liu欢
责任编辑杨璐
责任印制Chen犇
◆人民邮电出版社出版发行北京市丰台区成寿寺路11号
部编100164电子邮件315@ptpress.com.cn
网址http://www.ptpress.com.cn
北京隆昌伟业印刷有限公司印刷
◆开本:787×109216
字数:689千字
2016年10月第1版
印数:1-3000
2016年10月北京第1次印刷
定价:69.80元
读者服务热线:(010)81055410印装质量热线:(010)81055316
反盗版热线:(010)81055315
供非商业用途或交流学习使
前言
本书有一个已经\"ou了”的书名。
HTML5已经红火了好几年。虽然外界对它推崇备至并寄予厚望,但许多人的理解,还往往是“HTML
加一个版本号“5”的组合,说到底,不管怎样它还是一种HTM语言,这似乎并不算是很“牛”、很“强”
的技术。但是,在业界和技术圈里,傲娇的从业者们早就不再以“HTML5\"称之,而是改用了更加高大上的
H5”。要是在某个技术者的交流讨论会上,你还是一口一个\"HTM5”,那么很可能大家都会认为你已经
从HTML5到5,格词嗖嗖拔升的过程也映射出一个事实,那就是前端行业领域的专业性正在不断增强,门
槛在不断抬高。现在,已经不是当年人人都能用 Frontpage或三剑客鼓捣网 页设计的年代,要想进入这一领域
首先,我们必须要有充足的基础知识储备,这其中就包括了HTM5、Css3和 avaScrip三大部分;其次,掌握
了基础知识还不够,我们还需要知道如何在实践中去运用它们,更简单地来说,是如何在特定的问题下找到有
效的答案,这就需要我们总结出HM5中最为核心的知识和技巧,将其作为开发过程中的破冰利器;再者,H5
业界风云变幻,推Chen出新的速度非常快,比如前两年的焦点在于创意性网站的开发,今年的焦点是微 信小游戏
制作,因此,对最前沿的案例和技法加以了解和把握,也是学习中非常必要的一个部分。
基于以上各方面因素的考虑,本书在体例上作出了大胆尝试,抛弃了传统的按部就班逐个介绍对象
性、方法的“教科书式体例,转而采用了“基础知识+案例驱动”的双轨模式。全书共分为HTML5基础、
HTML5前沿经典应用和HM5综合案例三大部分,高度浓缩了基础知识部分,精心安排了大量前沿和综合类实
例,希望“以基础知识铺路,以前沿案例驱动,以综合案例提升”,借此引领读者们迈入HML5交互设计的大
门。书中精选的实例由浅入深,涵盖了初级和中级HM5开发者几乎可能遇到的所有实战问题,同时也通过实
例_渗.透_了各种互动设计理念。我们希望读者能够通过本书,在实践中学习锻炼,快速成长,早ri成为HTML5交
互设计领域的熟手和专家
本书内容与特点
(1)本书采用“基础知识+案例驱动”的双轨模式进行编写,全书以基础知识的铺垫为辅,以实战案例的
介绍为主。每个例子都结合了作者长期的HM5开发经验,具有较强的实用价值。读者能够在学习完案例之后
直接将其投入实际使用。
(2)本书提炼了各个案例所对应的学习内容,以“经验”的形式标注在各个章节中,以便于读者更快地掌
握核心知识点。此外,在\"经验”中也囊括了一些HML5外延知识,用于扩展读者的学习视野
(3)针对读者在实际操作中可能遇到的各种问题,本书总结了相应的注意事项和应对策略路,并在各个章节
中进行了详细标注(如标注为“注意”的内容部分),以使得读者能够在学习中尽量少走弯路、避免不必要的
误
(4)本书中的所有基础知识和具体案例都按由易到难、由浅入深、由零到整的规则进行排布,即使是没有
HTML5开发经验的读者也能够轻松地、循序渐进地展开学习。
(5)本书也可被视为一本工具书。互动设计从业者在实际工作中面对具体的开发任务时,可以尝试从本书
的案例中直接找到解决问题的方法。
本书分三部分,共16章。为了使读者在正式开始学习之前,对全书的内容有一个总体的把握,这里我们分
别将每章学习的内容作一一介绍
仅供非商业用途或交流学习使
第一部分HTML5基础
第1章初探HML5:制作一份邀请函
本章为读者们设计了一份H汇5的学习邀请函,这是一个比 Hello Wcro之类的应用更为复杂而又有趣的入门
作业。希望读者们在阅读本章的过程中,能够相暗地纵览HML5的全貌,了解到开发HTML5的一些背景知识,
并直观地体验一个简单HTML5页面的诞生过程
第2章HM5新手详解
本章介绍了HM5中的基础知识,包括基础语法、页面根元素、文档元数据、区块元素、分组内容元素
文本、表单、表格及WARA等。
第3章CS93新手详解
本章介绍了CS3中的基础知识,包括基础语法,继承,选择器,文本和字体,边框与背景,元素定位,框
模型,列表,阴影效果,20与30效果,以及优先级等
第4章 JavaScrip新手详解
本章介绍了aSco中的基础知识,包括调试,注释,变量,运算符,条件语句,循环语句,数组,ri期
时间,函数,变量作用域, Obect,以及DOM操作与事件处理等。
第5章移动端HML5开发详解
本章针对移动端的特点,着重介绍HML5中有别于桌面端开发方式的前端技巧。其中,分析了响应式设计
与移动版网站的差异,介绍了 ewport、百分比布局、Feox、 Media Query、雪碧图、图标字体、移动端交互
和调试等移动开发技巧
第6章事半功倍:运用流行开源类库
本章介绍了当前最有影响力、使用最广泛的几种开源类库的基础知识,包括eny、 jQuery Moble、 Zepto、
BootStrap、Fatu、 Moder、D3、 Hammer.及 siddle等。
第7章HM5与周边编程语言、软件
本章介绍了与HTML5搭配使用的相关编程语言和软件,包括Fash、 Google Swifty, Illustrator、Pho
第二部分HTML5前言经典案例
第8章HTM5页面元素与布局
本章精选了最经典的几类页面元素与布局案例,包括图文混排、题图文字、 Hero Unit、格子布同、两列均
分布局、多列等高布局、两列自适应布局、三列自适应布局、瀑布流布局等。
第9章HML5动画与动效
本章着重介绍了几种常见的HM5动画效果,如 transition动画、 animation动画、 Canvas动画、GSAP类库动
画等,向读者较为全面地展示了各种动画与动效的制作技巧
第10章HM5图形与图像
本章详细介绍了HTM5中图形与图像的主要实现技巧,其中既包括简单的CSS图标、按钮元素的制作方
法,也包括 varnas和SG等前沿的图像制作知识。
第11章HM5交互操作
本章通过多个精选的交互操作案例,介绍了HTML5在用户交互方面提供的新特性,并介绍了选区控制、局
部滚动、滚动_监_听_、视差滚动、滚动触发动画、滑块拖动、￠a?as键盘操作、触摸操作,以及运动与重力感性
等流行交互功能的实现方法。
书籍是大类进步的阶梯
仅供非商业用途或交流学习使用
第12章HM5页面组件
本章整理并介绍了悬浮图层、弹出图层、Tab切换、折叠区域、下拉菜单、顶部固定菜单、滑动导
轴、图像轮播及ri历等常见的页面组件,对其实现原理进行了详细分析。
第13章HTM6音频与视频
本章介绍了HML5中音频与视频的播放、控制方法,以及Mai克风、摄像头等相关硬件设备的操作技巧。
第14章HTML5响应式设计
本章介绍了响应式设计的实现方法和核心技巧,并介绍了响应式列表、响应式内容图片、响应式背景、响
应式图像轮播及响应式菜单等实战案例的实现方式
第三部分HTML5综合案例
第15章HTM5微 信游戏
本章从前期的策划、设计,到后期的开发、上线,逐步地介绍一款微 信小游戏的诞生过程,希望通过本章
的学习,读者也可以制作出一款富有创意、夺人眼球的微 信游戏
第16章HM5创意网站
本章综合运用HTML、CSS3和 aScript,制作一个带有多个栏目的创意网站。在制作过程中将本书之前章
节的一些知识点串接起来,并为读者开启通往更高阶HML5交互设计殿堂的大门。
资源下载及其使用说明
本书正文中所需要的资源文件已作为学习资料提供下载,扫描右侧二维码即可获得文件下回
载方式。资源文件内客包括700多分钟的书中重要知识点和案例的操作讲解视频,以及所有案例
的素材和源文件,帮助读者更好地学习和掌握TA5软件的开发技巧,直接实现书中案例,快速
上手前沿应用开发。本书的更多信息,包括本书的勘误和更新内容,也可以在下载资源中找到。回2
如果大家在阅读或使用过程中遇到任何与本书相关的技术问题或者需要什么帮助,请发邮
件至sys@ptpress.com.an,我们会尽力为大家解答
本书适合于哪些类型的读者?
本书既适用于初次接触HML5的新手,又适用于各种HML5的中级学习者
对于HTM5新手而言,要在短时间之内熟练掌握HTML、CSs3和asCm并非易事。为了使这部分读者学
习起来更加轻松,我们精心编排了书中的基础知识和具体案例,使其由浅入深,逐步展开。读者可以先阅读基
础知识部分,再按顺序阅读书中的案例,边学边做,在实践中更好地领会和熟悉各种HM5开发技巧
对于HTML5中级学习者而言,本书更是一本有用的工具书。这部分读者不必按顺序阅读案例,而是可以根
据自己所关注的内容选择性阅读对应案例。同时,读者也可以通过阅读书中的高阶案例展开更加深入的学习
本书没有讲述的内容
鉴于本书主要针对HML5的初级和中级学习者,因此一些中大型项目开发中涉及的HM5知识(特别是
JavaScript方面)并未包含在内,如 Web Workers、服.务.器发送事件、 Javascript设计模式和高阶运用等。读者可
以查阅其他的aSCp类专业图书进行更深入的了解
关于图书其他问题,读者请发送电子邮件至yanglu@ptpress.com.cn,我们会及时回复。此外,也可以访问
作者主页http://ww.liuhuan.com,了解更多HML5开发的相关内容。
如果您有任何想法要和作者交流,可以通过网站与我们联系,我们十分希望获得您的意见和建议。
书籍是大类进步的阶梯
#############################################
免费下载地址：
http://pan.qqq0.com/file/488067-425768979
页:
[1]