HTML 5+CSS 3网页开发实战精解

出版时间:2013-1  出版社:清华大学出版社  作者:杨习伟  页数:379  字数:612000  
Tag标签:无  

内容概要

  《html 5+css 3网页开发实战精解》全面、系统地讲解了html 5和css
3从web界面设计到web应用开发的各种技术。本书难度适中,学习梯度科学,知识架构严谨,内容由浅入深、从易到难,讲解通俗易懂,并注重读者兴趣的培养,讲解时还列举了大量实例,以帮助读者提高实战技能。本书配带1张光盘,内容为本书重点内容的教学视频和本书涉及的源代码。
  《html 5+css 3网页开发实战精解》共17章,分为3篇。第1篇为技术概览,简要介绍html 5标准和css
3层叠样式表等内容;第2篇为基于css
3的web界面设计实战,重点介绍文字、背景、边框、盒布局、多列布局、动画、渐变、支持多种设备的样式表等内容;第3篇为基于html
5的web应用开发实战,重点介绍绘图、音频和视频、新型表单、拖放、本地存储、离线应用、跨源通信、websocket双向通信、多线程和地理位置等内容。
  《html 5+css
3网页开发实战精解》适合web设计与开发的新手阅读,也适合有一定web前端开发基础的网页开发人员阅读;对于大中专院校的学生,本书也不失为一本网页开发的好教材。如果阅读本书的读者具备css样式表和javascript的基础知识,学习效果会更好。

作者简介

杨习伟,从事Web软件开发及系统设计7年,主要负责ERP系统和工作流引擎的设计与开发,在Web软件项目开发中积累了大量的实战经验。不仅对HTML、CSS和JavaScript有深入的理解,而且还对C#、NET、Web Services、WCF、SQLServer等主流开发技术有深入的研究并在项目中使用。曾经参与开发了企业网站、OA系统、CRM系统、积分系统等。

书籍目录

第1篇 技术概览
 第1章 html 5标准(教学视频:46分钟)
  1.1 html 5介绍
  1.2 全新的html
  1.3 html 5的未来发展
  1.4 小结
  1.5 习题
 第2章 css 3层叠样式表(教学视频:25分钟)
  2.1 css 3简介
  2.2 增强的选择器功能
  2.3 小结
  2.4 习题
第2篇 基于css 3的web界面设计实战
 第3章 文本、背景、边框不再单调(教学视频:96分钟)
  3.1 文本与字体
  3.2 色彩模式和不透明度
  3.3 背景
  3.4 边框
  3.5 小结
  3.6 习题
 第4章 灵活的盒布局和界面设计(教学视频:69分钟)
  4.1 灵活的盒布局
  4.2 增强的盒模型
  4.3 增强的用户界面设计
  4.4 小结
  4.5 习题
 第5章 你一直期待的多列布局(教学视频:21分钟)
  5.1 多列布局基础
  5.2 实验室:模仿杂志的多列版式
  5.3 小结
  5.4 习题
 第6章 酷炫的动画和渐变(教学视频:82分钟)
  6.1 css 3变形基础
  6.2 css 3过渡效果
  6.3 css 3动画设计
  6.4 css 3渐变设计
  6.5 小结
  6.6 习题
 第7章 支持多种设备的样式表方案(教学视频:15分钟)
第3篇 基于html 5的web应用开发实战
 第8章 绘制图形如此简单(教学视频:78分钟)
 第9章 便捷的音频和视频(教学视频:44分钟)
 第10章 不可思议的表单(教学视频:59分钟)
 第11章 可触到的拖放功能(教学视频:39分钟)
 第12章 本地存储让你的应用更加高效(教学视频:37分钟)
 第13章 别开生面的离线应用(教学视频:33分钟)
 第14章 安全的跨源通信(教学视频:37分钟)
 第15章 强大的websocket双向通信(教学视频:23分钟)
 第16章 web背后——看不见的多线程(教学视频:34分钟)
 第17章 我知道你在哪里—地理位置api(教学视频:21分钟)

章节摘录

