资源名称:疯狂HTML 5/CSS 3/Javascript讲义

内容简介:

HTML 5规范呼之欲出,各浏览器厂商更早已摩拳擦掌,纷纷推出支持HTML5规范的浏览器:Firefox、Opera、Chrome等浏览器早已很好地支持各种HTML 5规范,微软也宣布IE9将会更好地支持CSS 3、SVG和HTML 5等新规范,这些迹象表明:HTML 5时代到来了。

  《疯狂HTML 5/CSS3/Javascript讲义》是一本全面介绍HTML 5、CSS3和Javascript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML5的绘图支持、HTML 5的多媒体支持、CSS3的功能和用法、最前沿的变形与动画功能等。除此之外,本书还系统地介绍了Javascript编程知识,包括Javascript基本语法、DOM编程,以及HTML5新增的本地存储、离线应用、Javascript多线程、客户端通信支持、WebSocket编程等。

  《疯狂HTML5/CSS3/Javascript讲义》的定位是一本前端开发的“实战性”图书,因此在介绍各知识点时并不是简单地停留在知识点层面阐述,而是结合了大量实例来让读者对照练习、学以致用。本书最后还提供了一个基于HTML5技术的小游戏:疯狂俄罗斯方块。该游戏综合运用了HTML5的绘图支持、客户端存储等技术,具有较高的参考价值。本书提供了配套的答疑网站,如果读者在阅读本书时遇到了技术问题,可以登录疯狂Java联盟发帖,笔者将会及时予以解答。

资源目录:

第一部分

第1章 HTML 5简介

 1.1 HTML历史与HTML 5

  1.1.1 HTML发展历史

  1.1.2 HTML 4.01和XHTML

  1.1.3 HTML和XHTML的文档类型定义(DTD)

  1.1.4 从XHTML到HTML 5

 1.2 HTML 5的优势

  1.2.1 解决跨浏览器问题

  1.2.2 部分代替了原来的Javascript

  1.2.3 更明确的语义支持

  1.2.4 增强了Web应用程序的功能

 1.3 HTML 5的基本结构和语法变化

  1.3.1 HTML 5基本结构

  1.3.2 HTML 5的语法变化

 1.4 本章小结

第2章 HTML 5的常用元素与属性

 2.1 HTML 5保留的常用元素

  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.2 HTML 5新增的通用属性

  2.2.1 contentEditable属性

  2.2.2 designMode属性

  2.2.3 hidden属性

  2.2.4 spellcheck属性

 2.3 HTML 5新增的常用元素

  2.3.1 文档结构元素

  2.3.2 语义相关元素

  2.3.3 两个特殊功能的元素

 2.4 HTML 5头部和元信息

 2.5 HTML 5新增的拖放API

  2.5.1 启动拖动

  2.5.2 接受“放”

  2.5.3 DataTransfer对象

  2.5.4 拖放行为

  2.5.5 改变拖放图标

 2.6 本章小结

第章 HTML 5表单相关元素和属性

  3.1 HTML原有的表单及表单控件

  3.1.1 表单元素

  3.1.2 使用input元素

  3.1.3 使用label定义标签

  3.1.4 使用button定义按钮

  3.1.5 列表框和下拉菜单

  3.1.6 使用textarea定义文本域

 3.2 HTML 5新增的属性与元素

  3.2.1 HTML 5为表单控件新增的属性

  3.2.2 功能丰富的input元素

  3.2.3 HTML 5新增的表单控件

 3.3 HTML 5增强的文件上传域

  3.3.1 FileList对象与File对象

  3.3.2 使用FileReader读取文件内容

 3.4 HTML 5新增的客户端校验

  3.4.1 使用校验属性执行校验

  3.4.2 调用checkValidity方法进行校验

  3.4.3 自定义错误提示

  3.4.4 关闭校验

 3.5 本章小结

第4章 HTML 5的绘图支持

 4.1 使用canvas元素

 4.2 绘图

  4.2.1 canvas绘图基础:CanvasRenderingContext2D

  4.2.2 绘制几何图形

  4.2.3 绘制字符串

  4.2.4 设置阴影

  4.2.5 使用路径

  4.2.6 绘制曲线

  4.2.7 绘制位图

 4.3 图形特效处理

  4.3.1 使用坐标变换

  4.3.2 坐标变换与路径结合使用

  4.3.3 使用矩阵变换

 4.4 控制叠加风格

 4.5 控制填充风格

  4.5.1 线性渐变

  4.5.2 圆形渐变

  4.5.3 位图填充

 4.6 位图处理

  4.6.1 位图裁剪

  4.6.2 像素处理

 4.7 输出位图

 4.8 本章小结

