HTML5+CSS3 Web前端开发技术(第2版)作 者: 刘德山,章增安,林彬 著出版时间: 2018 内容简介 本书以HTML5为基础,系统阐述Web前端开发的内容,一些案例结合了HTML5与CSS3的典型应用,目的是帮助读者快速掌握网站开发技术。本书适合网站前端开发人员提高使用,也适用信息技术类及相关专业读者。第1部分 HTML5及其应用第1章 HTML5概述 21.1 HTML5简介 21.1.1 HTML 21.1.2 HTML5 31.2 HTML5与HTML4的区别 41.2.1 HTML5文档结构的变化 41.2.2 HTML5语法的变化 51.2.3 HTML5增加和删除的元素 61.2.4 HTML5的全局属性 81.3 HTML5的特性 101.4 HTML5的开发环境 111.4.1 HTML5的开发工具简介 111.4.2 WebStorm集成开发环境 121.4.3 使用XAMPP搭建服务器环境 131.4.4 支持HTML5的浏览器和帮助文档 15思考与练习 16第2章 HTML5的文档结构元素 172.1 HTML的元素和属性 172.2 HTML文档的基本结构元素 192.3 HTML5新增的结构元素 202.3.1 用DIV描述的网页布局 202.3.2 HTML5增加的结构元素 21思考与练习 28第3章 HTML5的基本页面元素 293.1 文本元素 293.1.1 段落标记和换行标记 293.1.2 标题标记 303.1.3 块标记和 313.2 列表元素 313.2.1 有序列表标记 323.2.2 无序列表标记 333.2.3 自定义列表 343.3 超链接元素 353.3.1 超链接属性 353.3.2 超链接类型 363.3.3 超链接路径 373.4 图像元素和多媒体元素 393.4.1 图像标记 393.4.2 多媒体文件标记 423.5 表格元素 443.5.1 HTML的表格标记 443.5.2 HTML表格的属性 463.5.3 表格嵌套 483.6 内嵌框架 503.7 页面基本元素的应用 533.7.1 多层嵌套列表示例 533.7.2 旅游网站首页示例 543.7.3 内嵌框架示例 56思考与练习 58第4章 HTML5的表单元素 604.1 表单定义元素form 604.2 HTML表单输入元素及属性 614.2.1 表单输入元素input 614.2.2 列表框元素select 644.2.3 文本域输入元素textarea 654.3 HTML5新增的表单元素和属性 664.3.1 HTML5新增input类型 664.3.2 HTML5表单新增属性 694.4 一个会员注册表单 72思考与练习 75第5章 HTML5的video元素和audio元素 775.1 HTML5的video元素 775.1.1 使用video标记插入视频 775.1.2 video元素的访问控制 795.2 HTML5的audio元素 835.2.1 使用audio标记插入音频 835.2.2 audio元素的访问控制 845.3 使用track元素添加字幕 855.3.1 使用track标记插入字幕文件 855.3.2 建立WebVTT文件 86思考与练习 89第6章 HTML5的canvas绘图 906.1 canvas概述 906.1.1 创建canvas元素 906.1.2 canvas绘图的步骤 916.2 绘制矩形 926.2.1 绘制矩形的方法 926.2.2 绘图时的颜色与透明度属性 936.3 使用路径绘制图形 966.3.1 绘制圆形 966.3.2 绘制直线 986.3.3 绘制曲线 1016.4 绘制颜色渐变的图形 1026.4.1 绘制线性渐变 1026.4.2 绘制径向渐变 1046.5 使用坐标变换和矩阵变换绘图 1056.5.1 canvas的坐标系统 1056.5.2 坐标变换 1056.5.3 使用路径绘制图形的坐标变换 1066.5.4 矩阵变换 1076.6 在canvas中使用图像 1106.6.1 绘制图像 1106.6.2 图像平铺 1126.6.3 图像裁剪 1136.7 绘制文字 1156.8 使用canvas绘制动画 1166.8.1 绘制动画的步骤 1166.8.2 绘制动画的示例 116思考与练习 121第7章 HTML5的SVG绘图 1237.1 SVG概述 1237.1.1 SVG优缺点 1237.1.2 SVG调用方式 1247.2 绘制SVG基本图形 1267.2.1 绘制矩形和直线 1267.2.2 绘制圆和椭圆 1277.2.3 绘制折线和多边形 1277.2.4 绘制路径 1287.2.5 绘制文本和图形 1287.2.6 SVG绘图的属性 1307.3 变换 1327.3.1 平移 1327.3.2 旋转 1327.3.3 缩放 1327.3.4 倾斜 1327.4 组合与重用 1337.4.1 g元素 1337.4.2 use元素 1347.4.3 defs元素 1357.5 渐变与透明度 1367.5.1 渐变 1367.5.2 透明度 1417.6 滤镜 1427.6.1 滤镜的定义 1427.6.2 滤镜的应用 143思考与练习 145第8章 获取浏览器的地理位置信息 1478.1 地理位置信息概述 1478.1.1 地理位置信息的内容 1478.1.2 地理位置信息的来源 1488.2 地理位置信息使用过程 1488.3 地理位置API 1498.3.1 getCurrentPosition()方法 1498.3.2 watchPosition()方法 1508.4 获取地理位置信息的应用 150思考与练习 156第9章 离线Web应用与Web存储 1589.1 离线Web应用 1589.1.1 离线Web应用概述 1589.1.2 实现离线Web应用的步骤 1599.2 离线Web应用的实现 1599.2.1 manifest文件 1609.2.2 更新缓存 1639.2.3 检测在线状态 1649.3 Web Storage概述 1659.3.1 Web Storage的概念 1659.3.2 Web Storage API 1669.4 Web Storage应用 1679.4.1 使用localStorage和sessionStorage的网页计数器 1679.4.2 使用localStorage保存、读取和清除数据 1689.4.3 使用localStorage实现电话簿管理 1699.4.4 使用JSON对象改进电话簿的功能 171思考与练习 174第10章 使用Web Workers处理线程 17510.1 Web Workers概述 17510.1.1 Web Workers的引入 17510.1.2 使用Web Workers创建线程 17710.2 页面与线程的数据交互 17910.3 使用SharedWorker创建共享线程 181思考与练习 186第11章 HTML5的IndexedDB数据库 18711.1 IndexedDB数据库概述 18711.2 创建数据库 18811.3 数据库的版本更新和事务处理 19011.3.1 版本更新 19111.3.2 事务处理 19211.4 创建对象仓库 19311.5 创建索引 19411.6 保存和删除数据 19611.6.1 保存数据 19611.6.2 检索数据 19811.6.3 删除数据 20111.7 使用游标检索批量数据 20211.7.1 openCursor()方法及其参数 20211.7.2 数据遍历 203思考与练习 206第12章 HTML5的文件操作与拖放操作 20712.1 file对象和FileList对象 20712.1.1 file对象 20712.1.2 FileList对象 20812.2 ArrayBuffer对象与ArrayBufferView对象 20912.2.1 ArrayBuffer和ArrayBufferView概念 20912.2.2 ArrayBuffer对象 21012.2.3 ArrayBufferView对象 21012.2.4 DataView对象 21212.3 Blob对象 21312.3.1 使用Blob对象获取文件大小和类型 21312.3.2 通过slice()方法分割文件 21612.4 FileReader接口 21712.4.1 FileReader接口的方法 21712.4.2 FileReader接口的事件 21812.4.3 FileReader接口的应用 21812.5 拖放API 22112.5.1 拖放API简介 22212.5.2 拖放的实现过程 22212.6 DataTransfer对象的属性与方法 22412.6.1 DataTransfer对象的属性及拖放视觉效果 22412.6.2 DataTransfer对象的方法 22512.7 拖放的应用 22712.7.1 拖动网页元素 22712.7.2 拖动上传图片 229思考与练习 231第2部分 CSS3及其应用第13章 CSS3的选择器 23313.1 CSS3概述 23313.1.1 CSS3简介 23313.1.2 CSS的一个示例 23413.2 CSS的基本选择器 23713.2.1 标记选择器 23813.2.2 类选择器 23813.2.3 ID选择器 23913.3 在HTML中使用CSS的方法 24113.3.1 行内样式 24113.3.2 嵌入样式 24113.3.3 链接样式 24213.3.4 导入样式 24313.3.5 样式的优先级 24413.4 CSS复合选择器 24713.4.1 交集选择器 24713.4.2 并集选择器 24813.4.3 后代选择器 24913.4.4 子选择器 25113.4.5 相邻选择器 25113.5 CSS3新增的选择器 25213.5.1 属性选择器 25313.5.2 伪类选择器 25413.5.3 伪元素选择器 25913.6 使用CSS设计网站页面 261思考与练习 266第14章 使用CSS3设置元素样式 26714.1 用CSS3设置文本样式 26714.1.1 字体属性 26714.1.2 文本属性 27014.2 用CSS3设置颜色与背景 27514.2.1 颜色设置 27514.2.2 背景设置 27614.2.3 圆角边框和图像边框 27814.3 用CSS3设置图像效果 28014.3.1 为图片添加边框 28014.3.2 图片缩放 28214.3.3 图文混排 28414.4 用CSS3美化页面的应用 28614.4.1 用CSS样式美化表单 28614.4.2 设置图形项目符号 288思考与练习 289第15章 CSS3的盒模型及网页布局 29115.1 CSS盒模型 29115.1.1 盒模型的组成 29115.1.2 盒的类型 29615.1.3 CSS3新增的与盒相关的属性 29815.2 CSS布局常用属性 30315.2.1 定位属性 30315.2.2 浮动属性 30715.3 CSS的网页布局 30915.3.1 单列布局 30915.3.2 两列布局 31115.3.3 使用CSS3盒布局的三列布局 31515.4 DIV+CSS布局的应用 31815.4.1 图文混排的实现 31815.4.2 制作二级导航菜单 322思考与练习 328第16章 CSS3的响应式布局 32916.1 响应式布局简介 32916.1.1 媒体查询模块 32916.1.2 Media Queries的应用示例 33216.2 使用Bootstrap实现响应式布局 33616.2.1 Bootstrap框架简介 33616.2.2 Bootstrap框架中的各种元素 33816.2.3 应用Bootstrap框架构建的网页 343思考与练习 347第3部分 综合案例第17章 综合案例1——在线旅游网站的设计与实现 34917.1 使用HTML 5结构元素组织网页 34917.1.1 网页结构描述 34917.1.2 用CSS 3定义网站全局样式 35117.2 页头部分的设计 35217.2.1 页头的结构描述 35217.2.2 页头元素及CSS样式代码分析 35317.3 侧边导航和焦点图的设计 35517.3.1 侧边导航和焦点图板块的内容 35517.3.2 侧边导航和焦点图板块的代码分析 35617.4 快速搜索、滑动Tab和在线咨询板块设计 36117.4.1 快速搜索、滑动Tab和在线咨询板块的内容 36117.4.2 快速搜索板块的代码分析 36117.4.3 滑动Tab板块的代码分析 36417.4.4 在线咨询板块的代码分析 36617.5 特色线路板块的设计 36817.5.1 特色线路板块的内容 36817.5.2 特色线路板块的代码分析 36917.6 页脚的设计 37117.6.1 页脚的结构描述 37117.6.2 页脚的代码分析 372思考与练习 374第18章 综合案例2——订单管理网站的设计与实现 37618.1 案例功能描述 37618.2 用户登录注册模块设计 37818.2.1 页面结构代码分析 37818.2.2 CSS代码分析 37918.2.3 JavaScript代码分析 38018.3 订单管理模块设计 38318.3.1 页面结构代码分析 38318.3.2 CSS代码分析 38518.3.3 JavaScript代码分析 38718.4 客户管理模块设计 39318.4.1 页面结构代码和CSS代码分析 39418.4.2 JavaScript代码分析 395思考与练习 396附录 HTML标记列表 398参考文献 402 上一篇: 边练边学:网页UI商业项目设计实战 下一篇: 固态盘I/O优化技术研究