版权页:   插图:   (1)把整个图像复制到画布,将其放置到指定点的左上角,并且将每个图像像素映射成画布坐标系统的一个单元。语法如下: drawImage(image,x,y) 参数说明:image表示所要绘制的图像的对象,x、y表示要绘制的图像的左上角的位置。 (2)把整个图像复制到画布,但是允许用画布单位来指定想要的图像的宽度和高度。语法如下: drawImage(image,x,y,width,height) 参数说明:image表示所要绘制的图像的对象,x、y表示要绘制的图像的左上角的位置,width、height表示图像所应绘制的尺寸,指定这些参数使得图像可以缩放。 (3)此方法是完全通用的,它允许指定图像的任何矩形区域并复制它,对画布中的任何位置都可进行任何的缩放。语法如下: drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,destX,destY,destWidth,destHeiqht) 参数说明:image表示所要绘制的图像的对象。sourceX、sourceY表示图像将要被绘制的区域的左上角,这些整数参数用图像像素来度量。sourceWidth、sourceHeight表示图像所要绘制区域的大小,用图像像素表示。destX、destY表示所要绘制的图像区域的左上角的画布坐标。destWidth、destHeight图像区域所要绘制的画布大小。 以上三个方法中的参数image,都表示所要绘制的图像对象,必须是Image对象或Canvas元素。一个Image对象能够表示文档中的…个标记或者使用Image()构造函数所创建的一个屏幕外图像。 三种方法中,第一种方法参数最少,所以最简单,但实现的功能有限。第二种方法复杂一点,功能仍然受限。第三种方法,参数最多最复杂,能对图像进行裁剪等操作。在绘图中,根据实际需要,可以从以上三种方法中自由选择。 【示例8—12】使用三种方法插入图像。 运行结果如图8—21所示。 代码分析:在示例8—12中,使用了三种插入图像的方法。由于参数的个数及表示的意义不同,所以可以灵活运用其特性,选择使用。绘制图像的代码包含在onload处理函数中,是因为图像本身需要时间加载,在加载完成之前,图像是不能被绘制的。 图8—21中的图像,满画布的图像是用第一种方法绘制的。右下角的图像是用第二种方法绘制的。左上角的头像是用第三种方法绘制的。 提示:在插入图像之前,需考虑图像加载的时间。如果图像没加载完成就已经执行了drawImage()方法,则不会显示任何图片。在示例8—12中,为图像对象添加了onload处理函数,以保证在图像加载完成后执行drawImage()方法。 8.3.6剪裁区域 在路径绘图中,我们使用了两大绘图方法,即用于绘制线条的stroke()方法和用于填充区域的fill()方法。关于路径的处理,还有一种方法叫做剪裁方法clip()。 说起剪裁,大多数人会想到剪裁图片,即保留图片的一部分。但是剪裁的实现方法是另一种思维。 比如在火车上,乘客会通过车窗欣赏外面的风景,但会受到年窗的限制,只能看很小的一块区域。外面的风景好比画布,车窗就好比一个裁剪的区域,无论画布里的风景如何绘制,却只能在裁剪区域里表现出来,裁剪区域外是没有任何变化的。也可以理解为,在接下来的绘图中,都是在剪裁区域里进行的。

媒体关注与评论

《HTML5+CSS3网页开发实战精解》用幽默风趣的方式来引领读者进入网页开发的殿堂。该书讲解通俗易懂、实践性强,是一本适合广大初学者上手和实际演练的好书,值得阅读!——HTML5中国

编辑推荐

《HTML 5+CSS 3网页开发实战精解》适合Web设计与开发的新手阅读,也适合有一定Web前端开发基础的网页开发人员阅读;对于大中专院校的学生,《HTML 5+CSS 3网页开发实战精解》也不失为一本网页开发的好教材。如果阅读《HTML 5+CSS 3网页开发实战精解》的读者具备CSS样式表和JavaScript的基础知识,学习效果会更好。

图书封面

图书标签Tags

评论、评分、阅读与下载


    HTML 5+CSS 3网页开发实战精解 PDF格式下载


用户评论 (总计33条)

 
 

  •   示例很多,而且也有视频学习。快递很快,书不错,内容丰富,实战性强,Html5学习的必备资料。
  •   html5 入门必备 将的很基础 适合
  •   内容详实,适合操作,提升基础知识 价格合理。值啦
  •   很好,有例子,源代码,非常适合初学的人入手!
  •   书很不错,看目录就觉得可以,她一看就说这本书肯定没有问题的,好好学习,完后找个好工作
  •   理论很扎实,讲的也很通透,很喜欢,值得收藏。书看累了还可以看视频缓解一下
  •   非常不错的一本书,通俗易懂,容易掌握
  •   非常好,好好阅读
  •   准备开干,效果不知道怎么样,看了目录介绍还不错
  •   还没看,应该蛮好。
  •   通谷易懂
  •   讲得很详细,每个小细节几乎都讲到了。
  •   这家伙最近看了好多书,赞一个~
  •   书籍质量还不错,还没来记得看,我们实验室一直在当当网买书!
  •   先买来填书架,应该不错
  •   代买的,不知道,好不好
  •   从设计者的角度来讲解,很新颖,很独特。快递很给力
  •   很多都用得上
  •   正在看,很适合有一定网页设计基础的工作人员。
  •   刚收到。简单翻了下。还不错 。要是有几个全面的实例就好了。不过还是值得推荐的、
  •   配套光盘中源码里面的案例,缺少很多图片
  •   怎么说呢,没有想象中的好啊
  •   简洁明快,好东西。
  •   提升对HTML的知识,还行吧
  •   当初看上有光盘教程,才买了一本书想学学。结果发现光盘教程讲的极差。还不如自己看的明白呢。。唉。有些失望。此书也就入门者学学吧。买了也是自己读书。看光盘教程浪费时间啊。。
  •   买了还没来及看
  •   其实现在讲HTML5的书很多,我是冲着光盘里的教程来的,但是看了以后很失望,基本是照着书念了一遍,而且光盘里面虽然代码是全的但是很多素材是没有的,做不了实验,只能自己找图,购买需谨慎。
  •   我真的不想说这个光盘,作者跟着书本念而且念得那么差劲,代码是完整,但是资源却没有真想骂娘的。书本内容还挺基础可以学习一下...对这本书评价一般般吧··
  •   书是不错的,但是光盘就是按着书念o(>﹏<)o
  •   很一般的书,书中有个别地方错误。
  •   挺好的,书的内容也很适合初学者,挺全的
  •   非常好,很适合学习,正在学习中
  •   看着比较累。。。清华出版社应该监督质量,html5的书我有两本,这本基本不看了,当收藏不错
 

250万本中文图书简介、评论、评分,PDF格式免费下载。 第一图书网 手机版

京ICP备13047387号-7