HTML5+CSS3+JavaScript网站开发实用技术（第2版）-图书-人邮教育社区

内容摘要

本书以传统的HTML为基础，系统阐述CSS和JavaScript的内容，一些案例结合了HTML5与CSS3的典型应用，目的是帮助读者快速掌握网站开发技术，实现从传统的HTML+CSS向HTML5和CSS3过渡。本书适合网站前端开发人员提高使用，也适用信息技术类及相关专业读者。

前言

Web技术的发展总是给人耳目一新的感觉。Web 1.0时代是一个用户被动接受信息的时代，用户可以用HTML来表示信息，人类的信息获取途径因为Web的出现而得到延伸；Web 2.0时代的典型代表是博客、微博、维基、在线流媒体，强调的是用户与网络的交互，人类的表达能力得到扩展；当前，Web 3.0的概念已经被提出，并在信息聚合与智能搜索等方面得到应用；在此基础上，“互联网+”作为一种更新、更符合时代发展的理念走进人们的视野，并将形成一种新的互联网生态。
Web技术的应用与发展的目标之一是追求良好的用户体验和丰富的交互。而实现良好体验和丰富交互的主流技术之一则是HTML+CSS+JavaScript，这也是Web前端开发技术的基础。2010年，CSS3标准有了大的改进；2012年，HTML5标准定稿，HTML5和CSS3成为Web技术中最受关注的话题，W3C称：“HTML5是开放的Web网络平台的奠基石”，这一年，也是“HTML5在路上”的关键一年；到了2014年和2015年，HTML5已在跨平台、游戏、移动开发等领域得到广泛应用，为移动互联网行业发展助力。Web前端开发技术有着极大的应用空间。
本书以HTML、CSS、JavaScript等Web前端开发技术为主线，写作过程中不再区分HTML与HTML5、CSS与CSS3，而是将传统技术与新技术充分融合，帮助读者快速掌握Web开发前端技术。本书可以作为网站前端开发人员提高技能的参考用书，也适用于信息技术类及相关专业的读者。
目前，市场上有很多关于Web前端开发设计方面的书籍。这些书籍在介绍HTML、CSS和JavaScript方面各有特色，介绍HTML5和CSS3时也系统详尽。本书在写作方面则强调以下特色。
（1）知识全面。知识讲解由浅入深，内容覆盖了HTML+CSS+JavaScript的主要内容，其中有关HTML5与CSS3的多是网站开发中经常使用，或是功能上有重大改进的内容。
（2）案例丰富。全书知识点融于200余个案例之中，对一些典型案例进行讲解和拓展，达到“知其然，用其长”的效果。一些案例如果有HTML5与CSS3代码实现，就不再介绍传统的HTML和CSS的实现。
（3）易学易用。本书提供了案例的全部代码和素材资源，读者可以用尽可能少的时间掌握教材内容。
与2014年及以前比较，当下的主流浏览器普遍支持HTML5与CSS3，支持HTML5和CSS3的开发环境也愈加成熟。在第1版基础上修订的本书第2版有以下变化。
（1）教材的主线以Web前端开发的实用技术与知识点为主，将HMTL与HTML5融为一体，对HTML5新知识进行了充分讲解；增加了CSS3的盒模型，在布局方面应用了最新的CSS3元素；对JavaSctipt的内容做了更新和调整。

（2）更新了部分案例。原书案例略为松散，本书重新整理了主要案例，突出其示范性，读者学习和应用目标更清晰明确。
（3）删除了第1版部分过时或较少使用的内容，例如关于层布局和框架部分的内容。
本书的写作定位和HTML5的定位是一致的，是“非革命性的发展”，尝试以传统的HTML和CSS为基础，介绍HTML5及CSS3的应用，以引导读者用较短时间掌握Web前端开发知识，并识得HTML5和CSS3全貌。内容方面摒弃了第1版一些拖沓冗长的例子，应用对象更面向初、中级读者；而部分新内容，即使是长期做Web开发的人员，也可有所借鉴。
本书内容主要包括以下四部分。
第一部分：包括第1章、第2章，介绍HTML主要的、广泛使用的标记和属性，这是全书的基础。舍弃了过时的或现在很少使用的标记和属性，增加HTML5中有变化的标记或属性。
第二部分：包括第3章、第4章，介绍CSS的概念、应用和示例，即包括基本选择器，复合选择器，用CSS设置文字与字体、背景、图像等内容，也包括CSS3 的盒模型、CSS3布局、图像边框等内容。
第三部分：包括第5章、第6章、第7章，介绍JavaScript，包括JavaScript的语法基础，JavaScript的内置对象、浏览器对象和HTML DOM对象，还介绍了事件处理的相关内容。
第四部分：包括第8章、第9章，介绍一个综合网站的设计和实现，以及网站的发布与管理。
全书的示例都经过了编者的上机实践，结果运行无误。示例代码及各种资源文件可以到人民邮电出版社的教学服务资源网（www.ptpedu.com.cn）上下载。
本书由任永功、唐永华、褚芸芸、刘德山担任主编，最后由刘德山统稿并整理。章增安在本书写作、案例设计方面做了大量的工作，并参与了本书示例的写作与整理。
由于时间及编者水平上的限制，书中可能存在疏漏或错误，敬请读者批评指正。

