【现货速发】HTML5网页开发实践教程

········································

前言ForewordHTML5新一代网页开发标准一经推出，以其跨平台、整合桌面Web应用和移动Web应用等优点受到广大厂商的青睐。当前主流Web浏览器，尤其是移动端Web浏览器都支持HTML5标准。HTML5成为近年来流行的Web应用前端开发工具，成为企业快速部署、到处运行Web应用的不二选择。运用HTML5进行Web应用前端开发，是近几年需求广泛的职业岗位。HTML5网页开发不但已作为很多高校信息类学科专业的必修课或选修课，也是社会IT类课程培训机构的热门课程之一。

本书按照由简单到复杂、由静态到动态、由单一到综合、由理论到实验、由低版本到高版本、由验证到设计、由PC Web到移动Web的技术演进、需求演进原则布局谋篇，以整合理论与实验，讲述网页制作与设计知识，突出跟踪、调试与部署方面的实践技能。

本书以IT企业对Web前端开发人员的知识要求、能力要求和素质要求为基础，以实践能力培养为宗旨，将知识目标、能力目标和素质目标自然明确地融入各章。各章按照由浅入深、由简到繁、由易到难的原则从前到后安排内容。各章内部按照理论基础知识、上机实验样例和实验任务脉络展开。本书设计一个画图Web应用程序，将其功能体系分解到各章中，作为实验任务的部署。

全书共分10章，依次为HTML基础、表单与CSS、HTML布局、JavaScript、HTML DOM、jQuery、JSON、HTML5、jQuery Mobile、Node.js。本书涉及浏览器端脚本程序调试、跟踪、异常处理技术、IIS Web服务器发布技术、无线局域网配置技术、Windows防火墙配置技术、Node.js的Windows环境安装技术。本书所用的开发工具为Microsoft Visual Studio 2010，但不限于Microsoft VisualStudio 2010。.htm（或.html）格式文件占源程序文件95%以上。对于.htm（或.html）格式文件，Microsoft Visual Studio 2010仅起编辑器的作用。涉及.aspx格式文件的地方需要MicrosoftVisual Studio 2010/2012/2013开发环境支持。◆HTML5网页开发实践教程前言选用本书作为教材，至少需要72学时，理论和实验各36学时。

本书具有以下特点：

（1）理论与实践融为一体。各章均按照先理论基础作铺垫，然后讲解上机实验样例，后部署实验任务的顺序进行。

（2）对象与脚本有机统一。本书从第7章JSON开始直到第9章结束，进入用面向对象开发方法进行脚本程序开发的环节，实验任务对面向对象技术应用有明确要求。

（3）能力与素质孕于知识。本书各章都有明确的知识目标、能力目标和素质目标，以本教材为支撑点，落实专业人才培养目标。

（4）上机与实践指导完备。先进行上机实验样例讲解，而后进行实验任务的部署。上机实验流程明确清晰，包括实验目的、程序功能、源程序、代码分析、运行演示。实验任务部署具体，操作性强，包括目的、功能、性质、要求、原理、问题及解决方案、运行结果、程序分析。

（5）教学配套资源完备。提供PPT课件、源程序、教学大纲、授课计划、试题、课程剖析。

（6） PC Web和移动Web应用集于一身。

本书由李洪波、杨延村、崔光海、杨坤、赵峰共同编写。全书主要由李洪波执笔、编程和统稿，杨延村和崔光海分别制作了第1章和第2章的插图，杨坤和赵峰完成了Web Socket部分内容。本书在编写过程中得到了清华大学出版社的大力支持，在此表示诚挚的感谢。

由于作者水平有限，书中难免有疏漏之处，恳请读者不吝赐教。

联系邮箱为738441242@qq.com。

编者2017年10月

····························································

目录Contents第1章HTML基础1

1.1Internet概述1

1.2HTML文档基本结构4

1.2.1基础知识4

1.2.2上机实验样例6

1.2.3实验观察与思考14

1.3HTML基本元素14

1.3.1理论知识14

1.3.2上机实验样例37

1.4实验任务43

第2章表单与CSS45

2.1表单46

2.2层叠样式表CSS54

2.2.1内嵌样式56

2.2.2创建样式61

2.2.3创建样式上机实验样例63

2.2.4样式属性及其描述65

2.2.5盒子模型68

2.2.6盒子模型上机实验样例74

2.2.7CSS定位与浮动77

2.2.8定位与浮动上机实验样例82

2.3实验任务84

第3章HTML布局86

3.1概述86

3.2divulli布局实例88◆HTML5网页开发实践教程目录3.3tabletrtd布局实例93

3.4frameset布局实例98

3.5Bootstrap布局实例102

3.6HTML5新元素布局实例105

3.7实验任务107

第4章JavaScript109

4.1简介109

4.2理论基础116

4.2.1语法116

4.2.2语句118

4.2.3变量119

4.2.4数据类型120

4.2.5对象122

4.2.6函数124

4.2.7字符串127

4.2.8运算符129

4.2.9条件语句132

4.2.10循环语句135

4.3错误调试138

4.3.1trycatchthrow138

4.3.2调试139

4.4上机实验样例140

4.5实验任务146

第5章HTML DOM147

5.1概述148

5.2DOM功能151

5.2.1DOM HTML151

5.2.2DOM CSS152

5.2.3DOM事件153

5.2.4HTML DOM元素156

5.3HTML BOM158

5.3.1window对象158

5.3.2计时事件160

5.3.3Cookie162

5.4上机实验样例163

5.5实验任务166

第6章jQuery168

6.1概述168

6.2基础知识171

6.2.1jQuery的安装171

6.2.2jQuery语法172

6.2.3jQuery选择器172

6.2.4jQuery事件174

6.3jQuery HTML177

6.3.1读写内容与属性177

6.3.2添加删除元素178

6.3.3操纵CSS183

6.3.4操纵尺寸184

6.4遍历186

6.5Ajax189

6.6实验任务195

第7章JSON197

7.1JSON基础197

7.1.1语法198

7.1.2示例199

7.1.3格式应用200

7.1.4对象方法202

7.2上机实验样例203

7.3实验任务205

第8章HTML5207

8.1HTML5概述207

8.2HTML5基础210

8.2.1canvas211

8.2.2内联SVG217

8.2.3Web存储218

8.2.4应用程序缓存221

8.2.5Web Workers223

8.2.6服务器发送事件(ServerSent
Events)226

8.2.7WebSocket229

8.3上机实验样例231

8.4实验任务236

第9章jQuery Mobile238

9.1基础知识238

9.1.1jQuery Mobile安装239

9.1.2jQuery Mobile页面239

9.1.3jQuery Mobile按钮244

9.1.4按钮图标251

9.1.5工具栏251

9.1.6导航栏255

9.1.7可折叠258

9.1.8列表261

9.1.9事件269

9.2上机实验样例273

9.2.1安装IIS274

9.2.2发布Web站点275

9.2.3设置http访问通过防火墙278

9.2.4组建无线局域网280

9.2.5手机中浏览网页287

9.3实验任务289

第10章Node.js292

10.1基础知识292

10.1.1概述292

10.1.2Windows下的安装294

10.1.3一个简单的Hello World输出示例301

10.2Web应用基础303

10.2.1Web服务器303

10.2.2GET/POST请求306

10.3文件系统310

10.3.1同步和异步310

10.3.2文件操纵311

10.3.3目录操纵315

10.4事件316

10.4.1回调函数316

10.4.2事件循环317

10.4.3EventEmitter318

10.5实验任务322

参考文献324