计算机类教材 > 软件工程
客户端应用技术
书号：9787113267780 套系名称：十三五”高等职业教育计算机类专业规划教材
作者：朱蓓芳 王向中 王应喜 出版日期：2020-06-01
定价：36.00 页码 / 开本：196 /16
策划编辑：孙晨光 责任编辑：汪敏 冯彩茹
适用专业：计算机教材 适用层次：高职高专
最新印刷时间：
资源下载
教学课件(暂无)
教学素材(暂无)
习题答案(暂无)
教学案例(暂无)
教学设计(暂无)
教学视频(暂无)
内容简介
前言
目录
作者介绍
图书特色
本书从Web 前端开发岗位所需的基本知识和基本技能出发，讲解了HTML 技术、CSS 技术和 JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行 编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于 Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项 目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追 求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。 为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学 PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网 http://www.tdpress.com/51eds/进行下载。 本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者 的自学用书。
随着互联网应用的不断演进，Web 开发技术已经成为软件开发领域的主流技术。无论是 Java 技术、ASP.NET 技术，还是PHP 技术，在软件开发的过程中都离不开客户端技术的应用。 因此，“客户端应用开发”课程已经成为计算机类专业，尤其是软件类专业的必修课。同时， 随着软件开发技术的不断发展以及互联网和物联网技术的不断发展和应用的不断广泛，软件 企业的工作岗位也发生了新的变化。前端开发作为一个独立的岗位，从软件开发岗位中剥离 出来，并且随着应用的不断深入，对人才的需求也不断增加，而前端开发岗位的核心技术和 基础技术正是客户端开发技术，因此，客户端开发技术正越来越受到各个学校，尤其是职业 类院校的重视。 本书根据前端开发员岗位标准进行编写，主要内容包括基本图文编排、列表应用、表格应用、 表单应用、网页导航实现、网页布局、JavaScript应用等。本书的主要特色是紧密结合前端开发员、 软件开发员从事项目开发的工作实际，采用项目化的教学模式，以工作任务为驱动，将前端开发 员、软件开发员的相关岗位技术的能力要求和技术要求融合于学习项目中，对相关理论知识只做 简单阐述，在教学过程中将重点放在对学生实践能力的培养上。学生通过对学习项目的学习和训 练，不仅掌握了前端开发中所需的基础知识和基本技能，而且了解了Web开发中有关前端开发的 工作流程和工作方法，使学生到软件企业就业后能很快适应前端开发员和软件开发员的日常工作。 同时，本书中的学习项目来源于真实的软件开发项目，学生可以将所学习的项目直接应用于其所 开发的项目中，从而实现自己代码的积累。另外，本书每章都配有针对性的练习，可以帮助读者 理解和掌握所学的知识和技能。 本书也是南京铁道职业技术学院省级网络在线开放课程“客户端应用程序开发”的指定教材， 该在线课程为教师和学生提供了丰富的教学资源和学习资源，主要包括课程标准、学习视频、网 络测试、学习项目教学素材等。目前，该在线课程已在中国大学慕课网上发布。 FOREWORD 前 言 II 客户端应用技术 本书由南京铁道职业技术学院朱蓓芳、王向中和王应喜主编，蒋明华参编。具体编写分工如 下：项目一和项目二由朱蓓芳编写，项目三和项目四由王向中编写，项目五和项目六由朱蓓芳和 蒋明华共同编写，项目七和项目八由王应喜编写。 本书在编写过程中得到了江苏省教育厅职教处、南京铁道职业技术学院的大力支持，在此谨 表感谢。 由于时间仓促，加之编写人员水平有限，书中难免存在疏漏和不足之处，恳请读者批评 指正。 编 者 2020年4月
项目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
朱蓓芳，王向中，王应喜，南京铁道职业技术学院
本书从Web 前端开发岗位所需的基本知识和基本技能出发，讲解了HTML 技术、CSS 技术和 JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行 编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于 Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项 目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追 求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。 为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学 PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网 http://www.tdpress.com/51eds/进行下载。 本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者 的自学用书。