HTML5+CSS3网页设计与布局经典课堂/金松河等

《HTML5+CSS3 网页设计与布局经典课堂》以HTML 和CSS 为写作基础，以“理论知识＋实操案例”为创作导向，围绕网页设计的基本知识展开讲解。书中的每个案例都给出了详细的实现代码，同时还对代码中的关键点和效果实现进行了描述。 《HTML5+CSS3 网页设计与布局经典课堂》共12 章，分别对canvas 绘图基础、HTML5 表单元素、HTML5 表单制作、HTML5 多媒体应用、地理位置的获取、离线储存和拖放、CSS3 中的选择器、CSS3 的颜色和图形的应用、CSS3 中的动画及用户交互界面设计进行了详细的我阐述。本书结构清晰，思路明确，内容丰富，语言简练，既有鲜明的基础性，也有很强的实用性。 《HTML5+CSS3 网页设计与布局经典课堂》既可作为大中专院校及高等院校相关专业的教学用书，又可作为网页设计爱好者的学习用书。同时，也可以作为社会各类网页设计及Web 前端开发培训班的优选教材。

CHAPTER 01 HTML5轻松上手
1.1 HTML5新增知识
1.1.1 HTML5的兼容性
1.1.2 HTML5的通用访问
1.1.3 HTML5标准改进
1.2 HTML5语法
1.2.1 文档类型声明
1.2.2 字符编码
1.2.3 省略引号
1.3 HTML5元素分类
1.3.1 结构性元素
1.3.2 级块性元素
1.3.3 行内语义性元素
1.3.4 交互性元素
1.4 HTML5新增主体结构元素
1.4.1 article元素
1.4.2 section元素
1.4.3 nav元素
1.4.4 aside元素
1.4.5 pubdate属性
1.5 HTML5新的非主体结构元素
1.5.1 header元素
1.5.2 hgroup元素
1.5.3 footer元素
1.5.4 address元素
1.6 新增的属性
1.6.1 表单相关属性
1.6.2 其他相关属性
1.7 课堂练习
强化训练
CHAPTER 02 使用canvas绘图
2.1 canvas入门
2.1.1 什么是canvas
2.1.2 浏览器对canvas的支持情况
2.1.3 CSS和canvas
2.1.4 canvas坐标
2.2 怎样使用canvas
2.2.1 在页面中加入canvas
2.2.2 绘制矩形和三角形
2.3 canvas绘制曲线路径
2.3.1 路径
2.3.2 描边样式
2.3.3 填充样式
2.3.4 绘制曲线
2.4 canvas绘制图像
2.4.1 插入图像
2.4.2 绘制渐变图形
2.4.3 绘制变形图形
2.4.4 组合多个图形
2.4.5 图形的缩放 2.4.6 像素处理
2.5 canvas文本应用
2.5.1 绘制文本
2.5.2 应用阴影
2.6 课堂练习
强化训练
CHAPTER 03 制作新型表单
3.1 认识HTML5 form
3.1.1 HTML5 form新特性
3.1.2 浏览器对HTML5 form的支持情况
3.1.3 新型表单的输入型控件
3.2 表单新属性
3.2.1 新的表单元素
3.2.2 新增表单属性
3.3 HTML5中form应用
3.4 课堂练习
强化训练
CHAPTER 04 多媒体的应用
4.1 认识audio和video元素
4.2 audio和video元素的应用
4.2.1 检测浏览器是否支持
4.2.2 audio元素
4.2.3 使用audio元素
4.2.4 video元素
4.2.5 使用video元素
4.3 audio和video属性、方法和事件
4.3.1 audio和video相关事件
4.3.2 audio和video相关属性
4.3.3 audio和video相关方法
4.4 课堂练习
强化训练
CHAPTER 05 获取地理位置
5.1 关于地理位置信息
5.1.1 经度和纬度坐标
5.1.2 IP地址定位数据
5.1.3 GPS地理定位数据
5.1.4 wi-fi地理定位数据
5.1.5 用户自定义的地理定位
5.2 浏览器对Geolocation的支持
5.2.1 GeolocationAPI必学知识
5.2.2 Geolocation的浏览器支持情况
5.3 隐私处理
5.3.1 应用隐私保护机制
5.3.2 处理位置信息
5.4 使用GeolocationAPI
5.4.1 检测浏览器是否支持
5.4.2 位置请求
5.5 在地图上显示你的位置
5.6 课堂练习
强化训练CHAPTER 06 本地存储和上传
6.1 离线Web入门
6.1.1 离线Web介绍
6.1.2 离线Web应用的浏览器支持情况
6.2 使用离线Web
6.2.1 支持离线行为
6.2.2 manifest文件介绍
6.2.3 applicationCache对象
6.2.4 离线Web的具体应用
6.3 Web Workers知识
6.3.1 什么是Web Workers
6.3.2 Web Workers的简单应用
6.4 使用Web Workers API
6.4.1 检测浏览器是否支持
6.4.2 创建Web Workers
6.4.3 多线程文件的加载与执行
6.4.4 与Web Workers通信
6.5 拖放API
6.5.1 实现拖放API的过程
6.5.2 datatransfer对象的属性与方法
6.6 拖放API的应用
6.6.1 拖放应用
6.6.2 拖放列表
6.7 课堂练习
强化训练
CHAPTER 07 新增的选择器
7.1 回顾CSS
7.1.1 什么是CSS
7.1.2 CSS特点及优点
7.1.3 CSS的基本语法
7.2 CSS选择器
7.2.1 三大基础选择器
7.2.2 集体选择器
7.2.3 属性选择器
7.3 CSS3基础知识
7.3.1 CSS3浏览器的支持情况
7.3.2 CSS3新增的长度单位
7.3.3 CSS3新增结构性伪类
7.3.4 CSS3新增UI元素状态伪类
7.3.5 CSS3新增属性
7.4 课堂练习
强化训练
CHAPTER 08 CSS3文本与颜色
8.1 设计文本和边框样式
8.1.1 文本阴影text-shadow
8.1.2 文本溢出text-overflow
8.1.3 文本换行word-wrap
8.1.4 单词拆分word-break
8.1.5 圆角边框border-radius
8.1.6 盒子阴影box-shadow 8.1.7 边界边框border-image
8.2 设计颜色样式
8.2.1 使用RGBA颜色值
8.2.2 使用HSL颜色值
8.2.3 使用HSLA颜色值
8.3 课堂练习
强化训练
CHAPTER 09 颜色渐变和图形转换
9.1 渐变简介
9.1.1 浏览器支持
9.1.2 线性渐变
9.1.3 径向渐变
9.2 CSS3转换
9.2.1 浏览器支持情况
9.2.2 2D转换
9.2.3 3D转换
9.3 课堂练习
强化训练
CHAPTER 10 让设计更加灵活
10.1 盒子模型
10.1.1 CSS中的盒子简介
10.1.2 外边距设置
1O.1.3 外边距合并
10.1.4 内边距设置
10.2 弹性盒子
10.2.1 弹性盒子基础
1O.2.2 浏览器支持情况
10.2.3 对父级容器的设置
1O.2.4 对子级内容的设置
10.3 课堂练习
强化训练
CHAPTER 11 CSS3设计动画
11.1 过渡基础
11.1.1 过渡属性
11.1.2 浏览器支持情况
11.2 实现过渡
11.2.1 单项属性过渡
11.2.2 多项属性过渡
11.2.3 利用过渡设计电脑桌面
11.3 实现动画
11.3.1 浏览器支持
11.3.2 动画属性
11.3.3 实现动画效果
11.3.4 利用动画属性制作太阳系动画
11.4 课堂练习
强化训练
CHAPTER 12 用户交互界面
12.1 多媒体查询
12.1.1 多媒体查询能做什么
12.1.2 多媒体查询语法 12.1.3 多媒体查询方法
12.1.4 制作一个自适应的导航栏
12.2 用户界面简介
12.2.1 调整尺寸resizing
12.2.2 方框大小调整box-sizing
12.2.3 外形修饰outline-offset
12.2.4 界面的多列布局
12.3 课堂练习
强化训练
参考文献