本书主要针对高校网页设计、网站前端开发等课程教学和实训要求，以培养网页设计师为教学目标，以实用性为原则编写。本书主要包括Web基础、HTML技术、CSS层叠样式表、JavaScript脚本语言、jQuery技术、HTML5等。本书还包含一个综合案例和18个Web前端开发实验，综合案例运用了HTML、CSS、JavaScript等流行的网站前端开发技术，对实际网站项目开发有指导和借鉴意义。本书配套资源包括在线教学视频、电子课件、课后习题答案、教学大纲、教案等。通过丰富的教学资源，使教与学更加方便。 本书可作为高等院校相关专业的教材，还可作为Web前端开发零基础人员的自学参考书。

前言 Web前端开发是网站开发方向重要的专业课程，随着市场对Web前端工程师的需求增加，国内很多本专科院校正在或准备开设该课程。本书是咸阳师范学院2016年教材建设资助项目。 Web前端开发涵盖多门技术，想要开发一个漂亮、满足用户需求的网站，需要有丰富的开发技巧，在本教材中针对开发技巧做了详细的介绍。 1. 本书指导思想 （1） CDIO工程思想 CDIO工程教育模式是国际工程教育改革的最新成果。CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），以产品研发到产品运行的生命周期为载体，让学生以主动、实践的方式学习工程。 本书始终以CDIO大纲为编写指导思想，以前端开发为基础，以培养工程实践能力为目标，组织教材内容。 （2） 相关行业需要Web前端工程师掌握的技能 在教材内容的选取方面，笔者调研了对Web前端工程师知识技能方面的需求。目前企业对前端工程师的普遍要求是能够熟练使用HTML5、CSS、JavaScript、jQuery等前端技术。本书涵盖了行业需求的这些技术，并对这些技术深入浅出地介绍，带领读者领略技术的魅力。 2. 本书内容 全书分为9章，内容涵盖： Web前端基础知识、HTML、CSS、JavaScript、jQuery、HTML5和Dreamweaver七大版块。本书知识图谱如图1所示。 3. 本书特点 （1） 案例式教学 本书采用大案例和小案例结合的方式组织内容。在介绍开发技术时配有小案例，案例具有代表性和趣味性，使读者在完成案例的同时掌握语法规则以及技术的应用。第8章介绍的是咸阳师范学院图书馆网站案例，涵盖了本书所学的所有技术，涉及从需求分析、设计、实现、测试到发布的完整过程，带领读者熟悉网站项目开发的流程。 （2） 实验内容丰富 为了能使读者自我检验学习效果，第9章设计了20个前端开发实验，有详细的实验分析和操作步骤，引导读者动手开发，使读者从知识的学习转变到能力的提高。 （3） 注重能力培养 本书编者长期从事“网页设计”和“Web前端开发”等课程的教学工作，总结了很多Web教学的经验，在书中与读者进行分享； 另外参与了多个网站项目的开发工作，这些网站均已上线。在开发过程中，笔者积累了丰富的实战经验，这些经验在教材中也有所体现。因此本书不仅是单纯介绍技术的教材，而且是由大量的实战开发经验所组成的一本以提高动手能力为目标的教材。 （4） 配套资源丰富 本书配备了微课视频资源，同时还提供课程配套的电子课件和课后习题答案，另外为使用本书的教师提供了课程大纲和教案。 图1知识图谱 4. 作者与鸣谢 本书由刘敏娜和弋改珍编著，王笑笑、尚静静等参与教材资料整理工作。本书在编写过程中得到了郑寅堃和闫红梅编辑的大力支持和帮助，感谢他们专业且严谨的工作。 由于时间有限，书中难免存在不足之处，如有发现问题，烦请直接与笔者联系，电子邮箱为[email protected]，不胜感谢！ 编者 2019年1月

版权图片链接