Web前端开发实例教程——HTML 5+JavaScript+jQuery

图书标准信息

• 作者 刘瑞新；张兵义；罗东华
• 出版社 清华大学出版社
• 出版时间 2018-08
• 版次 1
• ISBN 9787302499923
• 定价 54.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 378页
• 字数 569千字

【内容简介】

本书面向学习网站开发与网页制作的读者，采用全新的Web标准，以HTML 5技术为基础，由浅入深、完整详细地介绍了如何使用HTML 5、JavaScript及jQuery进行Web前端的开发。本书共分为14章，主要内容包括： HTML 5概述、HTML 5语言基础、HTML 5页面的布局与交互、JavaScript语言基础、DOM对象及编程、使用JavaScript制作网页特效、HTML 5高级应用、jQuery基础、jQuery选择器、jQuery的基本操作、jQuery的事件处理、使用jQuery制作动画、jQuery UI插件的应用、综合案例——宇宙电子网站。
  本书内容紧扣国家对本科及高等职业院校培养高级应用型、复合型人才的技能水平和知识结构的要求，全书以一个完整的项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计四层结构，通过对模块中每个任务相应知识点的讲解及任务的具体实现，引导读者学习网页制作、设计、规划的基本知识以及项目开发、测试的完整流程。
  本书适合作为本科及高等职业院校计算机及相关专业的教材，也可以作为培训班网站开发与网页制作的教材。

【目录】

第1章HTML 5概述1

1.1Web简介1

1.1.1WWW和浏览器的基本概念1

1.1.2URL2

1.1.3超文本3

1.1.4超文本标记语言4

1.1.5超文本传输协议5

1.1.6搜索引擎5

1.2Web标准6

1.2.1什么是Web标准6

1.2.2建立Web标准的优点7

1.2.3理解表现和结构相分离8

1.3HTML简介9

1.3.1Web技术发展历程9

1.3.2HTML 5的特性9

1.3.3HTML 5元素10

1.4HTML 5的基本结构11

1.4.1HTML 5语法结构11

1.4.2HTML 5编写规范12

1.4.3HTML 5文档结构12

1.5网页文件的创建过程14

1.6搭建支持HTML 5的浏览器环境15

习题16

第2章HTML 5语言基础17

2.1HEAD元素17

2.1.1标签17

2.1.2标签182.1.3标签19

2.1.4标签19

2.2文本元素19

2.2.1标题文字标签20

2.2.2字体标签20

2.2.3特殊符号21

2.3文本层次语义元素22

2.3.1标签22

2.3.2标签23

2.3.3标签24

2.4文档结构元素24

2.4.1段落标签25

2.4.2换行标签25

2.4.3缩排标签26

2.4.4水平线标签27

2.4.5案例——制作宇宙电子业务简介页面28

2.5列表29

2.5.1无序列表29

2.5.2有序列表30

2.5.3定义列表31

2.5.4嵌套列表32

2.6图像33

2.6.1网页图像的格式及使用要点33

2.6.2图像标签34

2.6.3设置网页背景图像36

2.6.4图文混排37

2.6.5案例——制作宇宙电子经营模式图文简介页面38

2.7超链接39

2.7.1超链接概述39

2.7.2超链接的应用40

2.7.3案例——制作宇宙电子下载专区页面43

2.8标签45

2.9标签45

2.9.1基本语法45

2.9.2与的区别46

2.9.3使用标签和标签布局网页内容46

习题48

第3章HTML 5页面的布局与交互51

3.1使用结构元素构建网页布局51

3.1.1标签52

3.1.2标签52

3.1.3标签52

3.1.4标签53

3.1.5标签53

3.1.6标签56

3.1.7分组元素57

3.1.8案例——制作宇宙电子新品发布页面58

3.2页面交互元素60

3.2.1details元素和summary元素60

3.2.2progress元素61

3.3表格62

3.3.1表格的结构62

3.3.2表格的基本语法62

