HTML5和CSS3实例教程

HTML5和CSS3实例教程

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

集中讨论了HTML5和CSS3规范及其技术的使用方法。

内容简介

《HTML5和CSS3实例教程》共分3部分,首先是规范概述,介绍了新的结构化标签、表单域及其功能(包括自动聚焦功能和占位文本)和CSS3的新选择器。接下来是HTML对视频和音频的支持,讲述了画布上的图形绘制及CSS阴影、渐变和变换的使用方法。最后介绍使用HTML5的客户端特性(包括WebStorage、WebSQLDatabases以及离线支持)建立客户端应用,使用HTML5实现跨域消息和数据传送,以及操作浏览器历史等的方法。《HTML5和CSS3实例教程》适合所有使用HTML和CSS的Web开发人员学习参考。

作者简介

作者Brian P. Hogan,Web开发者、教师、作者、编辑。自1995年起一直在开发Web站点和应用。曾是多家小企业的自由开发者,并在两家创业公司担任过技术主管。经常在各种技术大会上发表演讲。目前在契皮瓦谷技术学院教授软件开发课程。喜欢撰写技术著作,尤其是关于Web设计和开发的。另著有《HTML5和CSS3实例教程》《Web开发秘方》等书。

章节目录

版权信息

版权声明

本书读者的评价

前言

致谢

第1章 HTML5和CSS3概述

1.1 一个新的Web开发平台

1.1.1 更多的描述性标记

1.1.2 较少依赖于插件的多媒体支持

1.1.3 更强大的Web应用

1.1.4 跨文档消息通信

1.1.5 Web Sockets

1.1.6 客户端存储

1.1.7 更精美的界面

1.1.8 更强大的表单

1.1.9 提升可访问性

1.1.10 先进的选择器

1.1.11 视觉效果

1.2 向后兼容

1.3 未来之路崎岖不平

1.3.1 IE

1.3.2 可访问性

1.3.3 废弃的标签

1.3.4 企业利益的竞争

1.3.5 HTML5和CSS3仍在改进

第一部分 改善用户界面

本部分内容

第2章 新的结构标签和属性

2.1 实例1:用语义化标记重定义博客

2.1.1 以正确的文档类型声明为基础

2.1.2 头部

2.1.3 尾部

2.1.4 导航

2.1.5 区段和文章

2.1.6 文章

2.1.7 旁白和侧边栏

2.1.8 旁白绝非页面侧边栏

2.1.9 添加样式

2.1.10 回退

2.2 实例2:使用自定义数据属性创建弹出窗口

2.2.1 行为与内容的分离,或者说为什么设置onclick不好

2.2.2 提升可访问性

2.2.3 废弃onclick

2.2.4 自定义数据属性来解围

2.2.5 回退

2.2.6 未来展望

第3章 创建易用的Web表单

3.1 实例3:使用新的输入域描述数据

3.1.1 改进AwesomeCo项目中的表单

3.1.2 创建基础表单

3.1.3 使用range类型创建滑块

3.1.4 使用选值框处理数字

3.1.5 日期控件

3.1.6 email类型

3.1.7 url类型

3.1.8 color类型

3.1.9 回退

3.1.10 替换颜色选择器

3.1.11 Modernizr

3.2 实例4:使用autofocus属性定位第一个表单域元素

3.3 实例5:使用placeholder属性进行提示

3.3.1 简单的注册表单

3.3.2 阻止自动完成

3.3.3 回退

3.4 实例6:基于contenteditable属性实现在位编辑

3.4.1 账户表单

3.4.2 持久化数据

3.4.3 回退

3.4.4 创批建编辑页面

3.4.5 未来展望

第4章 用CSS3打造更好的用户界面

4.1 实例7:使用伪类渲染表格

4.1.1 优化付款清单样式

4.1.2 使用:nth-of-type条纹化表格的行

4.1.3 使用:nth-child对齐列文本

4.1.4 使用:last-child加粗最后一行

4.1.6 回退

4.1.5 使用:nth-last-child向前查找元素

4.1.7 修改html代码

4.1.8 使用JavaScript

4.2 实例8:使用:after和content支持打印页面上的链接

4.2.1 使用CSS

4.2.2 回退

4.4 实例10:使用媒体查询构建移动设备界面

4.4.1 回退

4.4.2 未来展望

4.3 实例9:创建多列布局

4.3.1 分栏

4.3.2 回退

第5章 增强可访问性

5.1 实例11:使用ARIA角色提供导航提示

5.1.1 标志角色

5.1.2 文档结构角色

5.1.3 回退

5.2 实例12:创建可访问的可更新区域

5.2.1 创建页面

5.2.2 polite和assertive更新

5.2.3 atomic更新

5.2.4 隐藏区域

5.2.5 回退

5.2.6 未来展望

第二部分 新的影音解决方案

本部分内容

第6章 在canvas上绘图

6.1 实例13:绘制logo

6.1.1 绘制logo

6.1.2 添加文字

6.1.3 绘制线条

6.1.4 移动原点

6.1.5 添加颜色

6.1.6 回退

6.2 实例14:使用RGraph绘制统计图

6.2.1 使用HTML描述数据

6.2.2 将HTML内容转换为条形图

6.2.3 显示备用内容

6.2.4 回退

6.2.5 未来展望

第7章 嵌入音频和视频

7.1 发展历史

7.2 容器和编解码器

7.2.1 视频编解码器

7.2.2 音频编解码器

7.2.3 容器和编解码器协同工作

7.3 实例15:音频

7.3.1 建立基本列表

