高职高专计算机任务驱动模式教材 Web前端开发实例教程 HTML5 JavaScript jQueryPDF电子书下载

第1章 HTML 5概述 1

1.1 Web简介 1

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

1.1.2 URL 2

1.1.3 超文本 3

1.1.4 超文本标记语言 4

1.1.5 超文本传输协议 5

1.1.6 搜索引擎 5

1.2 Web标准 6

1.2.1 什么是Web标准 6

1.2.2 建立Web标准的优点 7

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

1.3 HTML简介 9

1.3.1 Web技术发展历程 9

1.3.2 HTML 5的特性 9

1.3.3 HTML 5元素 10

1.4 HTML 5的基本结构 11

1.4.1 HTML 5语法结构 11

1.4.2 HTML 5编写规范 12

1.4.3 HTML 5文档结构 12

1.5 网页文件的创建过程 14

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

习题 16

第2章 HTML 5语言基础 17

2.1 HEAD元素 17

2.1.1 〈 title〉标签 17

2.1.2 〈meta〉标签 18

2.1.3 〈link〉标签 19

2.1.4 〈script〉标签 19

2.2 文本元素 19

2.2.1 标题文字标签 20

2.2.2 字体标签 20

2.2.3 特殊符号 21

2.3 文本层次语义元素 22

2.3.1 〈time〉标签 22

2.3.2 〈mark〉标签 23

2.3.3 〈cite〉标签 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 〈div〉标签 45

2.9 〈span〉标签 45

2.9.1 基本语法 45

2.9.2 〈span〉与〈div〉的区别 46

2.9.3 使用〈div〉标签和〈span〉标签布局网页内容 46

习题 48

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

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

3.1.1 〈 section〉标签 52

3.1.2 〈nav〉标签 52

3.1.3 〈header〉标签 52

3.1.4 〈footer〉标签 53

3.1.5 〈article〉标签 53

3.1.6 〈aside〉标签 56

3.1.7 分组元素 57

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

3.2 页面交互元素 60

3.2.1 details元素和summary元素 60

3.2.2 progress元素 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.1 JavaScript简介 85

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

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

4.2.2 链接脚本文件 87

4.2.3 在HTML标签内添加脚本 88

4.2.4 多脚本网页 89

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

4.3.1 基本数据类型 90

4.3.2 常量 90

4.3.3 变量 91

4.3.4 运算符和表达式 92

4.4 JavaScript的程序结构 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.4 JavaScript内置的函数 108

4.6 基于对象的JavaScript语言 109

4.6.1 对象 110

4.6.2 对象的属性 112

4.6.3 对象的事件 113

4.6.4 对象的方法 113

4.7 JavaScript的内置对象 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.1 DOM模型 125

5.2 window对象 126

5.2.1 window对象的属性 126

5.2.2 window对象的方法 128

5.3 document对象 132

5.3.1 document对象的属性 132

5.3.2 document对象的方法 134

5.4 location对象 137

5.4.1 location对象的属性 137

5.4.2 location对象的方法 137

5.5 history对象 138

5.6 form对象 139

5.6.1 form对象的属性 139

5.6.2 form对象的方法 139

5.7 JavaScript的对象事件处理程序 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.1 HTML 5拖放API 174

7.1.1 draggable属性 174

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

7.2 多媒体播放 178

7.2.1 HTML 5的多媒体支持 178

7.2.2 音频标签 179

7.2.3 视频标签 181

7.2.4 HTML5多媒体API 182

7.3 Canvas绘图 185

7.3.1 创建〈canvas〉元素 185

7.3.2 构建绘图环境 185

7.3.3 通过JavaScript绘制图形 186

7.4 HTML 5地理定位API 195

7.4.1 Geolocation基础 196

7.4.2 Geolocation API实现地理定位 196

7.5 HTML5的发展前景 201

习题 202

第8章 jQuery基础 204

8.1 jQuery概述 204

8.1.1 什么是jQuery 204

8.1.2 jQuery的特点 204

8.2 编写jQuery程序 205

8.2.1 下载与配置jQuery 205

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

8.3 jQuery对象和DOM对象 207

8.3.1 jQuery对象和DOM对象简介 207

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

8.4 jQuery的插件 212

8.4.1 引用j Query插件的方法 212

8.4.2 常用的插件简介 212

习题 215

第9章 jQuery选择器 216

9.1 jQuery选择器简介 216

9.1.1 jQuery的工厂函数 216

9.1.2 什么是jQuery选择器 216

9.1.3 jQuery选择器的优势 217

9.2 基础选择器 218

9.2.1 ID选择器 218

9.2.2 元素选择器 220

9.2.3 类名选择器 222

9.2.4 复合选择器 223

9.2.5 通配符选择器 224

9.3 层次选择器 225

9.3.1 ancestor descendant（祖先后代）选择器 225

9.3.2 parent〉 child（父〉子）选择器 225

9.3.3 prev＋next（前＋后）选择器 226

9.3.4 prev～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.1 jQuery中的事件处理机制 275

11.2 页面加载响应事件 277

11.3 jQuery中的事件绑定 278

11.3.1 bind（）方法绑定事件 279

11.3.2 one（）方法绑定事件 280

11.3.3 delegate（）方法绑定事件 282

11.3.4 on（）方法绑定事件 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.7 jQuery事件方法 296

11.7.1 键盘事件 296

11.7.2 鼠标事件 298

11.7.3 浏览器事件 300

习题 301

第12章 使用jQuery制作动画 304

12.1 jQuery的动画方法简介 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.1 jQuery UI概述 333

13.1.1 jQuery UI简介 333

13.1.2 jQuery UI的下载 334

13.1.3 jQuery UI的使用 335

13.1.4 jQuery UI的工作原理 336

13.2 jQuery 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