编者

目录
第一部分　网站开发基础与HTML5技术
第 1章　网站开发基础知识　2
1.1　互联网的访问过程　2
1.2　互联网的工作机制　4
1.3　网站设计中的基本概念　5
1.4　制作网站的标准和常用技术　7
1.4.1　Web标准　8
1.4.2　网站开发常用技术　9
1.5　常用开发工具　10
1.6　网站建设的流程　11
1.6.1　明确网站的定位　11
1.6.2　确定网站的主题　12
1.6.3　网站的整体规划　13
1.6.4　收集资料与素材　14
1.6.5　设计制作网页页面　14
1.6.6　测试和发布　16
1.6.7　网站的维护与推广　16
1.7　建立站点　17
1.7.1　Dreamweaver CS5介绍　17
1.7.2　Dreamweaver站点组成　19
1.7.3　创建站点　20
1.7.4　管理站点　21
1.8　应用案例　21
本章小结　22
思考与练习　23
第 2章　静态网页制作——使用HTML技术　24
2.1　HTML概述　24
2.1.1　HTML简介　24
2.1.2　HTML文档结构与书写规范　26
2.1.3　建立HTML文件　27
2.2　HTML的基本标记　29
2.2.1　标题文字标记<hn>　30
2.2.2　段落标记<p>和换行标记<br/>　30
2.2.3　块标记<div>和<span>　31
2.2.4　列表标记　32
2.2.5　HTML5新增的结构元素　35
2.3　多媒体　39
2.3.1　图像标记<img/>　39
2.3.2　多媒体文件标记<embed>　42
2.3.3　HTML5新增视频标记<video>　43
2.3.4　HTML5新增音频标记<audio>　45
2.4　超链接　46
2.4.1　超链接标记<a>　46
2.4.2　超链接类型　47
2.4.3　超链接路径　48
2.5　表单　50
2.5.1　表单定义标记<form>　50
2.5.2　输入标记<input>　50
2.5.3　列表框标记<select>　53
2.5.4　文本域输入标记<textarea>　54
2.5.5　HTML5表单新增属性　54
2.5.6　HTML5新增input类型　56
2.6　表格　59
2.6.1　HTML的表格标记　59
2.6.2　HTML表格的属性　60
2.6.3　表格嵌套　63
2.7　内嵌框架　65
2.8　应用案例　68
2.8.1　多层嵌套列表案例　68
2.8.2　会员注册表单案例　69
2.8.3　旅游网站首页案例　72
2.8.4　内嵌框架案例　74
2.8.5　表格布局应用综合案例　76
本章小结　80
思考与练习　81
第二部分　CSS技术及其应用
第3章　美化网页——使用CSS技术　84
3.1　CSS概述　84
3.1.1　CSS的引入　84
3.1.2　CSS简介　87
3.2　CSS基本选择器　88
3.2.1　标记选择器　88
3.2.2　类选择器　89
3.2.3　ID选择器　90
3.3　在HTML中使用CSS的方法　92
3.3.1　行内样式　92
3.3.2　嵌入样式　92
3.3.3　链接样式　93
3.3.4　导入样式　94
3.3.5　样式的优先级　95
3.4　CSS复合选择器　97
3.4.1　交集选择器　97
3.4.2　并集选择器　98
3.4.3　后代选择器　99
3.4.4　子选择器　101
3.4.5　相邻选择器　101
3.4.6　属性选择器　102
3.4.7　伪类选择器　103
3.4.8　伪元素选择器　108
3.5　用CSS设置文本样式　110
3.5.1　字体属性　110
3.5.2　文本属性　113
3.6　用CSS设置颜色与背景　117
3.6.1　颜色设置　117
3.6.2　背景设置　118
3.6.3　圆角边框和图像边框　120
3.7　用CSS设置图像效果　122
3.7.1　为图片添加边框　122
3.7.2　图片缩放　124
3.7.3　图文混排　125
3.8　应用案例　127
3.8.1　用CSS美化表单案例　127
3.8.2　用CSS设计网站页面案例　129
本章小结　134
思考与练习　134
第4章　规划页面——使用CSS实现精美布局　136
4.1　CSS盒模型　136
4.1.1　内容　136
4.1.2　边界　138
4.1.3　填充　139
4.1.4　边框　140
4.2　CSS布局常用属性　142
4.2.1　定位属性（position）　142
4.2.2　浮动属性（float）　146
4.3　CSS的网页布局　147
4.3.1　单列布局　148
4.3.2　两列布局　149
4.3.3　使用CSS3盒布局的三列布局　153
4.4　应用案例　156
4.4.1　用DIV+CSS实现图文混排案例　156
4.4.2　二级导航菜单制作案例　160
本章小结　165
思考与练习　166
第三部分　JavaScript技术及其应用
第5章　让网页动起来——使用JavaScript技术　168
5.1　JavaScript简介　168
5.1.1　JavaScript的概念和特点　168
5.1.2　JavaScript与Java　169
5.1.3　第一个JavaScript程序　170
5.2　JavaScript语言基础　173
5.2.1　JavaScript语法格式　173
5.2.2　JavaScript代码书写位置　173
5.2.3　JavaScript语句　175
5.2.4　JavaScript注释　175
5.2.5　数据类型　176
5.2.6　变量　177
5.2.7　常量　179
5.3　表达式与运算符　179
5.3.1　表达式　179
5.3.2　运算符　180
5.4　JavaScript控制结构与函数　184
5.4.1　JavaScirpt控制结构　185
5.4.2　函数　192
5.5　应用案例　195
本章小结　196
思考与练习　197
第6章　使用JavaScript对象编程　198
6.1　JavaScript对象概述　198
6.1.1　对象　198
6.1.2　对象的引用　199
6.1.3　对象的操作　200
6.1.4　JavaScript的对象类型　202
6.2　JavaScript内置对象　202
6.2.1　String对象　202
6.2.2　Array对象　206
6.2.3　Date对象　212
6.2.4　Math对象　214
6.3　浏览器对象　216
6.3.1　BOM概述　216
6.3.2　窗口对象（Window）　217
6.3.3　浏览器对象（Navigator）　223
6.3.4　屏幕对象（Screen）　224
6.3.5　地址对象（Location）　226
6.3.6　历史对象（History）　227
6.3.7　文档对象（Document）　228
6.4　HTML DOM对象　231
6.4.1　DOM概述　231
6.4.2　HTML DOM对象　234
6.4.3　访问HTML DOM对象　234
6.5　自定义对象　238
6.5.1　定义对象　238
6.5.2　创建对象实例　239
6.5.3　自定义对象的应用　239
6.6　应用案例　240
6.6.1　表单验证案例　240
6.6.2　实现复选框的全选效果案例　244
本章小结　246
思考与练习　247
第7章　实现用户与页面的交互——事件处理　249
7.1　事件的基本概念　249
7.1.1　事件和事件处理　249
7.1.2　事件绑定　250
7.2　JavaScript常见事件　251
7.3　事件对象　252
7.4　鼠标和键盘事件　254
7.4.1　鼠标事件　254
7.4.2　键盘事件　258
7.5　页面事件　260
7.6　表单事件　261
7.6.1　提交与重置事件　261
7.6.2　元素内容修改事件　264
7.6.3　获得焦点事件与失去焦点事件　265
7.7　编辑事件　266
7.7.1　文本编辑事件　266
7.7.2　拖放事件　267
7.8　应用案例　268
7.8.1　商品评级网页案例　268
7.8.2　网络相册案例　270
7.8.3　图片轮播案例　274
本章小结　278
思考与练习　279
第四部分　综合实例及网站发布与管理
第8章　综合实例　282
8.1　使用HTML5结构元素组织网页　282
8.1.1　网页结构描述　282
8.1.2　用CSS3定义网站全局样式　284
8.2　页头部分的设计　286
8.2.1　页头的结构描述　286
8.2.2　页头元素及CSS样式代码分析　287
8.3　侧边导航和焦点图的设计　289
8.3.1　侧边导航和焦点图版块的内容　289
8.3.2　侧边导航和焦点图版块的代码分析　289
8.4　快速搜索、滑动Tab和在线咨询版块设计　294
8.4.1　快速搜索、滑动Tab和在线咨询版块的内容　294
8.4.2　快速搜索版块的代码分析　295
8.4.3　滑动Tab版块的代码分析　296
8.4.4　在线咨询版块的代码分析　299
8.5　精品推荐版块的设计　301
8.5.1　精品推荐版块的内容　301
8.5.2　精品推荐版块的代码分析　301
8.6　页脚的设计　303
8.6.1　页脚的结构描述　303
8.6.2　页脚的代码分析　304
本章小结　306
思考与练习　306
第9章　网站的发布与管理　308
9.1　网页中的<meta>标记　308
9.1.1　name属性和content属性　309
9.1.2　http-equiv属性和content属性　310
9.2　测试网站　311
9.2.1　代码测试　312
9.2.2　验证HTML　313
9.2.3　检查链接　315
9.2.4　检查屏幕分辨率和颜色　316
9.2.5　可访问性检验工具　316
9.2.6　检查页面在不同浏览器中的显示效果　316
9.3　构建自己的Web服务器　317
9.3.1　Web服务器简介　317
9.3.2　安装Web服务器　318
9.4　在互联网上建立Web站点　320
9.4.1　域名注册　320
9.4.2　虚拟空间申请　323
9.4.3　发布网站　324
9.5　网站维护　326
9.5.1　网站的推广　326
9.5.2　网站的安全　327
本章小结　328
思考与练习　328
附录　HTML标记列表　329
参考文献　332