7.3.2 回退

7.4 实例16:嵌入视频

7.4.1 回退

7.4.2 HTML5 视频的限制

7.4.3 音频、视频和可访问性

7.4.4 未来展望

第8章 柔化视觉体验

8.1 实例17:创建圆角

8.1.1 圆角化登录表单

8.1.2 特定于浏览器的选择器

8.1.3 回退

8.1.4 检测对圆角的支持

8.1.5 jQuery Corners

8.1.6 自制表单圆角插件

8.1.7 生成圆角

8.1.8 微调

8.2 实例18:使用阴影、渐变和变换

8.2.1 基础结构

8.2.2 增加渐变

8.2.3 给标志加上阴影

8.2.4 旋转标志

8.2.5 调节背景的透明度

8.2.6 回退

8.2.7 旋转

8.2.8 渐变

8.2.9 透明度

8.3 实例19:使用实用的字体

8.3.1 @font-face

8.3.2 字体格式

8.3.3 改变字体

8.3.4 回退

8.3.5 未来展望

第三部分 HTML5延伸

本部分内容

第9章 客户端数据的使用

9.1 实例20:使用localStorage保存参数设置

9.1.1 创建参数表单

9.1.2 保存和加载设置

9.1.3 应用设置

9.1.4 回退

9.2 实例21:在客户端关系数据库中保存数据

9.2.1 浏览器中的CRUD

9.2.2 留言的前端展现

9.2.3 连接数据库

9.2.4 创建留言表

9.2.5 加载留言

9.2.6 获取指定记录

9.2.7 插入、更新和删除记录

9.2.8 包装

9.2.9 回退

9.3 实例22:离线运行

9.3.1 使用manifest定义缓存

9.3.2 manifest和缓存

9.3.3 未来展望

第10章 使用其他API锦上添花

10.1 实例23:维护历史记录

10.1.1 保存当前状态

10.1.2 获取先前状态

10.1.3 默认状态

10.1.4 回退

10.2 实例24:跨域对话

10.2.1 联系人列表

10.2.2 发送消息

10.2.3 支持页面

10.2.4 接收消息

10.2.5 回退

10.3 实例25:使用Web Sockets进行即时通信

10.3.1 即时通信界面

10.3.2 与服务器交互

10.3.3 回退

10.3.4 什么是Flash 套接字策略

10.3.5 服务器

10.4 实例26: Geolocation

10.4.1 定位Awesomeness

10.4.2 如何定位

10.4.3 回退

10.4.4 未来展望

第11章 未来的发展方向

11.1 CSS3变换

11.2 Web Workers

11.3 原生拖放支持

11.3.1 拖放事件

11.3.2 释放元素

11.3.3 修改样式

11.3.4 拖动文件

11.3.5 并不完美

11.4 WebGL

11.5 Indexed Database API

11.6 客户端表单验证

11.7 前进!

附录A 功能快速索引

A.1 新元素

A.2 属性

A.3 表单

A.4 表单域属性

A.5 可访问性

A.6 多媒体

A.7 CSS3

A.8 客户端存储

A.9 其他API

附录B jQuery入门

B.1 加载jQuery

B.2 jQuery基础

B.3 修改内容的方法

B.3.1 hide和show

B.3.2 html、val和attr

B.3.3 append、prepend和wrap

B.3.4 css和类

B.3.5 链

B.4 创建元素

B.5 事件

B.5.1 绑定

B.5.2 原始事件

B.6 document.ready

附录C 音频和视频编码

C.1 音频编码

C.2 为Web进行视频编码

附录D 资源

附录E 参考书目

HTML5和CSS3实例教程是2012年由人民邮电出版社·图灵出品出版,作者[美]Brian P. Hogan。

得书感谢您对《HTML5和CSS3实例教程》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
CSS3艺术:网页设计案例实战 电子书
190个经典网页设计实例,重难点细致拆解。
HTML5移动Web开发技术 电子书
《HTML5移动Web开发技术》主要讲述如何利用HTML5的相关技术开发移动Web网站和WebApp。《HTML5移动Web开发技术》主要分为以下几部分:一,主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用;第二,主要讲述HTML5的基本标签、新功能及新特性在移动设备浏览器中的使用方法;第三,主要介绍JavaScript、CSS3及比较流行的移动开发框架jQueryMobile,并
HTML5网页设计 电子书
本书结合实例系统讲解了HTML5和CSS3技术中的基础理论知识,循序渐进,给读者奠定了一个扎实的基础。以项目为导向,以工作过程为框架,从职业岗位需求出发,分任务逐步讲述网页设计及制作的技术要点。语言通俗易懂,精美案例图文同步,涉及大量网页设计的丰富知识讲解,帮助读者深入了解网页设计。注重设计知识点和案例制作技巧的归纳总结,知识点和案例的讲解过程中穿插了代码使用技巧提示等,使读者更好地对知识点进行归
HTML5基础与实践教程 电子书
本书提供了大量实例、实例运行效果图、概念原理图以及课后习题来帮助读者更好地学习HTML5相关的知识。
HTML5游戏开发案例教程 电子书
本书是HTML5游戏开发课程教材。全书分为6章,内容包括构建Canvas开发环境、Canvas基本功能、CreateJS函数库、简单效果案例、HTML5小型游戏、太空英雄大战游戏。全书每章内容与实例紧密结合,并与极客学院网站视频教学课程相结合,学生可以扫描二维码进行视频课程学习,有助于学生随时理解知识、应用知识,使得视频、书籍和课堂紧密配合,达到学以致用的目的。