客户端应用技术

图书标准信息

• 作者 朱蓓芳、王向中、王应喜 著
• 出版社 中国铁道出版社
• 出版时间 2020-06
• 版次 1
• ISBN 9787113267780
• 定价 36.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 196页

【内容简介】

本书从Web 前端开发岗位所需的基本知识和基本技能出发，讲解了HTML 技术、CSS 技术和 

JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行 

编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于 

Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项 

目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追 

求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。 

为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学 

PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网 

http://www.tdpress.com/51eds/进行下载。 

本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者 

的自学用书。

【作者简介】

王应喜，男，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