前言

随着HTML5规范的日臻完善和普及，Web前端开发技术也越来越引人注目，如何开发Web应用程序，设计精美、独特的网页已经成为当前的热门技术之一。为适应现代技术的飞速发展，培养出技术能力强、能快速适应网站开发（或Web开发）行业需求的高级技能型人才，帮助众多热爱网站开发的人员提高网站的设计及编码水平，编者结合自己多年从事教学工作和Web应用开发的实践经验，按照教学规律精心编写了本书。本书基于Web标准，深入浅出地介绍了Web前端设计技术的基础知识，对HTML5、CSS3、JavaScript和网站制作流程进行了详细讲解。其中，HTML负责网页结构，CSS负责网页样式及表现，JavaScript负责网页行为和功能。

本书共11章，主要内容包括网页设计与制作基础、编辑HTML5元素、网页布局与交互、CSS3样式基础、使用CSS3修饰网页元素、CSS3盒模型、Div+CSS布局页面、JavaScript基础、JavaScriptDOM编程、HTML5的高级应用和“馨美装修”网站的制作。

本书以模块化的结构来组织章节，选取Web开发设计的典型应用作为教学案例，以网站建设和网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融为一体，并且自始至终贯穿于书中。本书通过一个完整的“馨美装修”网站的讲解，将相关知识点分解到案例的具体制作环节中；案例具有代表性和趣味性，使学生在完成案例的同时掌握语法规则与技术的应用。本书的主要特色如下。

1）通过一个完整的网站制作过程的讲解，将相关知识点分解到实例网站的具体制作环节中，针对性强。还提供了许多其他实例，可操作性强。

2）语言通俗易懂，简单明了，让学生能够轻松掌握有关知识。

3）在案例的安排上，根据其技术难易程度采用了由浅入深的方式，将技术难点分散于各个案例中，做到了叙述上的前后呼应、技术上的逐步加深。

4）融入课程思政，通过将思政内容融入课堂进一步增强学生的家国情怀。

5）配有完整丰富的教学资源。为配合教学，方便教师讲课和学生学习，精心制作了电子课件、授课计划以及例题、习题的源代码等教学资源。

本书由张兵义、张博担任主编，王蓓、范培英担任副主编。刘瑞新编写第1章，张兵义编写第2、3章，张博编写第4、6章，许镭编写第5章，王蓓编写第7、8章，范培英编写第9、11章，徐军编写第10章。全书由刘瑞新教授统编定稿。参加本书编写工作的都是具有多年计算机教学与培训经验的教师。由于Web前端开发技术的发展日新月异，加之编者水平有限，书中难免有不足之处，恳请读者提出宝贵的意见和建议。

编者