HTML5+CSS3 Web前端开发技术

图书信息

作者：刘德山,章增安,孙美乔编著

出版社：人民邮电出版社

定价：55.00

ISBN：9787115434340

出版时间：2016-11-01

分类：图书,行业职业,计算机,网络技术

商品介绍

目录

第1部分HTML5及其应用

第1章HTML5概述2

1.1HTML5简介2

1.1.1HTML2

1.1.2HTML53

1.2HTML5与HTML4的区别4

1.2.1HTML5文档结构的变化4

1.2.2HTML5语法的变化5

1.2.3HTML5增加和删除的元素6

1.2.4HTML5的全局属性8

1.3HTML5的特性10

1.4HTML5的开发环境11

1.4.1HTML5的开发工具简介11

1.4.2WebStorm集成开发环境12

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

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

思考与练习16

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

2.1HTML的元素和属性17

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

2.3HTML5新增的结构元素20

2.3.1用DIV描述的网页布局20

2.3.2HTML5增加的结构元素21

思考与练习29

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

3.1文本元素30

3.1.1段落标记和换行标记30

3.1.2标题标记31

3.1.3块标记和32

3.2列表元素32

3.2.1有序列表标记33

3.2.2无序列表标记34

3.2.3自定义列表35

3.3超链接元素36

3.3.1超链接属性36

3.3.2超链接类型37

3.3.3超链接路径38

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

3.4.1图像标记40

3.4.2多媒体文件标记43

3.5表格元素45

3.5.1HTML的表格标记46

3.5.2HTML表格的属性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.2HTML表单输入元素及属性62

4.2.1表单输入元素input62

4.2.2列表框元素select65

4.2.3文本域输入元素textarea66

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

4.3.1HTML5新增input类型67

4.3.2HTML5表单新增属性70

4.4一个会员注册表单73

思考与练习77

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

5.1HTML5的Video元素78

5.1.1使用video标记插入视频79

5.1.2video元素的访问控制80

5.2HTML5的Audio元素84

5.2.1使用audio标记插入音频84

5.2.2audio元素的访问控制86

5.3使用track元素添加字幕86

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

5.3.2建立WebVTT文件88

思考与练习90

第6章HTML5的canvas绘图91

6.1canvas概述91

6.1.1创建canvas元素92

6.1.2canvas绘图的步骤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.1canvas的坐标系统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使用canvas绘制动画118

6.8.1绘制动画的步骤118

6.8.2绘制动画的示例119

思考与练习123

第7章HTML5的SVG绘图125

7.1SVG概述125

7.1.1SVG优缺点125

7.1.2SVG调用方式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.6SVG绘图的属性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.1g元素135

7.4.2use元素136

7.4.3defs元素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.1getCurrentPosition()方法150

8.3.2watchPosition()方法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.1manifest文件160

9.2.2更新缓存162

9.2.3检测在线状态164

9.3Web Storage概述165

9.3.1Web Storage的概念165

9.3.2Web Storage API166

9.4Web 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.1Web Workers概述175

10.1.1Web Workers的引入175

10.1.2使用Web Workers创建线程177

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

10.3使用SharedWorker创建共享线程181

思考与练习186

第11章HTML5的IndexedDB数据库187

11.1IndexedDB数据库概述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.1openCursor()方法及其参数202

11.7.2数据遍历203

思考与练习206

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

12.1file对象和FileList对象207

12.1.1file对象208

12.1.2FileList对象209

12.2ArrayBuffer对象与ArrayBufferView对象210

12.2.1ArrayBuffer和ArrayBufferView概念210

12.2.2ArrayBuffer对象210

12.2.3ArrayBufferView对象210

12.2.4DataView对象213

12.3Blob对象214

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

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

12.4FileReader接口218

12.4.1FileReader接口的方法218

12.4.2FileReader接口的事件218

12.4.3FileReader接口的应用219

12.5拖放API222

12.5.1拖放API简介223

12.5.2拖放的实现过程223

12.6DataTransfer对象的属性与方法225

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

12.6.2DataTransfer对象的方法226

12.7拖放的应用228

12.7.1拖动网页元素228

12.7.2拖动上传图片230

思考与练习231

第2部分CSS3及其应用

第13章CSS3的选择器234

13.1CSS3概述234

13.1.1CSS3简介234

13.1.2CSS的一个示例235

13.2CSS的基本选择器238

13.2.1标记选择器239

13.2.2类选择器239

13.2.3ID选择器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.4CSS复合选择器248

13.4.1交集选择器248

13.4.2并集选择器249

13.4.3后代选择器250

13.4.4子选择器252

13.4.5相邻选择器253

13.5CSS3新增的选择器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.1CSS盒模型292

15.1.1盒模型的组成293

15.1.2盒的类型298

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

15.2CSS布局常用属性304

15.2.1定位属性304

15.2.2浮动属性309

15.3CSS的网页布局311

15.3.1单列布局311

15.3.2两列布局312

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

15.4DIV+CSS布局的应用319

15.4.1图文混排的实现320

15.4.2制作二级导航菜单324

思考与练习329

第3部分综合案例

第16章综合案例332

16.1使用HTML 5结构元素组织网页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

内容简介

本书在HTML和CSS基础上，系统地讲述了HTML5和CSS3的Web前端开发技术，内容覆盖HTML5新增的元素、属性与API，以及CSS3使用广泛、应用成熟的模块，力图帮助读者快速掌握近期新的Web前端开发技术。全书主要分为3部分。靠前部分为HTML5及其应用，包括靠前章至靠前2章，主要介绍HTML和HTML5，内容包括HTML基础元素，HTML5新增的元素和canvas、SVG、Web Workers、Web Storage 等新增的API。第2部分为CSS3及其应用，包括靠前3章至靠前5章，主要介绍CSS和CSS3，内容包括基本选择器，复合选择器，用CSS设置元素样式，也包括CSS3的盒模型、CSS3布局、图像边框等内容。第3部分是靠前6章，为综合案例，介绍一个网站示例。本书知识全面，案例丰富，易学易用，将知识点融于200余个案例之中，配有全部代码和素材资源，方便读者学习和掌握网站前端开发技术。本书适合作为高等院校、高职高专院校网站设计课程的教学用书，也可作为信息技术类相关专业的读者或从事网站前端开发人员的参考用书。

作者简介

刘德山，硕士，副教授，辽宁师范大学计算机与信息技术学院副院长。现任辽宁省计算机基础教育学会副理事长/常务理事,，全国计算机基础教育研究会理事，全国计算机仿真学会理事。主编《HTML+CSS+JavaScript网站开发实用技术》、《C++STL基础》、《Java程序设计》、《Java程序设计实验指导》、《Java设计模式深入研究》等教材，其中《《C++STL基础》2014年获第2批普通高等教育十二五重量规划教材。获辽宁省很好教学成果奖3项，研究兴趣集中在智能信息处理、信息技术教育，在Neurocomuting、Apply and abstract analysis、电化教育研究、计算机科学、计算机工程及应用等期刊发表论文20余篇。