读者评论

代码总共就5个部分，哪里有13个部分，5个部分下载结束解压了出错

dellfire发表于 2018/9/1 17:19:14
- 请先下载代码说明仔细看看，然后再下载源代码文件。
  源代码文件比较大，请将源代码压缩的13个文件全部下载后一起解压缩。
  
  人邮教育专员发表于 2018/9/3 9:01:08
练习答案有吗

827906388发表于 2018/3/6 11:41:58
源代码解压错误。

porkling发表于 2017/3/3 0:24:24
- 请先下载代码说明仔细看看，然后再下载源代码文件。
  源代码文件比较大，请将源代码压缩的13个文件全部下载后一起解压缩。
  
  邹文波发表于 2017/3/3 8:09:34
请问有没有第8章综合实例的代码吗？

wj200017发表于 2017/1/23 18:13:32
- @wj200017 因第8章是综合案例，所以没有ch08,直接打开index.html即可。
  
  邹文波发表于 2017/2/6 10:46:46
- @邹文波 example里面只到ch07
  
  wj200017发表于 2017/1/26 20:26:21
- @邹文波没有ch08呀？
  
  wj200017发表于 2017/1/26 20:25:52
- 有的，综合案例的代码，请把所有的代码下载后解压就是
  
  邹文波发表于 2017/1/24 13:33:52
