HTML5＋CSS3 Web前端开发技术 第2版【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

HTML5＋CSS3 Web前端开发技术 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1部分 HTML5及其应用2

第1章 HTML5概述2

1.1 HTML5简介2

1.1.1 HTML2

1.1.2 HTML53

1.2 HTML5与HTML4的区别4

1.2.1 HTML5文档结构的变化4

1.2.2 HTML5语法的变化5

1.2.3 HTML5增加和删除的元素6

1.2.4 HTML5的全局属性8

1.3 HTML5的特性10

1.4 HTML5的开发环境11

1.4.1 HTML5的开发工具简介11

1.4.2 WebStorm集成开发环境12

1.4.3 使用XAMPP搭建服务器环境13

1.4.4 支持HTML5的浏览器和帮助文档15

思考与练习16

第2章 HTML5的文档结构元素17

2.1 HTML的元素和属性17

2.2 HTML文档的基本结构元素19

2.3 HTML5新增的结构元素20

2.3.1 用DIV描述的网页布局20

2.3.2 HTML5增加的结构元素21

思考与练习28

第3章 HTML5的基本页面元素29

3.1 文本元素29

3.1.1 段落标记＜p＞和换行标记＜br/＞29

3.1.2 标题标记＜hn＞30

3.1.3 块标记＜div＞和＜span＞31

3.2 列表元素31

3.2.1 有序列表标记＜ol＞32

3.2.2 无序列表标记＜ul＞33

3.2.3 自定义列表＜dl＞34

3.3 超链接元素35

3.3.1 超链接属性35

3.3.2 超链接类型36

3.3.3 超链接路径37

3.4 图像元素和多媒体元素39

3.4.1 图像标记＜img＞39

3.4.2 多媒体文件标记＜embed＞42

3.5 表格元素44

3.5.1 HTML的表格标记44

3.5.2 HTML表格的属性46

3.5.3 表格嵌套48

3.6 内嵌框架50

3.7 页面基本元素的应用53

3.7.1 多层嵌套列表示例53

3.7.2 旅游网站首页示例54

3.7.3 内嵌框架示例56

思考与练习58

第4章 HTML5的表单元素60

4.1 表单定义元素form60

4.2 HTML表单输入元素及属性61

4.2.1 表单输入元素input61

4.2.2 列表框元素select64

4.2.3 文本域输入元素textarea65

4.3 HTML5新增的表单元素和属性66

4.3.1 HTML5新增input类型66

4.3.2 HTML5表单新增属性69

4.4 一个会员注册表单72

思考与练习75

第5章 HTML5的video元素和audio元素77

5.1 HTML5的video元素77

5.1.1 使用video标记插入视频77

5.1.2 video元素的访问控制79

5.2 HTML5的audio元素83

5.2.1 使用audio标记插入音频83

5.2.2 audio元素的访问控制84

5.3 使用track元素添加字幕85

5.3.1 使用track标记插入字幕文件85

5.3.2 建立WebVTT文件86

思考与练习89

第6章 HTML5的canvas绘图90

6.1 canvas概述90

6.1.1 创建canvas元素90

6.1.2 canvas绘图的步骤91

6.2 绘制矩形92

6.2.1 绘制矩形的方法92

6.2.2 绘图时的颜色与透明度属性93

6.3 使用路径绘制图形96

6.3.1 绘制圆形96

6.3.2 绘制直线98

6.3.3 绘制曲线101

6.4 绘制颜色渐变的图形102

6.4.1 绘制线性渐变102

6.4.2 绘制径向渐变104

6.5 使用坐标变换和矩阵变换绘图105

6.5.1 canvas的坐标系统105

6.5.2 坐标变换105

6.5.3 使用路径绘制图形的坐标变换106

6.5.4 矩阵变换107

6.6 在canvas中使用图像110

6.6.1 绘制图像110

6.6.2 图像平铺112

6.6.3 图像裁剪113

6.7 绘制文字115

6.8 使用canvas绘制动画116

6.8.1 绘制动画的步骤116

6.8.2 绘制动画的示例116