3.3.3表格的属性63

3.3.4跨行跨列表格66

3.3.5表格数据的分组67

3.3.6案例——使用表格布局宇宙电子产品展示页面69

3.4表单70

3.4.1表单的基本概念70

3.4.2表单标签71

3.4.3表单元素71

3.4.4案例——制作宇宙电子会员注册表单75

3.4.5表单分组78

3.4.6使用表格布局表单79

3.4.7表单的高级用法81

习题82

第4章JavaScript语言基础85

4.1JavaScript简介85

4.2在网页中插入JavaScript的方法86

4.2.1在HTML文档中嵌入脚本程序86

4.2.2链接脚本文件87

4.2.3在HTML标签内添加脚本88

4.2.4多脚本网页89

4.3JavaScript的基本数据类型和表达式90

4.3.1基本数据类型90

4.3.2常量90

4.3.3变量91

4.3.4运算符和表达式92

4.4JavaScript的程序结构93

4.4.1简单语句94

4.4.2程序控制流程96

4.5函数103

4.5.1函数的定义103

4.5.2函数的调用105

4.5.3全局变量与局部变量107

4.5.4JavaScript内置的函数108

4.6基于对象的JavaScript语言109

4.6.1对象110

4.6.2对象的属性112

4.6.3对象的事件113

4.6.4对象的方法113

4.7JavaScript的内置对象114

4.7.1数组对象114

4.7.2字符串对象117

4.7.3日期对象119

4.7.4数学对象120

4.8自定义对象122

习题123

第5章DOM对象及编程125

5.1DOM模型125

5.2window对象126

5.2.1window对象的属性126

5.2.2window对象的方法128

5.3document对象132

5.3.1document对象的属性132

5.3.2document对象的方法134

5.4location对象137

5.4.1location对象的属性137

5.4.2location对象的方法137

5.5history对象138

5.6form对象139

5.6.1form对象的属性139

5.6.2form对象的方法139

5.7JavaScript的对象事件处理程序140

5.7.1对象的事件140

5.7.2常用的事件及处理141

5.7.3错误处理148

5.7.4表单对象与交互性149

5.7.5案例——使用form对象实现Web页面信息交互153

习题155

第6章使用JavaScript制作网页特效157

6.1文字特效157

6.1.1打字效果157

6.1.2文字爬楼滚动效果159

6.2菜单与选项卡特效160

6.2.1制作二级纵向列表模式的导航菜单160

6.2.2制作Tab选项卡切换效果163

6.3图片特效166

6.3.1制作循环滚动的图文字幕166

6.3.2制作幻灯片切换广告170

习题172

第7章HTML 5高级应用174

7.1HTML 5拖放API174

7.1.1draggable属性174

7.1.2拖放触发的事件和数据传递175

7.2多媒体播放178

7.2.1HTML 5的多媒体支持178

7.2.2音频标签179

7.2.3视频标签181

7.2.4HTML 5多媒体API182

7.3Canvas绘图185

7.3.1创建元素185

7.3.2构建绘图环境185

7.3.3通过JavaScript绘制图形186

7.4HTML 5地理定位API195

7.4.1Geolocation基础196

7.4.2Geolocation API实现地理定位196

7.5HTML 5的发展前景201

习题202

第8章jQuery基础204

8.1jQuery概述204

8.1.1什么是jQuery204

8.1.2jQuery的特点204

8.2编写jQuery程序205

8.2.1下载与配置jQuery205

8.2.2编写一个简单的jQuery程序206

8.3jQuery对象和DOM对象207

8.3.1jQuery对象和DOM对象简介207

8.3.2jQuery对象和DOM对象的相互转换208

8.4jQuery的插件212

8.4.1引用jQuery插件的方法212

8.4.2常用的插件简介212

习题215

第9章jQuery选择器216

9.1jQuery选择器简介216

9.1.1jQuery的工厂函数216

9.1.2什么是jQuery选择器216

