0人評分過此書
HTML5＋CSS3从入门到精通：微课精编版
作者
：
出版日期
：
2018/08/01
閱讀格式
：
EPUB
ISBN
：
9787302502531
《HTML5+CSS3 從入門到精通（微課精編版）》從初學者角度出發，通過通俗易懂的語言、豐富多彩的實例，詳細介紹了HTML5+CSS3 前端開發技術及其應用。本書共25 章，包括HTML5 基礎、HTML5 新增元素和文檔結構、HTML5 表單、HTML5 繪圖和動畫、HTML5 音頻和視頻、數據存儲、應用程序緩存、多線程編程、位置信息、歷史記錄、文件操作、HTML5 通信、WebRTC 視頻直播、跨窗口操作、拖放操作、異步交互、延遲處理、HTML5 其他API、CSS3 基礎、CSS3 文本樣式、CSS3 背景圖像和漸變背景、CSS3 用戶接口樣式、CSS3 伸縮盒佈局、CSS3 動畫、CSS3 媒體查詢等內容。書中所有知識都結合具體實例進行介紹，代碼注釋詳盡，讀者可輕鬆掌握前端技術精髓，提升實際開發能力。
- 封面页
- 书名页
- 版权页
- 内容简介
- 如何使用本书
- 前言 Preface
- 目录
-
第1章 HTML5基础
-
1.1 HTML5概述
-
1.1.1 HTML版本概览
-
1.1.2 HTML5诞生记
-
1.1.3 HTML5组织
-
1.1.4 HTML5开发规则
-
1.1.5 HTML5特性
-
1.1.6 浏览器检测
-
-
1.2 HTML5设计原则
-
1.2.1 避免不必要的复杂性
-
1.2.2 支持已有内容
-
1.2.3 解决实际问题
-
1.2.4 用户怎么使用就怎么设计规范
-
1.2.5 优雅地降级
-
1.2.6 支持的优先级
-
-
1.3 HTML5语法特性
-
1.3.1 文档和标记
-
1.3.2 宽松的约定
-
-
1.4 案例实战
-
1.4.1 编写第一个HTML5文档
-
1.4.2 比较HTML4与HTML5文档结构
-
1.4.3 设计一个较详细的HTML5文档模板
-
-
1.5 HTML5 API
-
1.5.1 新增的API
-
1.5.2 修改的API
-
1.5.3 扩展Document
-
1.5.4 扩展HTMLElement
-
1.5.5 扩展DOM HTML
-
1.5.6 弃用的API
-
-
1.6 在线练习
-
-
第2章 HTML5新增元素和文档结构
-
2.1 HTML5元素
-
2.1.1 新元素分类
-
2.1.2 废除的元素
-
-
2.2 设计新的文档结构
-
2.2.1 article——文章块
-
2.2.2 section——区块
-
2.2.3 nav——导航条
-
2.2.4 aside——辅助栏
-
2.2.5 main——主要区域
-
2.2.6 header——标题栏
-
2.2.7 hgroup——标题组
-
2.2.8 footer——页脚栏
-
-
2.3 设计新的语义信息
-
2.3.1 address——联系信息
-
2.3.2 time——显示时间
-
2.3.3 figure和figcaption——流媒体
-
2.3.4 details和summary——详细内容
-
2.3.5 mark——记号文本
-
2.3.6 progress——进度条
-
2.3.7 meter——度量
-
2.3.8 dialog——模态对话框
-
2.3.9 bdi——隔离文本
-
2.3.10 wbr——换行断点
-
2.3.11 ruby、rt、rp——文本注释
-
2.3.12 command——菜单命令
-
-
2.4 完善旧元素
-
2.4.1 a——超链接
-
2.4.2 ol——有序列表
-
2.4.3 dl——定义列表
-
2.4.4 cite——引用文本
-
2.4.5 small——小号字体
-
2.4.6 iframe——浮动框架
-
2.4.7 script——脚本
-
-
2.5 HTML5新的全局属性
-
2.5.1 contentEditable——可编辑内容
-
2.5.2 contextmenu——快捷菜单
-
2.5.3 data——自定义属性
-
2.5.4 draggable——可拖动
-
2.5.5 dropzone——拖动数据
-
2.5.6 hidden——隐藏
-
2.5.7 spellcheck——语法检查
-
2.5.8 translate——可翻译
-
-
2.6 HTML5文档大纲
-
2.6.1 定义文档节段
-
2.6.2 隐式分节
-
2.6.3 特殊分节
-
-
2.7 案例实战
-
2.8 在线练习
-
-
第3章 HTML5表单
-
3.1 HTML5表单特性
-
3.2 新的Input类型
-
3.2.1 email——Email地址框
-
3.2.2 url——URL地址框
-
3.2.3 number——数字框
-
3.2.4 range——范围框
-
3.2.5 date pickers——日期选择器
-
3.2.6 search——搜索框
-
3.2.7 tel——电话号码框
-
3.2.8 color——拾色器
-
-
3.3 新的input属性
-
3.3.1 autocomplete——自动完成
-
3.3.2 autofocus——自动获取焦点
-
3.3.3 form——归属表单
-
3.3.4 表单重写
-
3.3.5 height和width——高和宽
-
3.3.6 list——列表选项
-
3.3.7 min、max和step——最小值、最大值和步长
-
3.3.8 multiple——多选
-
3.3.9 pattern——匹配模式
-
3.3.10 placeholder——替换文本
-
3.3.11 required——必填
-
-
3.4 新的表单元素
-
3.4.1 datalist——数据列表
-
3.4.2 keygen——密钥对生成器
-
3.4.3 output——输出结果
-
-
3.5 新的form属性
-
3.5.1 autocomplete——自动完成
-
3.5.2 novalidate——禁止验证
-
-
3.6 案例实战
-
3.6.1 设计HTML5注册表单
-
3.6.2 设计HTML5验证表单
-
-
3.7 在线练习
-
-
第4章 HTML5绘图和动画
-
4.1 使用canvas
-
4.2 绘制图形
-
4.2.1 矩形
-
4.2.2 路径
-
4.2.3 直线
-
4.2.4 圆弧
-
4.2.5 二次方曲线
-
4.2.6 三次方曲线
-
-
4.3 定义样式和颜色
-
4.3.1 颜色
-
4.3.2 不透明度
-
4.3.3 实线
-
4.3.4 虚线
-
4.3.5 线性渐变
-
4.3.6 径向渐变
-
4.3.7 图案
-
4.3.8 阴影
-
4.3.9 填充规则
-
-
4.4 图形变形
-
4.4.1 保存和恢复状态
-
4.4.2 清除画布
-
4.4.3 移动坐标
-
4.4.4 旋转坐标
-
4.4.5 缩放图形
-
4.4.6 变换图形
-
-
4.5 图形合成
-
4.5.1 合成
-
4.5.2 裁切
-
-
4.6 绘制文本
-
4.6.1 填充文字
-
4.6.2 轮廓文字
-
4.6.3 文本样式
-
4.6.4 测量宽度
-
-
4.7 使用图像
-
4.7.1 导入图像
-
4.7.2 缩放图像
-
4.7.3 裁切图像
-
4.7.4 平铺图像
-
-
4.8 像素操作
-
4.8.1 认识ImageData对象
-
4.8.2 创建图像数据
-
4.8.3 将图像数据写入画布
-
4.8.4 在画布中复制图像数据
-
4.8.5 保存图片
-
-
4.9 Path2D对象
-
4.9.1 Canvas 2D API新功能
-
4.9.2 使用Path2D对象
-
-
4.10 案例实战
-
4.10.1 设计基本动画
-
4.10.2 颜色选择器
-
4.10.3 给图像去色
-
4.10.4 缩放图像和反锯齿处理
-
4.10.5 设计运动动画
-
4.10.6 设计地球和月球公转动画
-
-
4.11 在线练习
-
-
第5章 HTML5音频和视频
-
5.1 使用HTML5音频和视频
-
5.1.1 使用<audio>
-
5.1.2 使用<video>
-
5.1.3 设置属性
-
5.1.4 设置方法
-
5.1.5 设置事件
-
-
5.2 案例实战
-
5.2.1 设计音乐播放器
-
5.2.2 获取播放进度
-
5.2.3 设计视频播放器
-
5.2.4 视频自动截图
-
5.2.5 视频同步字幕
-
5.2.6 使用HTML5 Web Audio API增加声音
-
5.2.7 访问多媒体属性、方法和事件
-
-
5.3 在线练习
-
-
第6章 数据存储
-
6.1 Web Storage
-
6.1.1 使用Web Storage
-
6.1.2 案例：设计登录页
-
6.1.3 案例：流量统计
-
-
6.2 Web SQL Database
-
6.2.1 使用Web SQL Database
-
6.2.2 案例：设计登录页
-
6.2.3 案例：设计留言板
-
-
6.3 indexedDB
-
6.3.1 建立连接
-
6.3.2 更新版本
-
6.3.3 新建仓库
-
6.3.4 新建索引
-
6.3.5 使用事务
-
6.3.6 保存数据
-
6.3.7 访问数据
-
6.3.8 访问键值
-
6.3.9 访问属性
-
-
6.4 案例：设计录入表单
-
6.5 在线练习
-
-
第7章 应用程序缓存
-
7.1 ApplicationCache API基础
-
7.1.1 认识ApplicationCache API
-
7.1.2 配置服务器
-
7.1.3 认识manifest
-
7.1.4 使用ApplicationCache
-
7.1.5 事件监听
-
-
7.2 案例实战
-
7.2.1 缓存首页
-
7.2.2 离线编辑
-
-
7.3 在线练习
-
-
第8章 多线程编程
-
8.1 Web Workers基础
-
8.1.1 认识Web Workers
-
8.1.2 创建Web Workers
-
8.1.3 Workers通信
-
8.1.4 使用Web Workers
-
-
8.2 案例实战
-
8.2.1 求和运算
-
8.2.2 过滤运算
-
8.2.3 并发运算
-
8.2.4 多运算通信
-
8.2.5 数列运算
-
-
8.3 在线练习
-
-
第9章 位置信息
-
9.1 Geolocation API基础
-
9.1.1 Geolocation API应用场景
-
9.1.2 位置信息来源
-
9.1.3 位置信息表示方式
-
9.1.4 获取位置信息
-
9.1.5 浏览器兼容性
-
9.1.6 监测位置信息
-
9.1.7 停止获取位置信息
-
9.1.8 保护隐私
-
9.1.9 处理位置信息
-
9.1.10 使用position
-
-
9.2 案例：设计位置地图
-
9.3 在线练习
-
-
第10章 历史记录
-
10.1 History API基础
-
10.1.1 了解History API
-
10.1.2 使用History API
-
10.1.3 注意事项
-
-
10.2 案例实战
-
10.2.1 设计导航页面
-
10.2.2 设计无刷新网站
-
10.2.3 设计无刷新灯箱广告
-
10.2.4 设计可后退画板
-
-
10.3 在线练习
-
-
第11章 文件操作
-
11.1 FileList
-
11.2 Blob
-
11.2.1 访问Blob
-
11.2.2 创建Blob
-
11.2.3 截取Blob
-
11.2.4 保存Blob
-
-
11.3 FileReader
-
11.3.1 读取文件
-
11.3.2 事件监测
-
-
11.4 ArrayBuffer和ArrayBufferView
-
11.4.1 使用ArrayBuffer
-
11.4.2 使用ArrayBufferView
-
11.4.3 使用DataView
-
-
11.5 FileSystem API
-
11.5.1 认识FileSystem API
-
11.5.2 访问FileSystem
-
11.5.3 申请配额
-
11.5.4 新建文件
-
11.5.5 写入数据
-
11.5.6 添加数据
-
11.5.7 读取数据
-
11.5.8 复制文件
-
11.5.9 删除文件
-
11.5.10 创建目录
-
11.5.11 读取目录
-
11.5.12 删除目录
-
11.5.13 复制目录
-
11.5.14 重命名目录
-
11.5.15 使用filesystem:URL
-
-
11.6 案例：设计资源管理器
-
11.7 在线练习
-
-
第12章 HTML5通信
-
12.1 跨文档消息传递
-
12.1.1 postMessage基础
-
12.1.2 案例：设计简单的跨域通话
-
12.1.3 案例：设计跨域动态对话
-
12.1.4 案例：设计通道通信
-
-
12.2 WebSockets通信
-
12.2.1 WebSocket基础
-
12.2.2 使用WebSockets API
-
12.2.3 在PHP中建立socket
-
12.2.4 WebSockets API开发框架
-
12.2.5 案例：设计简单的“呼－应”通信
-
12.2.6 案例：发送JSON对象
-
12.2.7 案例：使用Workerman框架通信
-
12.2.8 案例：推送信息
-
-
12.3 在线练习
-
-
第13章 WebRTC视频直播
-
13.1 WebRTC基础
-
13.2 案例实战
-
13.2.1 访问本地设备
-
13.2.2 视频截图
-
13.2.3 视频对话基础
-
13.2.4 视频对话实现
-
13.2.5 SDP交换
-
13.2.6 ICE交换
-
-
13.3 在线练习
-
-
第14章 跨窗口操作
-
14.1 通知API
-
14.1.1 Notification API基础
-
14.1.2 案例：设计桌面通知
-
14.1.3 案例：关闭通知
-
14.1.4 案例：设计多条通知
-
-
14.2 页面可见API
-
14.2.1 Page Visibility基础
-
14.2.2 案例：设计视频页面
-
14.2.3 案例：设计登录页面
-
-
14.3 全屏API
-
14.3.1 Fullscreen API基础
-
14.3.2 案例：设计全屏显示
-
14.3.3 案例：设计全屏播放
-
-
14.4 在线练习
-
-
第15章 拖放操作
-
15.1 拖放API基础
-
15.1.1 拖放功能实现
-
15.1.2 DataTransfer对象
-
-
15.2 案例实战
-
15.2.1 设计垃圾箱
-
15.2.2 设计接纳箱
-
15.2.3 拖选对象
-
15.2.4 可视化删除
-
-
15.3 在线练习
-
-
第16章 异步交互
-
16.1 XMLHttpRequest 2基础
-
16.1.1 请求时限
-
16.1.2 FormData数据对象
-
16.1.3 上传文件
-
16.1.4 跨域访问
-
16.1.5 响应不同类型数据
-
16.1.6 接收二进制数据
-
16.1.7 监测数据传输进度
-
-
16.2 案例实战
-
16.2.1 接收ArrayBuffer对象
-
16.2.2 接收Blob对象
-
16.2.3 发送字符串
-
16.2.4 发送表单数据
-
16.2.5 发送二进制文件
-
16.2.6 发送Blob对象
-
16.2.7 跨域请求
-
16.2.8 设计文件上传进度条
-
-
16.3 在线练习
-
-
第17章 延迟处理
-
17.1 延迟处理基础
-
17.1.1 从回调函数到异步队列
-
17.1.2 使用promise对象
-
-
17.2 案例实战
-
17.2.1 队列操作
-
17.2.2 异常处理
-
17.2.3 创建序列
-
17.2.4 并行处理
-
-
17.3 在线练习
-
-
第18章 HTML5其他API
-
18.1 指针锁定API
-
18.1.1 认识鼠标指针锁定API
-
18.1.2 案例：设计全屏鼠标指针锁定
-
-
18.2 requestAnimationFrame
-
18.2.1 认识requestAnimFrame
-
18.2.2 案例：设计进度条
-
18.2.3 案例：设计旋转的小球
-
-
18.3 Mutation Observer
-
18.3.1 认识Mutation Observer
-
18.3.2 案例：观察DOM元素
-
18.3.3 案例：观察DOM属性
-
-
18.4 在线练习
-
-
第19章 CSS3基础
-
19.1 CSS3概述
-
19.1.1 CSS3模块
-
19.1.2 CSS3开发状态
-
19.1.3 浏览器支持状态
-
-
19.2 CSS3选择器概述
-
19.3 使用CSS3选择器
-
19.3.1 兄弟选择器
-
19.3.2 属性选择器
-
19.3.3 伪类选择器
-
19.3.4 伪对象选择器
-
-
19.4 案例实战
-
19.4.1 设计按钮样式
-
19.4.2 设计列表样式
-
19.4.3 设计表格样式
-
19.4.4 设计表单样式
-
19.4.5 设计锚点样式
-
19.4.6 设计超链接样式
-
-
19.5 在线练习
-
-
第20章 CSS3文本样式
-
20.1 CSS3文本模块
-
20.1.1 文本模块概述
-
20.1.2 文本溢出
-
20.1.3 文本换行
-
20.1.4 书写模式
-
20.1.5 initial值
-
20.1.6 inherit值
-
20.1.7 unset值
-
20.1.8 all属性
-
-
20.2 色彩模式
-
20.2.1 rgba()函数
-
20.2.2 hsl()函数
-
20.2.3 hsla()函数
-
20.2.4 opacity属性
-
20.2.5 transparent值
-
20.2.6 currentColor值
-
-
20.3 文本阴影
-
20.3.1 定义text-shadow
-
20.3.2 案例：设计特效字
-
-
20.4 内容生成和替换
-
20.4.1 定义content
-
20.4.2 案例：应用content
-
-
20.5 网络字体
-
20.5.1 使用@font-face
-
20.5.2 案例：设计字体图标
-
-
20.6 案例实战
-
20.6.1 设计黑科技网站首页
-
20.6.2 设计消息提示框
-
-
20.7 在线练习
-
-
第21章 CSS3背景图像和渐变背景
-
21.1 设计背景图像
-
21.1.1 设置定位原点
-
21.1.2 设置裁剪区域
-
21.1.3 设置背景图像大小
-
21.1.4 设置多重背景图像
-
-
21.2 设计渐变背景
-
21.2.1 定义线性渐变
-
21.2.2 设计线性渐变样式
-
21.2.3 案例：设计网页渐变色
-
21.2.4 案例：设计条纹背景
-
21.2.5 定义重复线性渐变
-
21.2.6 定义径向渐变
-
21.2.7 设计径向渐变样式
-
21.2.8 定义重复径向渐变
-
21.2.9 案例：设计网页背景色
-
21.2.10 案例：设计图标
-
-
21.3 案例实战
-
21.3.1 设计优惠券
-
21.3.2 设计桌面纹理背景
-
21.3.3 设计按钮
-
21.3.4 渐变特殊应用场景
-
21.3.5 设计栏目折角效果
-
-
21.4 在线练习
-
-
第22章 CSS3用户接口样式
-
22.1 界面显示
-
22.1.1 显示方式
-
22.1.2 调整尺寸
-
22.1.3 缩放比例
-
-
22.2 轮廓样式
-
22.2.1 定义轮廓
-
22.2.2 设计轮廓线
-
-
22.3 边框样式
-
22.3.1 定义边框图像源
-
22.3.2 定义边框图像平铺方式
-
22.3.3 定义边框图像宽度
-
22.3.4 定义边框图像分割方式
-
22.3.5 定义边框图像扩展
-
22.3.6 案例：应用边框图像
-
22.3.7 定义圆角边框
-
22.3.8 案例：设计椭圆图形
-
-
22.4 盒子阴影
-
22.4.1 定义盒子阴影
-
22.4.2 案例：box-shadow的应用
-
22.4.3 案例：设计翘边阴影
-
-
22.5 案例实战
-
22.5.1 设计内容页
-
22.5.2 设计应用界面
-
-
22.6 在线练习
-
-
第23章 CSS3伸缩盒布局
-
23.1 多列布局
-
23.1.1 设置列宽
-
23.1.2 设置列数
-
23.1.3 设置间距
-
23.1.4 设置列边框
-
23.1.5 设置跨列显示
-
23.1.6 设置列高度
-
-
23.2 旧版伸缩盒
-
23.2.1 启动伸缩盒
-
23.2.2 设置宽度
-
23.2.3 设置顺序
-
23.2.4 设置方向
-
23.2.5 设置对齐方式
-
-
23.3 新版伸缩盒
-
23.3.1 认识Flexbox系统
-
23.3.2 启动伸缩盒
-
23.3.3 设置主轴方向
-
23.3.4 设置行数
-
23.3.5 设置对齐方式
-
23.3.6 设置伸缩项目
-
-
23.4 伸缩盒版本比较和兼容
-
23.4.1 版本比较和兼容方法
-
23.4.2 案例：设计3栏页面
-
23.4.3 案例：设计3行3列应用
-
-
23.5 在线练习
-
-
第24章 CSS3动画
-
24.1 CSS3变形
-
24.1.1 认识Transform
-
24.1.2 设置原点
-
24.1.3 2D旋转
-
24.1.4 2D缩放
-
24.1.5 2D平移
-
24.1.6 2D倾斜
-
24.1.7 2D矩阵
-
24.1.8 设置变形类型
-
24.1.9 设置透视距离和原点
-
24.1.10 3D平移
-
24.1.11 3D缩放
-
24.1.12 3D旋转
-
24.1.13 透视函数
-
24.1.14 变形原点
-
24.1.15 背景可见
-
-
24.2 过渡动画
-
24.2.1 设置过渡属性
-
24.2.2 设置过渡时间
-
24.2.3 设置延迟过渡时间
-
24.2.4 设置过渡动画类型
-
24.2.5 设置过渡触发动作
-
-
24.3 帧动画
-
24.3.1 设置关键帧
-
24.3.2 设置动画属性
-
-
24.4 案例实战
-
24.4.1 设计图形
-
24.4.2 设计冒泡背景按钮
-
24.4.3 设计动画效果菜单
-
24.4.4 设计照片特效
-
24.4.5 设计立体盒子
-
24.4.6 旋转盒子
-
24.4.7 设计翻转广告
-
24.4.8 设计跑步效果
-
24.4.9 设计折叠面板
-
-
24.5 在线练习
-
-
第25章 CSS3媒体查询
-
25.1 媒体查询基础
-
25.1.1 媒体类型和媒体查询
-
25.1.2 使用@media
-
25.1.3 应用@media
-
-
25.2 案例实战
-
25.2.1 判断显示屏幕宽度
-
25.2.2 设计响应式版式
-
25.2.3 设计响应式菜单
-
25.2.4 设计自动隐藏布局
-
25.2.5 设计自适应手机页面
-
-
25.3 在线练习
-
- 附录
- 出版地 ： 中國大陸
- 語言 ： 簡體中文
評分與評論
請登入後再留言與評分
EPUB
EPUB
EPUB
EPUB
