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

HTML5 CSS3 Web前端开发技术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

思考与练习29

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

3.1 文本元素30

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

3.1.2 标题标记＜hn＞31

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

3.2 列表元素32

3.2.1 有序列表标记＜ol＞33

3.2.2 无序列表标记＜ul＞34

3.2.3 自定义列表＜dl＞35

3.3 超链接元素36

3.3.1 超链接属性36

3.3.2 超链接类型37

3.3.3 超链接路径38

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

3.4.1 图像标记＜img＞40

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

3.5 表格元素45

3.5.1 HTML的表格标记46

3.5.2 HTML表格的属性47

3.5.3 表格嵌套49

3.6 内嵌框架52

3.7 页面基本元素的应用54

3.7.1 多层嵌套列表示例54

3.7.2 旅游网站首页示例55

3.7.3 内嵌框架示例57

思考与练习60

第4章 HTML5的表单元素61

4.1 表单定义元素form61

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

4.2.1 表单输入元素input62

4.2.2 列表框元素select65

4.2.3 文本域输入元素textarea66

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

4.3.1 HTML5新增input类型67

4.3.2 HTML5表单新增属性70

4.4 一个会员注册表单73

思考与练习77

第5章 HTML5的Video元素和Audio元素78

5.1 HTML5的Video元素78

5.1.1 使用video标记插入视频79

5.1.2 video元素的访问控制80

5.2 HTML5的Audio元素84

5.2.1 使用audio标记插入音频84

5.2.2 audio元素的访问控制86

5.3 使用track元素添加字幕86

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

5.3.2 建立WebVTT文件88

思考与练习90

第6章 HTML5的canvas绘图91

6.1 canvas概述91

6.1.1 创建canvas元素92

6.1.2 canvas绘图的步骤93

6.2 绘制矩形93

6.2.1 绘制矩形的方法94

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

6.3 使用路径绘制图形97

6.3.1 绘制圆形97

6.3.2 绘制直线99

6.3.3 绘制曲线102

6.4 绘制颜色渐变的图形104

6.4.1 绘制线性渐变104

6.4.2 绘制径向渐变105

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

6.5.1 canvas的坐标系统107

6.5.2 坐标变换107

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

6.5.4 矩阵变换110

6.6 在canvas中使用图像112

6.6.1 绘制图像113

6.6.2 图像平铺114

6.6.3 图像裁剪116

6.7 绘制文字117

6.8 使用cavas绘制动画118

6.8.1 绘制动画的步骤118

6.8.2 绘制动画的示例119

思考与练习123

第7章 HTML5的SVG绘图125

7.1 SVG概述125

7.1.1 SVG优缺点125

7.1.2 SVG调用方式126

7.2 绘制SVG基本图形128

7.2.1 绘制矩形和直线128

7.2.2 绘制圆和椭圆129

7.2.3 绘制折线和多边形130

7.2.4 绘制路径130

7.2.5 绘制文本和图形131

7.2.6 SVG绘图的属性133

7.3 变换134

7.3.1 平移134

7.3.2 旋转134

7.3.3 缩放134

7.3.4 倾斜134

7.4 组合与重用135

7.4.1 g元素135

7.4.2 use元素136

7.4.3 defs元素137

7.5 渐变与透明度138

7.5.1 渐变138

7.5.2 透明度143

7.6 滤镜144

7.6.1 滤镜的定义144

7.6.2 滤镜的应用144

思考与练习147

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

8.1 地理位置信息概述148

8.1.1 地理位置信息的内容148

8.1.2 地理位置信息的来源149

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

8.3 地理位置API150

8.3.1 getCurrentPosition()方法150

8.3.2 watchPosition()方法151

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

思考与练习157

第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 更新缓存162

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

思考与练习173

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

10.1 WebWorkers概述175

10.1.1 Web Workers的引入175

10.1.2 使用WebWorkers创建线程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对象208

12.1.2 FileList对象209

12.2 ArrayBuffer对象与ArrayBufferView对象210

12.2.1 ArrayBuffer和ArrayBufferView概念210

12.2.2 ArrayBuffer对象210

12.2.3 ArrayBufferView对象210

12.2.4 DataView对象213

12.3 Blob对象214

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

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

12.4 FileReader接口218

12.4.1 FileReader接口的方法218

12.4.2 FileReader接口的事件218

12.4.3 FileReader接口的应用219

12.5 拖放API222

12.5.1 拖放API简介223

12.5.2 拖放的实现过程223

12.6 DataTransfer对象的属性与方法225

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

12.6.2 DataTransfer对象的方法226

12.7 拖放的应用228

12.7.1 拖动网页元素228

12.7.2 拖动上传图片230

思考与练习231

第2部分 CSS3及其应用234

第13章 CSS3的选择器234

13.1 CSS3概述234

13.1.1 CSS3简介234

13.1.2 CSS的一个示例235

13.2 CSS的基本选择器238

13.2.1 标记选择器239

13.2.2 类选择器239

13.2.3 ID选择器241

13.3 在HTML中使用CSS的方法242

13.3.1 行内样式242

13.3.2 嵌入样式243

13.3.3 链接样式243

13.3.4 导入样式245

13.3.5 样式的优先级246

13.4 CSS复合选择器248

13.4.1 交集选择器248

13.4.2 并集选择器249

13.4.3 后代选择器250

13.4.4 子选择器252

13.4.5 相邻选择器253

13.5 CSS3新增的选择器254

13.5.1 属性选择器254

13.5.2 伪类选择器256

13.5.3 伪元素选择器261

13.6 使用CSS设计网站页面263

思考与练习267

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

14.1 用CSS3设置文本样式269

14.1.1 字体属性269

14.1.2 文本属性272

14.2 用CSS3设置颜色与背景277

14.2.1 颜色设置278

14.2.2 背景设置278

14.2.3 圆角边框和图像边框280

14.3 用CSS3设置图像效果282

14.3.1 为图片添加边框283

14.3.2 图片缩放285

14.3.3 图文混排286

14.4 用CSS3美化表单的应用288

思考与练习290

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

15.1 CSS盒模型292

15.1.1 盒模型的组成293

15.1.2 盒的类型298

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

15.2 CSS布局常用属性304

15.2.1 定位属性304

15.2.2 浮动属性309

15.3 CSS的网页布局311

15.3.1 单列布局311

15.3.2 两列布局312

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

15.4 DIV＋CSS布局的应用319

15.4.1 图文混排的实现320

15.4.2 制作二级导航菜单324

思考与练习329

第3部分 综合案例332

第16章 综合案例332

16.1 使用HTML5结构元素组织网页332

16.1.1 网页结构描述332

16.1.2 用CSS 3定义网站全局样式334

16.2 页头部分的设计335

16.2.1 页头的结构描述335

16.2.2 页头元素及CSS样式代码分析336

16.3 侧边导航和焦点图的设计338

16.3.1 侧边导航和焦点图板块的内容338

16.3.2 侧边导航和焦点图板块的代码分析339

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

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

16.4.2 快速搜索板块的代码分析344

16.4.3 滑动Tab板块的代码分析346

16.4.4 在线咨询板块的代码分析349

16.5 特色线路板块的设计350

16.5.1 特色线路板块的内容350

16.5.2 特色线路板块的代码分析351

16.6 页脚的设计354

16.6.1 页脚的结构描述354

16.6.2 页脚的代码分析355

思考与练习357

附录 HTML标记列表359

参考文献362