前言

在如今的互联网、信息技术和大数据时代，科技高速发展，产品功能越来越多样化，产品操作的复杂性与用户要求的简单性的矛盾越来越突出。在这种紧迫的形势下，交互设计的好坏直接影响产品的品质。在Web开发中HTML5、CSS3和JavaScript已成为互联网开发核心基础知识的重要组成部分。

本书是一本可供读者从零开始学习的Web交互界面设计教材，以“理论穿插案例”，由浅入深、循序渐进的方式，详细介绍Web交互界面设计过程中的设计基础，以及HTML5、CSS3和JavaScript的相关知识。

（1）在内容编排上，从交互界面设计的基础知识开始，介绍Web交互界面的设计思路、用户体验设计、内容规划，以及如何利用HTML5、CSS3和JavaScript等相关技术进行Web交互界面设计与制作。

（2）采用“理论穿插案例”，由浅入深、循序渐进的方式，结合大量的实际案例，详细介绍了Web交互界面设计与制作的操作过程，具有较强的实用性和可操作性，注重读者实践能力的培养。

（3）每章章末都设置了“本章小结”，简要总结了本章的主要内容和重点难点；同时，还设置了“本章习题”，包括选择题、简答题、操作题，便于读者巩固所学知识，还可满足高校“教、学、做、考”一体化的教学需求。

本书共9章，各章内容安排如下。

第1章是交互界面设计概述，主要介绍交互界面的概念、历史，并介绍用户体验的相关概念等。

第2章是Web交互界面设计基础，主要介绍Web交互界面设计中的设计思路和相关要素，以及Web界面设计工具Photoshop的基本使用方法等。

第3章是Web交互界面技术概述，主要介绍Web交互界面技术相关概念及核心技术。

第4章是HTML5和CSS3基础，主要介绍HTML5和CSS3相关基础知识，包括HTML5常用标签、CSS3选择器等，并讲解文章界面美化案例，让相关知识得到充分应用。

第5章是Web交互界面设计案例，主要介绍Web交互界面中常见的新闻列表、导航、图文板块、图文列表等的制作方法，带领读者剖析案例并深入理解HTML5和CSS3的应用。

第6章是HTML5和CSS3进阶，主要介绍Web交互界面开发中HTML5表格、HTML5表单、媒体对象，以及CSS3的伪类、帧动画、flex布局、响应式布局等内容。

第7章是JavaScript基础，主要介绍JavaScript在页面中的使用方法、变量、函数、流程控制语句、DOM操作等内容。

第8章是Web交互界面开发，主要介绍Web交互界面中常见的交互特效的制作，如简易计算器、时间走动效果、图片轮播等的制作。

第9章是网站交互界面开发综合案例，主要介绍网站交互界面开发的流程和常见交互效果在项目中的应用，极具实用性。

本书在编写过程中得到了重庆千赞科技有限公司的大力支持。特别感谢该公司的杨磊和何正桃经理为本书提供的宝贵意见和建议，并提供了项目案例。这些案例经过优化脱敏后作为本书的教学案例和习题内容。

限于编者水平，书中难免有不足和疏漏之处，恳请读者批评指正。

编者
2024年6月