本书分为理论篇和应用篇两个部分。其中，理论篇在内容上详细剖析了最新Web标准的三大部分——HTML5、CSS3、JavaScript，及其在网页设计与Web前端开发中的应用； 应用篇则从实用的角度补充了综合实训指导及课业拓展知识等。本书知识结构体系较新，较全面地覆盖了目前企业前端工程师所需的相关理论和应用技能，同时案例形式丰富，既有针对单一知识点的小实例及贯穿特定案例网站的开发实录，也有针对Web前端技术重点和难点的案例实践，更有阶段性的综合案例实战。在案例设计方面，既突出新知识点的应用技巧，又以不同的方式巩固学过的技能，使读者能够一步一个脚印、循序渐进地扎实掌握网页设计与Web前端开发的各项技能。 本书提供了配备的课程资源包，内容包括教学大纲、制作精良的教学课件（PPT）、电子教案、重点及难点综合案例的教学视频、 本书所有的实例和综合案例的程序源码、 课后题库的参考答案等。其中，程序源码全部经过精心测试，能够在Windows 系统及以Chrome为代表的主流浏览器下编译和运行。 本书可作为普通高校计算机及相关专业教材、高职高专教材，适用于课堂教学、实验实训及综合课程设计等相关的教学活动，并可供从事网页设计与制作、Web前端开发、网页编程等行业人员参考。