思考与练习121

第7章 HTML5的SVG绘图123

7.1 SVG概述123

7.1.1 SVG优缺点123

7.1.2 SVG调用方式124

7.2 绘制SVG基本图形126

7.2.1 绘制矩形和直线126

7.2.2 绘制圆和椭圆127

7.2.3 绘制折线和多边形127

7.2.4 绘制路径128

7.2.5 绘制文本和图形128

7.2.6 SVG绘图的属性130

7.3 变换132

7.3.1 平移132

7.3.2 旋转132

7.3.3 缩放132

7.3.4 倾斜132

7.4 组合与重用133

7.4.1 g元素133

7.4.2 use元素134

7.4.3 defs元素135

7.5 渐变与透明度136

7.5.1 渐变136

7.5.2 透明度141

7.6 滤镜142

7.6.1 滤镜的定义142

7.6.2 滤镜的应用143

思考与练习145

第8章 获取浏览器的地理位置信息147

8.1 地理位置信息概述147

8.1.1 地理位置信息的内容147

8.1.2 地理位置信息的来源148

8.2 地理位置信息使用过程148

8.3 地理位置API149

8.3.1 getCurrentPosition()方法149

8.3.2 watchPosition()方法150

8.4 获取地理位置信息的应用150

思考与练习156

第9章 离线Web应用与Web存储158

9.1 离线Web应用158

9.1.1 离线Web应用概述158

9.1.2 实现离线Web应用的步骤159

9.2 离线Web应用的实现159

9.2.1 manifest文件160

9.2.2 更新缓存163

9.2.3 检测在线状态164

9.3 Web Storage概述165

9.3.1 Web Storage的概念165

9.3.2 Web Storage API166

9.4 Web Storage应用167

9.4.1 使用localStorage和sessionStorage的网页计数器167

9.4.2 使用localStorage保存、读取和清除数据168

9.4.3 使用localStorage实现电话簿管理169

9.4.4 使用JSON对象改进电话簿的功能171

思考与练习174

第10章 使用Web Workers处理线程175

10.1 Web Workers概述175

10.1.1 Web Workers的引入175

10.1.2 使用Web Workers创建线程177

10.2 页面与线程的数据交互179

10.3 使用SharedWorker创建共享线程181

思考与练习186

第11章 HTML5的IndexedDB数据库187

11.1 IndexedDB数据库概述187

11.2 创建数据库188

11.3 数据库的版本更新和事务处理190

11.3.1 版本更新191

11.3.2 事务处理192

11.4 创建对象仓库193

11.5 创建索引194

11.6 保存和删除数据196

11.6.1 保存数据196

11.6.2 检索数据198

11.6.3 删除数据201

11.7 使用游标检索批量数据202

11.7.1 openCursor()方法及其参数202

11.7.2 数据遍历203

思考与练习206

第12章 HTML5的文件操作与拖放操作207

12.1 file对象和FileList对象207

12.1.1 file对象207

12.1.2 FileList对象208

12.2 ArrayBuffer对象与ArrayBufferView对象209

12.2.1 ArrayBuffer和ArrayBufferView概念209

12.2.2 ArrayBuffer对象210

12.2.3 ArrayBufferView对象210

12.2.4 DataView对象212

12.3 Blob对象213

12.3.1 使用Blob对象获取文件大小和类型213

12.3.2 通过slice()方法分割文件216

12.4 FileReader接口217

12.4.1 FileReader接口的方法217

12.4.2 FileReader接口的事件218

12.4.3 FileReader接口的应用218

12.5 拖放API221

12.5.1 拖放API简介222

12.5.2 拖放的实现过程222

12.6 DataTransfer对象的属性与方法224

12.6.1 DataTransfer对象的属性及拖放视觉效果224

12.6.2 DataTransfer对象的方法225

12.7 拖放的应用227

12.7.1 拖动网页元素227

12.7.2 拖动上传图片229

思考与练习231

第2部分 CSS3及其应用233

第13章 CSS3的选择器233

13.1 CSS3概述233

13.1.1 CSS3简介233

