JavaScript+jQuery网页特效设计任务驱动教程
上QQ阅读APP看书,第一时间看更新

前言

HTML、CSS、JavaScript三者共同构造出了丰富多彩的网页,它们使网页包含更多活跃的元素和更加精彩的内容。HTML是一种纯文本的、解释执行的标记语言,它定义了网页结构和网页元素,能够实现网页的普通格式要求。CSS实现了网页结构与表现样式完全分离,弥补了HTML对网页格式化功能的不足,对网页布局和网页元素的控制功能更加强大,能够实现网页中特殊格式的要求。JavaScript主要实现实时的、动态的、可交互的功能,对客户操作进行响应,显示各种自定义内容。

在实际工作中,我们需要将JavaScript程序嵌入HTML文档中,与HTML标签相结合,对网页元素进行控制,对用户操作有所响应,从而实现网页动态交互的特殊效果。这种特殊效果通常称为网页特效。网页中添加一些恰当的特效,能使页面具有一定的动态效果,能吸引浏览者的注意,提高页面的观赏性和趣味性。随着网络技术的发展,JavaScript语言越来越受欢迎,在数以百万计的网页中被用于改进设计、验证表单、检测浏览器、创建Cookies等。

jQuery是一个轻量级的库,实现了操作行为(JavaScript代码)和网页内容(HTML代码)的分离,凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发AJAX的操作。jQuery拥有强大的选择器、出色的DOM操作、可靠的事件处理机制、完善的兼容性、独创的链式操作方式等,以其独特而优雅的代码风格改变了JavaScript程序员的设计思路和编程方式,因而受到越来越多人的追捧,吸引了一批批的JavaScript开发者去学习和研究。

同时,技术的更新也推动着高职高专院校课程的改革,目前,越来越多的高职高专院校对网页设计和制作课程进行了细化和优化,开始开设网页特效设计类课程。为了满足课程教学需要,我们编写了本书。

本书具有以下特色和创新点。

(1)合理选取和重构教学内容,科学安排教学单元的顺序。本书从网页特效在网页中实际应用的角度来理解JavaScript语言的语法和jQuery库的应用,而不是从JavaScript理论知识本身取舍教学内容。本书遵循学习者的认知规律和技能的形成规律,将网页特效分为基本网页特效、日期时间类网页特效、文字类网页特效、图片类网页特效、表单控件类网页特效、导航菜单类网页特效、选项卡类网页特效、内容展开与折叠类网页特效和页面类网页特效这9类,同时相应地将内容分为9个教学单元,每个教学单元分析和设计一种类型的网页特效,同时将JavaScript和jQuery的相关知识合理地安排到各个教学单元中。

(2)以实际网站中常见的真实网页特效为载体组织教学内容,强化操作技能训练,提升学习者的动手能力。我们在课程建设的过程中,分析研究了1000多个不同类型的网页特效,先后经过4次筛选、简化和优化,最终确定了9大类92个源自真实网站的网页特效作为本书的教学案例,学习者在设计网页时可以根据实际需要灵活使用这些网页特效,以实现学以致用。

(3)围绕这92个网页特效设计任务,我们采用了“任务驱动、精讲多练、理论实践一体化”的教学方法,全方位促进学习者网页特效分析设计能力的提升,引导学习者在完成各个网页特效设计任务的过程中,逐步理解灵活多变的JavaScript语法知识,循序渐进地学会jQuery库的应用,从而熟练掌握形式多样的网页特效的设计方法。

本书在每个教学单元中巧妙地设置了3条主线:教学过程主线、理论知识主线和操作任务主线,形成了独具特色的复合结构体例,充分考虑教学实施的需求。我们为每个教学单元都设置了完整的教学环节,帮助教师按照“教学导航→特效赏析→知识必备→引导训练→自主训练”5个环节组织教学。每个教学单元相关的理论知识相对独立,以节的方式组织,形成了系统性强、条理性强、循序渐进的理论知识体系。每个教学单元根据学习知识和训练技能的需要合理设置网页特效设计任务,分为“特效赏析—引导训练—自主训练”3个层次,其中引导训练任务按“任务描述—思路探析—特效实现”3个步骤实施,同时根据需要对实现网页特效的代码进行了必要的解释和说明。

(4)本书配套教学资源丰富。教学单元设计、教学过程设计、网页特效设计、任务设计、JavaScript和jQuery相关知识的选取与序化、教学案例、电子教案等教学资源一应俱全,力求做到想师生之所想,急师生之所急。教学辅助资源请登录人邮教育社区(www.ryjiaoyu.com)下载使用。

本书适合实施理论实践一体化教学,平均6~8课时为一个教学单元,可以以串行方式(连续安排2~3周)组织教学,也可以以并行方式(每周安排6~8课时,安排8周左右,每周完成一个教学单元)组织教学。

本书由湖南铁道职业技术学院陈承欢教授编著,颜谦和、吴献文、谢树新、颜珍平、侯伟、潘玫玫、郭外萍、裴来芝、谭传武、肖素华、林保康、王欢燕、张丹、王姿、张丽芳等多位老师参与了网页特效的设计、优化以及部分章节的编写、校对和整理工作。

由于编者水平有限,书中难免存在疏漏之处,敬请各位读者批评指正,作者的QQ号码为1574819688,感谢您使用本书,期待本书能成为您的良师益友。

编者

2018年10月