21世纪高等学校计算机类课程创新规划教材·微课版 网页设计与Web前端开发案例教程 ——HTML5、CSS3、JavaScript 主编： 莫小梅 副主编： 毛卫英 参编： 隋慧芸张浩斌应可珍 视频录制： 毛卫英王华琼 内 容 简 介 本书分为理论篇和应用篇两个部分。其中，理论篇在内容上详细剖析了最新Web标准的三大部分——HTML5、CSS3、JavaScript，及其在网页设计与Web前端开发中的应用； 应用篇则从实用的角度补充了综合实训指导及课业拓展知识等。本书知识结构体系较新，较全面地覆盖了目前企业前端工程师所需的相关理论和应用技能，同时案例形式丰富，既有针对单一知识点的小实例及贯穿特定案例网站的开发实录，也有针对Web前端技术重点和难点的案例实践，更有阶段性的综合案例实战。在案例设计方面，既突出新知识点的应用技巧，又以不同的方式巩固学过的技能，使读者能够一步一个脚印、循序渐进地扎实掌握网页设计与Web前端开发的各项技能。 本书提供了配备的课程资源包，内容包括教学大纲、制作精良的教学课件（PPT）、电子教案、重点及难点综合案例的教学视频、 本书所有的实例和综合案例的程序源码、 课后题库的参考答案等。其中，程序源码全部经过精心测试，能够在Windows 系统及以Chrome为代表的主流浏览器下编译和运行。 本书可作为普通高校计算机及相关专业教材、高职高专教材，适用于课堂教学、实验实训及综合课程设计等相关的教学活动，并可供从事网页设计与制作、Web前端开发、网页编程等行业人员参考。 本书封面贴有清华大学出版社防伪标签，无标签者不得销售。 版权所有，侵权必究。侵权举报电话： 0106278298913701121933 图书在版编目（CIP）数据 网页设计与Web前端开发案例教程： HTML5、CSS3、JavaScript/莫小梅主编.—北京： 清华大学出版社，2019 （21世纪高等学校计算机类课程创新规划教材·微课版） ISBN 9787302534532 Ⅰ. ①网…Ⅱ. ①莫…Ⅲ. ①超文本标记语言-程序设计-高等学校-教材 ②网页制作工具-高等学校-教材 ③JAVA语言-程序设计-高等学校-教材Ⅳ. ①TP312.8 ②TP393.092 中国版本图书馆CIP数据核字（2019）第162825号 策划编辑： 魏江江 责任编辑： 王冰飞 封面设计： 刘键 责任校对： 梁毅 责任印制： 宋林 出版发行： 清华大学出版社 网址： http://www.tup.com.cn， http://www.wqbook.com 地址： 北京清华大学学研大厦A座 邮编： 100084 社总机： 01062770175邮购： 01062786544 投稿与读者服务： 01062776969, c[email protected] 质量反馈： 01062772015, [email protected] 课件下载： http://www.tup.com.cn,01062795954 印装者： 清华大学印刷厂 经销： 全国新华书店 开本： 185mm×260mm印张： 30.5字数： 743千字 版次： 2019年9月第1版印次： 2019年9月第1次印刷 印数： 1~1500 定价： 79.80元 产品编号： 08163601 前言 本书是在编者的2012年版《网页编程基础——XHTML、CSS、JavaScript》教材多年使用的基础上，参考了现有大量同类书刊、资料，吸收众家之长后结合多年网页编程基础教学的经验以及学习网页设计与Web前端开发的最新技术进展优化、增改而成的。 随着互联网技术和企业需求的发展日新月异，Web标准的定位和发展方向也发生了根本的变化，XHTML规范不再更新，而HTML5则成为了当今Web时代的前沿技术。在本书成稿之际，时间已是2019年的5月，距离上一版教材的完稿时间已过去了7年多。在这过去的7年里，我们见证了以HTML5、CSS3、JavaScript为三大基石的H5技术的快速发展和强大功能，H5技术增强了包括传统PC端Web页面制作在内的，兼容手机、iPad等各种设备和平台的响应式和自适应布局等Web前端技术，强化了包括新增的音频、视频标签等多媒体播放技术，以及Canvas图形绘制和动画制作等表现能力，追加了localStorage等本地存储数据功能，同时JavaScript的语法也从ES5升级到ES6这一更简洁、实用的语法。H5的应用不仅覆盖到网页的前端制作，还包括游戏开发、轻应用、Web APP、微站、小程序等方方面面，游戏化、场景化、跨屏互动等全新特性使得H5未来会在更多的领域展示其独特的魅力和应用前景。因此，本书的改版是顺应时代的潮流，为读者梳理和分享与HTML5、CSS3、JavaScript等H5前端开发相关的前沿技术和案例应用，为迎接时代的变革和分享技术的红利打好扎实的基础。 主要内容 本书主要围绕Web最新标准的三大关键技术（ HTML5、CSS3和JavaScript）来介绍网页设计与Web前端开发的必备知识及相关应用。其中，HTML5负责网页结构； CSS3负责网页样式及表现； JavaScript负责网页行为和功能。 全书共9章，分为理论篇和应用篇两大部分。其中，第1~7章为理论篇，从技术的角度重点介绍Web前端开发的基础概念及相关技术； 第8~9章为应用篇，从实用的角度补充介绍了综合实践指导及课业拓展知识。 在第一部分“理论篇”的编写上，编者全面、系统地介绍了当前最新的Web前端知识体系，以一个综合案例网站的实际开发为主线，采用知识点结合典型实例、重难点结合案例实践、阶段性复习结合综合案例实战的多层次、全方位的配套实践案例体系，使读者既能够真正从网站建设的全局上把握Web标准各个部分的语法、联系和应用，又能结合不同阶段、不同层次的案例实践学以致用，扎实掌握相关的理论和实践应用技能。 第1、2章为基础知识和HTML入门，为后续知识的学习打下初步的基础。其中，第1章介绍了网页设计与Web前端基础中相关的概念、网站开发的工作流程和开发工具，在网站开发的工作流程部分列举了网站架构与内容、素材收集实用技能、案例网站的首页设计草图和实体模型等实用的案例和技能，使得读者对网站开发的流程有一个初步、清晰、具体的印象； 第2章介绍了HTML的语言基础、常用标签和相关的典型实例。 第3、4章主要涉及PC端的主流前端布局技术。其中，第3章详细介绍了CSS3样式表的基本概念、使用方法和常用的CSS3属性，以及相关的实例； 第4章重点介绍了HTML+CSS的相关布局技术及各种应用。这一部分是全书的重点和Web前端技术的基础。 第5章重点介绍了HTML5+CSS3的移动网站布局技术，这一章体现了较多的HTML5和CSS3的新技术和新应用，同时也有一些难点。 第6章详细介绍了JavaScript包括ES5和ES6的两种主流语法和基于对象的编程技术，重点介绍了JavaScript在操作HTML页面、响应用户操作及验证数据等方面的应用。 第7章重点介绍了HTML5新增的Canvas元素及其在绘制Web页面中的图形、图像和动画方面的应用。由于Canvas元素需要通过JavaScript语句实现具体的绘制功能，所以安排在理论篇的最后。 第3~7章共同的特点是除了通过列举大量的典型实例来介绍基本的概念和语法以外，还结合了案例网站的首页及相关页面的实例，配以大量的案例实践，以及每章一个综合案例实战加以巩固。 理论部分的各章把Web标准三大部分的分工及合作一步一步地展现在读者面前，使读者在学习了这一部分内容以后，能够对Web标准及其内涵有更具体和深入的了解，并能在实际的网站开发中加以运用。 在第二部分“应用篇”的编写思路上，主要是考虑到从综合实践的角度为读者提供实用性的指导。其中，第8章结合两个商业网站案例项目书的目录结构及课程网站的开发全程，全面介绍了网站设计综合实训的完整流程，并提供了相关课程设计的要求及指导； 第9章则从读者后续的自我提高角度出发，指出一些课业拓展的方向和参考，并为使用本书进行授课的教师提供一些建立学生实践环境的建议。 以上的编写方法不仅符合理论和实践相结合的学习规律，而且还为读者后续学习动态数据库网站的制作打下了坚实的基础。 本书特点 （1） 时新性、系统性和实用性相结合： 本书结合当前新兴的企业前端工程师的必备知识体系和技能要求，以企业前端开发工程师的能力需求为导向，系统、全面地覆盖时下网页设计与Web前端开发的知识体系和实践技巧。本书在原有的基础知识体系的基础上引入了HTML5、CSS3，以及JavaScript中ES6的新特性和应用案例，囊括了传统HTML+CSS布局、新兴的HTML5+CSS3移动端布局、JavaScript基于对象的编程和交互应用，以及HTML5的Canvas图形图像和动画绘制技能。 （2） 以项目带动全局： 本书延续了上一版本教材中以项目带动全局的综合性案例教学特点，即从第1章开始就以一个案例网站首页的设计草图和实体模型为例，引导初学者在学习具体的技术之前先对网站开发的工作流程有一个简单而又明确的了解，并在后面的Web标准三大技术学习的过程中贯穿整个案例网站的建设和完善过程，以帮助读者理顺这三大技术的分工与合作，同时在课后的实践练习中也始终贯穿这种以项目带动全局的思路。 （3） 基础实例与综合案例相结合，典型案例实践与综合案例实战相结合： 本书在保留已有教材中基础实例与项目案例相结合的基础上，进一步对主要章节的重点和难点配备了典型的案例实践，以帮助读者加强理解和运用能力。此外，在第4~7章中通过规模性和复杂度更强的综合案例实战提供阶段性的综合实训案例和方法，使读者能够循序渐进地在不同的层面上扎实掌握相关理论和综合实践技能。 （4） 与时俱进的实用知识和配套资源： 本书在第二部分“应用篇”的第8章综合实训部分全面介绍了当前主流的网页布局方案，综合实训中的案例首页布局也升级为综合运用理论篇所介绍的HTML5结构标签、弹性布局、怪异盒模型等最新的实用布局技术； 第9章课业拓展部分也删除了部分过时的内容，并引入了大量实用、前沿的拓展知识和技能。 教学资源 为了帮助读者和任课教师更好地使用本书，编者特意准备了一些辅助教学材料，具体如下： （1） 教学大纲。 （2） 教学课件（PPT）。 （3） 电子教案。 （4） 习题解答手册。 注： 扫描封底的书圈二维码，可以下载以上配套资源。 （5） 各章实例（含基础实例、案例网站、案例实践和实战）程序源码。扫描目录上方的二维码，可以下载程序源码。 （6） 主要综合案例的配套教学视频，共计1000分钟。扫描书中的二维码，可以在线观看、学习。本书的附录部分列出了书中视频对应的二维码的汇总表，方便读者查阅。 （7） 应用篇中提到的本课程学习网站，课程网址为“http://real.zjicm.edu.cn/mxm”。 本书编者 本书的编者都是工作在教学和科研第一线的骨干教师，具有丰富的教学实践经验。全书由莫小梅负责规划。 本书编写的具体分工如下： 第1章的个别节、第2~3章、第5~6章以及第8章的大部分（除8.8节外）由莫小梅编写，第1章的大部分、第4章由毛卫英和应可珍共同编写，第7章由隋慧芸编写，第8.8节以及第9章由张浩斌编写。 配套案例教学视频录制的分工如下： 毛卫英负责第4章案例的视频录制，王华琼负责第3、5、6章案例的视频录制。 本书初稿由各位编者共同进行编排和审定，由莫小梅进行统稿。 由于编者水平有限，书中难免出现不足之处，请广大读者批评指正。 编者 2019年5月

版权图片链接