13.1.2 CSS的一个示例234

13.2 CSS的基本选择器237

13.2.1 标记选择器238

13.2.2 类选择器238

13.2.3 ID选择器239

13.3 在HTML中使用CSS的方法241

13.3.1 行内样式241

13.3.2 嵌入样式241

13.3.3 链接样式242

13.3.4 导入样式243

13.3.5 样式的优先级244

13.4 CSS复合选择器247

13.4.1 交集选择器247

13.4.2 并集选择器248

13.4.3 后代选择器249

13.4.4 子选择器251

13.4.5 相邻选择器251

13.5 CSS3新增的选择器252

13.5.1 属性选择器253

13.5.2 伪类选择器254

13.5.3 伪元素选择器259

13.6 使用CSS设计网站页面261

思考与练习266

第14章 使用CSS3设置元素样式267

14.1 用CSS3设置文本样式267

14.1.1 字体属性267

14.1.2 文本属性270

14.2 用CSS3设置颜色与背景275

14.2.1 颜色设置275

14.2.2 背景设置276

14.2.3 圆角边框和图像边框278

14.3 用CSS3设置图像效果280

14.3.1 为图片添加边框280

14.3.2 图片缩放282

14.3.3 图文混排284

14.4 用CSS3美化页面的应用286

14.4.1 用CSS样式美化表单286

14.4.2 设置图形项目符号288

思考与练习289

第15章 CSS3的盒模型及网页布局291

15.1 CSS盒模型291

15.1.1 盒模型的组成291

15.1.2 盒的类型296

15.1.3 CSS3新增的与盒相关的属性298

15.2 CSS布局常用属性303

15.2.1 定位属性303

15.2.2 浮动属性307

15.3 CSS的网页布局309

15.3.1 单列布局309

15.3.2 两列布局311

15.3.3 使用CSS3盒布局的三列布局315

15.4 DIV＋CSS布局的应用318

15.4.1 图文混排的实现318

15.4.2 制作二级导航菜单322

思考与练习328

第16章 CSS3的响应式布局329

16.1 响应式布局简介329

16.1.1 媒体查询模块329

16.1.2 Media Queries的应用示例332

16.2 使用Bootstrap实现响应式布局336

16.2.1 Bootstrap框架简介336

16.2.2 Bootstrap框架中的各种元素338

16.2.3 应用Bootstrap框架构建的网页343

思考与练习347

第3部分 综合案例349

第17章 综合案例1——在线旅游网站的设计与实现349

17.1 使用HTML 5结构元素组织网页349

17.1.1 网页结构描述349

17.1.2 用CSS 3定义网站全局样式351

17.2 页头部分的设计352

17.2.1 页头的结构描述352

17.2.2 页头元素及CSS样式代码分析353

17.3 侧边导航和焦点图的设计355

17.3.1 侧边导航和焦点图板块的内容355

17.3.2 侧边导航和焦点图板块的代码分析356

17.4 快速搜索、滑动Tab和在线咨询板块设计361

17.4.1 快速搜索、滑动Tab和在线咨询板块的内容361

17.4.2 快速搜索板块的代码分析361

17.4.3 滑动Tab板块的代码分析364

17.4.4 在线咨询板块的代码分析366

17.5 特色线路板块的设计368

17.5.1 特色线路板块的内容368

17.5.2 特色线路板块的代码分析369

17.6 页脚的设计371

17.6.1 页脚的结构描述371

17.6.2 页脚的代码分析372

思考与练习374

第18章 综合案例2——订单管理网站的设计与实现376

18.1 案例功能描述376

18.2 用户登录注册模块设计378

18.2.1 页面结构代码分析378

18.2.2 CSS代码分析379

18.2.3 JavaScript代码分析380

18.3 订单管理模块设计383

18.3.1 页面结构代码分析383

18.3.2 CSS代码分析385

18.3.3 JavaScript代码分析387

18.4 客户管理模块设计393

18.4.1 页面结构代码和CSS代码分析394

18.4.2 JavaScript代码分析395

思考与练习396

附录 HTML标记列表398

参考文献402