本书分为上、下两篇，上篇为实训(课内同步实验)，包括HTML基础(Web前端开发环境配置与HTML基础，格式化文本、段落与列表，超链接与多媒体文件应用)、页面布局技术(DIV+CSS综合应用、DIV+CSS布局规划、表格与表格页面布局、表单页面设计)、HTML5基础与CSS3应用、JavaScript应用(JavaScript基础应用、JavaScript高级应用、JavaScript事件分析、DOM与BOM应用案例、HTML5高级应用案例)，内含13次实训、41个实训项目、26个课外拓展训练项目；下篇为实践(课程设计)，包括高校网站设计、企业网站设计和社会团体网站设计3个典型案例。 本书结构合理，实训项目设计由浅入深、循序渐进、经典实用，实验过程详细，实训项目切合实际，真实性强。 本书可作为高等学校数据科学与大数据技术、计算机科学与技术、软件工程、信息管理与信息系统、网络工程、物联网工程、信息科学技术、数字媒体技术及其他相关专业或计算机公共基础的“网页设计与开发” “网页制作” “Web客户端编程” “Web前端开发技术” “Web应用开发”等课程实验与实训教材，也可作为从事Web开发相关工作的工程技术人员的参考书。

前言 本书是中国大学出版社图书奖优秀教材、首批江苏省优秀培育教材《Web前端开发技术——HTML5、CSS3、JavaScript》（第4版·题库·微课视频版）的配套实验与实践教材。 随着高校转型发展的需要，应用技术型大学(学院)需要培养更多与行业对接的应用技术型人才，更加注重毕业生的实践能力、工程能力及创新能力的培养，所以加强实践环节建设、强化应用技术型高校实践教材建设的工作尤为重要。结合IT行业发展的需要和各类高等院校实际教学的反馈，作者在保持第3版教材原有特色和编写风格的基础上，根据《Web前端开发技术——HTML5、CSS3、JavaScript》（第4版·题库·微课视频版）教材的知识体系结构，对实验与实践教材的体系结构重新进行适应性修订，增加思政案例方面的实训项目，并对所有的实训项目进行优化，更新和优化部分课外拓展训练项目，以期满足专业教学和实践技能培养的需要。 1． 本书特点 本书结合国内流行的Web前端开发工程师的岗位需求，将岗位技能培养和专业知识学习融入实训项目中，使读者在项目实战中得到锻炼和提高。全书根据Web前端开发工程师所必备的知识与能力要求统筹规划了13次实训，精心设计了41个经典实训项目。实验与实践教材在改版中始终坚持“项目化设计、案例式驱动、过程式指导、探究式实践”的原则，合理编排实验内容，循序渐进，并将CSS技术贯穿到所有实训项目中，实现HTML5、CSS3、DIV、JavaScript、DOM的完美融合。通过真实案例深入剖析网页布局的思路和方法，启发式引导学生自主地完成实训项目。 2． 本次修订内容 第4版修订共规划了上、下两篇，五部分，第一部分为HTML基础，第二部分为页面布局技术，第三部分为HTML5基础与CSS3应用，第四部分为JavaScript应用，第五部分为网站设计。上篇包含13次实训，分别为实训1 Web前端开发环境配置与HTML基础，实训2 格式化文本、段落与列表，实训3 超链接与多媒体文件应用，实训4 DIV+CSS综合应用，实训5 DIV+CSS布局规划，实训6 表格与表格页面布局，实训7 表单页面设计，实训8 HTML5与CSS3应用实战，实训9 JavaScript基础应用，实训10 JavaScript高级应用，实训11 JavaScript事件分析，实训12 DOM与BOM应用案例和实训13 HTML5高级应用案例。下篇规划了3个课程设计案例，主要运用HTML5、DIV、CSS3、JavaScript等技术构建网站。 本次修订将实训项目总数增加到41个，具体修改内容如下。实训1中原5个实训项目全部更新，其中思政类项目2个； 优化2个课外拓展训练项目。实训2中原4个实训项目更新3个、优化1个，其中新增思政类项目3个； 优化课外拓展训练项目1个，更新思政类项目1个。实训3中原4个实训项目更新3个、优化1个，其中新增思政类项目1个； 优化课外拓展训练项目1个、更新思政类项目1个。实训4中原2个实训项目全部优化； 优化课外拓展训练项目2个。实训5中原2个实训项目更新1个、优化1个； 优化课外拓展训练项目2个。实训6中原2个实训项目全部更新； 优化课外拓展训练项目1个、更新1个。实训7中原2个实训项目全部优化； 优化课外拓展训练项目2个。实训8中原4个实训项目更新1个、保留3个； 优化课外拓展训练项目2个。实训9中原3个实训项目更新2个、优化1个； 优化课外拓展训练项目2个。实训10中原3个实训项目全部更新； 优化课外拓展训练项目2个。实训11中原2个实训项目全部优化； 优化课外拓展训练项目2个。实训12中原2个实训项目删除，新增4个实训项目； 更新课外拓展训练项目2个。实训13中原4个实训项目全部优化； 优化课外拓展训练项目2个。 3． 主要内容 第一部分HTML基础 通过实训项目讲解Web前端开发环境的配置、HTML基础语法、标记语法，介绍文本标记、段落与排版标记、列表与多媒体文件加载标记的应用。通过实验项目使学生掌握运用HTML标记设计具有文字、图片、音乐、视频等多种媒体的网站。 第二部分页面布局技术 通过实训项目讲解DIV+CSS在实际工程项目中的应用，让学生学会对商业网站的布局进行分析，并能借助DIV+CSS结构实现商业网站的仿真构建； 将表格、表单等传统的页面布局技术与DIV+CSS页面布局技术组合在一起，让学生充分了解页面布局技术的发展过程，理解DIV+CSS页面布局技术在快速网站构建与网站重构中所起的作用，设计出结构、表现和行为相分离的优秀网站。 第三部分HTML5基础与CSS3应用 通过实训项目使学生掌握HTML5和CSS3的新特性； 借助于HTML5和CSS3的新特性满足Web网站中用户互动页面的设计需求，改善用户体验，结合实训项目的讲解，培养学生用HTML5和CSS3解决实际网站设计中的一些新问题的能力，设计出用户体验更好的优秀网站。 第四部分JavaScript应用 通过实训项目使学生掌握JavaScript基本语法、组成结构、程序结构、函数编程方式； 熟练地运用JavaScript的DOM与BOM技术解决Web网站设计中用户互动页面的设计方法； 学会运用HTML5中的Canvas、Web Storage、Web拖曳和Web Worker等新特性解决实践中遇到的新问题； 结合Internet上真实商业网站的实例讲解，培养学生分析与解决问题的能力，设计出结构、表现和行为相分离的优秀网站。 第五部分网站设计 以高校网站、企业网站和社会团体网站为典型案例，详细介绍每类网站的功能概况、页面布局分析、页面布局结构设计、导航菜单设计以及网站各页面开发的基本要素和设计步骤，并对3个任务进行优化和完善。 4． 教学资源 （1） 提供实验教学大纲。 (2) 提供实训中项目所需的图像、文字、音/视频素材资源。 (3) 提供所有实训项目的源代码。 (4) 提供3个完整网站设计案例的源代码。 (5) 提供13次课外拓展训练中26个项目的源代码、素材资源和答案。 全书的再版修订由储久良独立策划、撰写、审校。同时，再版得到清华大学出版社相关人员的大力支持，在此谨表示衷心的感谢。在本书修订的过程中，作者参阅了大量的商业网站开发、Web前端开发和JavaScript应用等方面的书籍与网络资源，在此对这些书籍与网络资源的作者表示感谢。 由于移动互联网技术发展迅速，加上编者水平有限，书中难免存在疏漏和不足之处，恳请各位专家和读者批评指正。 作者 2023年1月于溱潼古镇

版权图片链接