代码下载不下来呢？

小鱼儿ss发表于 2016/12/8 8:49:30
- 全部下载后解压缩
  
  邹文波发表于 2016/12/12 9:57:19

我要评论

出版信息

书　　名：HTML5+CSS3+JavaScript网站开发实用技术（第2版）
系列书名：21世纪高等教育计算机规划教材
执行编辑：本书的内容有任何问题，请联系张斌
出版日期：2016-05-01
书　　号：978-7-115-42206-4
作　　者： 任永功唐永华褚芸芸刘德山
定　　价：49.80 元
页　　数：331
印刷方式：黑白印刷
开　　本：16开
出版状态：上市销售

作者介绍

任永功，博士，教授，辽宁兴城人，毕业于东北大学信息科学与工程学院，获工学博士学位。辽宁省特聘教授，辽宁省优秀青年骨干教师，入选辽宁省“百千万”人才工程。现任辽宁师范大学计算机与信息技术学院院长，校特聘教授，人工智能方向学术带头人。兼任中国自动化与电子商务委员会委员，辽宁省普通高等学校计算机类专业教学指导委员会委员，辽宁省信息学奥林匹克竞赛技术委员会委员，中国计算机学会青年计算机论坛（2009）大连副主席。主要研究方向为人工智能技术、数据库及数据挖掘技术等。

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