9.1.3jQuery选择器的优势217

9.2基础选择器218

9.2.1ID选择器218

9.2.2元素选择器220

9.2.3类名选择器222

9.2.4复合选择器223

9.2.5通配符选择器224

9.3层次选择器225

9.3.1ancestor descendant(祖先后代)选择器225

9.3.2parent>child(父>子)选择器225

9.3.3prev next(前 后)选择器226

9.3.4prev～siblings(前～兄弟)选择器226

9.4过滤选择器228

9.4.1简单过滤器228

9.4.2内容过滤器230

9.4.3可见性过滤器231

9.4.4子元素过滤器232

9.4.5表单对象的属性过滤器233

9.5属性选择器235

9.6表单选择器236

习题238

第10章jQuery的基本操作240

10.1元素属性的操作240

10.1.1获取或设置元素属性240

10.1.2删除元素属性241

10.2元素样式的操作243

10.2.1修改CSS类243

10.2.2设置CSS属性245

10.3元素内容和值的操作246

10.3.1操作元素内容246

10.3.2操作元素的值250

10.4操作DOM节点251

10.4.1创建节点251

10.4.2插入节点252

10.4.3复制节点255

10.4.4删除节点257

10.4.5替换节点260

10.4.6查找节点262

10.5操作表单元素264

10.5.1操作文本框264

10.5.2操作文本域265

10.5.3操作单选按钮和复选框267

10.5.4操作下拉框269

10.5.5表单验证271

习题273

第11章jQuery的事件处理275

11.1jQuery中的事件处理机制275

11.2页面加载响应事件277

11.3jQuery中的事件绑定278

11.3.1bind()方法绑定事件279

11.3.2one()方法绑定事件280

11.3.3delegate()方法绑定事件282

11.3.4on()方法绑定事件283

11.4移除事件绑定284

11.5模拟用户操作286

11.5.1模拟用户的操作触发事件286

11.5.2模拟悬停事件289

11.5.3模拟鼠标连续单击事件290

11.6事件对象291

11.6.1事件对象的属性291

11.6.2事件对象的方法293

11.7jQuery事件方法296

11.7.1键盘事件296

11.7.2鼠标事件298

11.7.3浏览器事件300

习题301

第12章使用jQuery制作动画304

12.1jQuery的动画方法简介304

12.2显示与隐藏效果305

12.2.1隐藏元素的方法305

12.2.2显示元素的方法305

12.2.3切换元素的显示状态308

12.3淡入淡出效果309

12.3.1淡入效果309

12.3.2淡出效果309

12.3.3元素的不透明效果311

12.3.4交替淡入淡出效果311

12.4滑动效果313

12.4.1向下展开效果313

12.4.2向上收缩效果313

12.4.3交替伸缩效果314

12.5自定义动画效果315

12.5.1创建自定义动画316

12.5.2动画队列318

12.5.3动画的延时和停止322

12.6综合案例324

12.6.1制作折叠式导航菜单324

12.6.2图片轮播效果327

习题331

第13章jQuery UI插件的应用333

13.1jQuery UI概述333

13.1.1jQuery UI简介333

13.1.2jQuery UI的下载334

13.1.3jQuery UI的使用335

13.1.4jQuery UI的工作原理336

13.2jQuery UI的常用插件339

13.2.1按钮插件339

13.2.2自动完成插件341

13.2.3进度条插件344

13.2.4滑块插件346

13.2.5旋转器插件348

13.2.6日期选择器插件350

13.2.7折叠面板插件352

13.2.8标签页插件355

习题357

第14章综合案例——宇宙电子网站359

14.1网站的开发流程和组织结构359

14.1.1网站的开发流程359

14.1.2创建站点目录360

14.1.3网站页面的组成361

14.2网站技术分析361

14.3制作首页362

14.4制作关于公司页370

14.5制作联系我们页373

14.6网站的整合377

习题377

参考文献379