第5章 HTML 5的多媒体支持

 5.1 使用audio和video元素

 5.2 使用Javascript脚本控制媒体播放

  5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法

  5.2.2 HTMLAudioElement与HTMLVideoElement的属性

 5.3 事件监听

  5.3.1 事件

  5.3.2 监听器

 5.4 本章小结

第二部分

第6章 级联样式单与CSS选择器

 6.1 样式单概述

  6.1.1 CSS概述

  6.1.2 CSS的发展历史

 6.2 CSS样式单的基本使用

  6.2.1 引入外部样式文件

  6.2.2 导入外部样式单

  6.2.3 使用内部CSS样式

  6.2.4 使用内联样式

 6.3 CSS选择器

  6.3.1 元素选择器

  6.3.2 属性选择器

  6.3.3 ID选择器

  6.3.4 class选择器

  6.3.5 包含选择器

  6.3.6 子选择器

  6.3.7 CSS 3新增的兄弟选择器

  6.3.8 选择器组合

 6.4 伪元素选择器

  6.4.1 内容相关的属性

  6.4.2 插入图像

  6.4.3 只插入部分元素

  6.4.4 配合quotes属性执行插入

  6.4.5 配合counter-increment属性添加编号

  6.4.6 使用自定义编号

  6.4.7 添加多级编号

 6.5 CSS 3.0新增的伪类选择器

  6.5.1 结构性伪类选择器

  6.5.2 UI元素状态伪类选择器

  6.5.3 浏览器专属的属性

  6.5.4 :not和:target

 6.6 在脚本中修改显示样式

  6.6.1 随机改变页面的背景色

  6.6.2 动态增加立体效果

 6.7 本章小结

第7章 字体与文本相关属性

 7.1 字体相关属性

  7.1.1 添加阴影

  7.1.2 添加多个阴影

  7.1.3 使用font-size-adjust属性微调字体大小

 7.2 CSS 3支持的颜色表示方法

 7.3 文本相关属性

  7.3.1 文本自动换行:word-break

  7.3.2 长单词和URL地址换行

 7.4 CSS 3新增的服务器字体

  7.4.1 使用服务器字体

  7.4.2 定义粗体、斜体字

  7.4.3 优先使用客户端字体

 7.5 本章小结

第8章 背景、边框和补丁相关属性

 8.1 背景相关属性

  8.1.1 背景图片固定

  8.1.2 CSS 3新增的背景相关属性

  8.1.3 CSS 3新增的多背景图片

 8.2 边框相关属性

  8.2.1 CSS 3提供的渐变边框

  8.2.2 CSS 3提供的圆角边框

  8.2.3 CSS 3提供的图片边框

 8.3 补丁相关属性

  8.3.1 内补丁相关属性

  8.3.2 外补丁相关属性

 8.4 本章小结

第9章 大小、定位、轮廓相关属性

 9.1 大小相关属性

  9.1.1 CSS 3新增的box-sizing属性

  9.1.2 CSS 3新增的resize属性

 9.2 定位相关属性

 9.3 轮廓相关属性

 9.4 本章小结

第10章 盒模型与布局相关属性

 10.1 布局相关属性

  10.1.1 通过float属性实现多栏布局

  10.1.2 使用clear属性实现换行

  10.1.3 使用clip属性控制裁剪

  10.1.4 控制组件的滚动条

 10.2 盒模型和display属性

  10.2.1 两种最基本的盒模型

  10.2.2 none值

  10.2.3 inline-block盒模型

  10.2.4 inline-table盒模型

  10.2.5 表格相关的盒模型

  10.2.6 list-item盒模型

  10.2.7 run-in盒模型

 10.3 对盒添加阴影

  10.3.1 使用box-shadow属性

  10.3.2 对表格及单元格添加阴影

 10.4 CSS 3的多栏布局

  10.4.1 CSS 3新增的分栏功能

  10.4.2 使用盒模型实现多栏布局

 10.5 本章小结

第11章 表格、列表相关属性及media query

 11.1 表格相关属性

 11.2 列表相关属性

 11.3 控制光标的属性

 11.4 media query功能

  11.4.1 media query语法

  11.4.2 针对浏览器宽度调整布局

 11.5 本章小结

第12章 变形与动画相关属性

 12.1 CSS 3提供的变形支持

  12.1.1 4种基本变形

  12.1.2 同时应用多种变形

……

资源截图:

疯狂HTML 5/CSS 3/Jav aScri pt讲义