定 价：36 元
丛书名：“十三五”高等职业教育计算机类专业规划教材
- 作者：朱蓓芳，王向中，王应喜 著
- 出版时间：2020/6/1
- ISBN：9787113267780
- 出 版 社：中国铁道出版社
- 中图法分类：TP393.092.2
- 页码：196
- 纸张：胶版纸
- 版次：1
- 开本：16开
本书从Web 前端开发岗位所需的基本知识和基本技能出发，讲解了HTML 技术、CSS 技术和
JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行
编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于
Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项
目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追
求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。
为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学
PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网
http://www.tdpress.com/51eds/进行下载。
本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者
的自学用书。
本书以教学项目为引领、学习任务为驱动的技能培养思路进行
编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于
Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项
目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追
求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。
随着互联网应用的不断演进，Web 开发技术已经成为软件开发领域的主流技术。无论是
Java 技术、ASP.NET 技术，还是PHP 技术，在软件开发的过程中都离不开客户端技术的应用。
因此，“客户端应用开发”课程已经成为计算机类专业，尤其是软件类专业的必修课。同时，
随着软件开发技术的不断发展以及互联网和物联网技术的不断发展和应用的不断广泛，软件
企业的工作岗位也发生了新的变化。前端开发作为一个独立的岗位，从软件开发岗位中剥离
出来，并且随着应用的不断深入，对人才的需求也不断增加，而前端开发岗位的核心技术和
基础技术正是客户端开发技术，因此，客户端开发技术正越来越受到各个学校，尤其是职业
类院校的重视。
本书根据前端开发员岗位标准进行编写，主要内容包括基本图文编排、列表应用、表格应用、
表单应用、网页导航实现、网页布局、JavaScript应用等。本书的主要特色是紧密结合前端开发员、
软件开发员从事项目开发的工作实际，采用项目化的教学模式，以工作任务为驱动，将前端开发
员、软件开发员的相关岗位技术的能力要求和技术要求融合于学习项目中，对相关理论知识只做
简单阐述，在教学过程中将重点放在对学生实践能力的培养上。学生通过对学习项目的学习和训
练，不仅掌握了前端开发中所需的基础知识和基本技能，而且了解了Web开发中有关前端开发的
工作流程和工作方法，使学生到软件企业就业后能很快适应前端开发员和软件开发员的日常工作。
同时，本书中的学习项目来源于真实的软件开发项目，学生可以将所学习的项目直接应用于其所
开发的项目中，从而实现自己代码的积累。另外，本书每章都配有针对性的练习，可以帮助读者
理解和掌握所学的知识和技能。
本书也是南京铁道职业技术学院省级网络在线开放课程“客户端应用程序开发”的指定教材，
该在线课程为教师和学生提供了丰富的教学资源和学习资源，主要包括课程标准、学习视频、网
络测试、学习项目教学素材等。目前，该在线课程已在中国大学慕课网上发布。
FOREWORD 前 言
II 客户端应用技术
本书由南京铁道职业技术学院朱蓓芳、王向中和王应喜主编，蒋明华参编。具体编写分工如
下：项目一和项目二由朱蓓芳编写，项目三和项目四由王向中编写，项目五和项目六由朱蓓芳和
蒋明华共同编写，项目七和项目八由王应喜编写。
本书在编写过程中得到了江苏省教育厅职教处、南京铁道职业技术学院的大力支持，在此谨
表感谢。
由于时间仓促，加之编写人员水平有限，书中难免存在疏漏和不足之处，恳请读者批评
指正。
编 者
2020年4月
王应喜，男，1964年10月生,江苏海安人，毕业于东北大学应用软件专业，研究生学历, 工学硕士，1998年获高级工程师职称。现任南京铁道职业技术学院计算机网络专业负责人，江苏省计算机学会网络空间安全职业教育专业委员会理事。主要研究方向：软件工程技术及软件开发。 1990年-2001年从事电子工程技术的研究工作,完成了电子部“七五”、“八五”攻关计划中相关课题的研究，实现部级成果鉴定3项。2001年-2007年,从事软件技术管理工作，完成了电力行业配电数据采集管理、电能质量监控管理等多个工程项目开发与实施， 其中多个产品获得省、市优秀软件奖励和推荐。在省级以上刊物公开发表论文多篇，近年来，指导学生多次获得省优秀毕业论文奖和多个全国竞赛大奖。
项目1 基本图文混排 1
任务1 基本网页搭建. 1
1.1.1 创建新闻页. 1
1.1.2 知识学习. 2
1.1.3 实践操作. 5
任务2 图文混排网页. 5
1.2.1 创建“诗词赏析”页面 6
1.2.2 知识学习. 6
1.2.3 实践操作 16
任务3 格式化排版 18
1.3.1 对“诗词欣赏”页面
进行格式化处理 18
1.3.2 知识学习 18
1.3.3 实践操作 27
练习与提高 28
项目2 列表应用 30
任务1 创建基本列表 30
2.1.1 应用基本列表组织页面内容 30
2.1.2 知识学习 31
2.1.3 实践操作 33
任务2 创建嵌套列表 34
2.2.1 创建问卷页面. 34
2.2.2 知识学习 35
2.2.3 实践操作 36
任务3 新闻列表. 37
2.3.1 创建新闻列表. 37
2.3.2 知识学习 37
2.3.3 实践操作 39
练习与提高 42
项目3 表格应用 44
任务1 简单表格应用 44
3.1.1 制作普通表格. 44
3.1.2 知识学习45
3.1.3 实践操作47
任务2 制作斑马纹效果50
3.2.1 制作斑马纹效果的表格.50
3.2.2 知识学习51
3.2.3 实践操作52
任务3 复杂表格应用56
3.3.1 制作个人简历表格56
3.3.2 知识学习57
3.3.3 实践操作58
练习与提高63
项目4 表单应用 65
任务1 创建登录表单65
4.1.1 登录表单的设计与实现.65
4.1.2 知识学习66
4.1.3 实践操作68
任务2 创建注册表单72
4.2.1 注册表单的设计与实现.72
4.2.2 知识学习72
4.2.3 实践操作77
任务3 创建其他常用表单.80
4.3.1 消费调查表单的设计
与实现.80
4.3.2 知识学习81
4.3.3 实践操作82
练习与提高85
项目5 创建网页导航功能. 88
任务1 创建纵向导航菜单.88
5.1.1 纵向导航菜单的设计与实现88
5.1.2 知识学习88
5.1.3 操作实践91
目 录 CONTENTS
II 客户端应用技术
任务2 创建横向导航菜单 93
5.2.1 横向导航菜单的设计
与实现. 93
5.2.2 知识学习 93
5.2.3 操作实践 96
任务3 创建下拉式导航菜单 96
5.3.1 下拉式导航菜单的
设计与实现 96
5.3.2 操作实践 96
练习与提高 100
项目6 网页布局.101
任务1 创建个人博客页面. 101
6.1.1 个人博客页面布局实现 101
6.1.2 知识学习 101
6.1.3 操作实践 109
任务2 创建企业网站首页布局 117
6.2.1 企业网站首页布局实现 117
6.2.2 操作实践 118
练习与提高 122
项目7 JavaScript 基本应用124
任务1 显示网站通知 124
7.1.1 显示页面通知 124
7.1.2 知识学习 125
7.1.3 操作实践 133
任务2 付款金额的大写转换 134
7.2.1 在电商页面中实现付款
金额的大写转换. 134
7.2.2 知识学习 135
7.2.3 操作实践 141
任务3 任务倒计时. 144
7.3.1 实现在线考试的
倒计时功能 144
7.3.2 知识学习 145
7.3.3 操作实践 149
任务4 DOM 基本应用 150
7.4.1 访问并控制DOM 对象 151
7.4.2 知识学习 151
7.4.3 操作实践.157
练习与提高158
项目8 网页动态功能实现 159
任务1 使用JavaScript 实现表单验证 159
8.1.1 新用户注册页面的前端验证.159
8.1.2 表单的触发验证机制160
8.1.3 网页的HTML 结构和CSS
样式160
8.1.4 编写数据验证代码的一般
方法163
8.1.5 使用JavaScript 实现注册表单
验证163
任务2 使用JavaScript实现导航特效168
8.2.1 折叠菜单的实现168
8.2.2 横向二级菜单的实现170
8.2.3 校园网二级导航的实现171
任务3 使用JavaScript 实现选项卡
特效.172
8.3.1 选项卡在页面中的使用172
8.3.2 认识选项卡173
8.3.3 校园网Tab 实现174
任务4 使用JavaScript 实现图片轮显
特效.176
8.4.1 网页图片轮显176
8.4.2 实现方法.177
任务5 使用JavaScript 实现图片滚动
特效.179
8.5.1 首页图片滚动特效.179
8.5.2 图片滚动特效实现思路179
8.5.3 操作实践.180
任务6 使用JavaScript 实现鼠标拖动
特效.181
8.6.1 实现鼠标拖动控制登录窗口181
8.6.2 知识学习.182
8.6.3 操作实践.183
练习与提高189
书单推荐
