本书是中国大学 MOOC 平台慕课“Web 前端设计基础”、国家级精品资源共享课“Web 技术应用基础”、北京市高校优质本科课程“Web 前端设计”的配套教材。 本书基于 Web 前端设计的工作过程，采用“项目→学习任务→任务”的编写方式，以培养学生的实践应用能力为主线，通过具体的网站建设项目，介绍 Web 基础、HTML、CSS、JavaScript 等网站前端开发必备的基本知识和操作技术，为从事 Web 前端设计工作打下坚实的基础。本书内容结构合理、语言简练、示例翔实，扫描相应的二维码可观看相应知识点示例的视频操作和讲解。 本书主要面向 Web 前端设计的学习人员，适合作为普通高等院校相关专业 Web 前端设计、网页设计与制作等课程的教材，还可作为 Web 前端设计与开发从业人员的参考资料。

薛晓霞：北京联合大学电子商务专升本专业负责人，国家级精品资源共享课《Web技术应用基础》课程负责人，获得国家级优秀教学成果奖一等奖1项。公开发表论文十余篇，主或副主编教材5部，申请软件著作权4项。

前 言 互联网的飞速发展，给我们的工作和生活方式都带来了巨大的变化，了解互联网运 作机制并掌握一些基本的网页制作技术已成为时代对目前大多数学习者的一项基本要求。 Web前端设计是以HTML5、CSS3、JavaScript等为核心的网页制作技术，其中HTML5是 网页编写工具，CSS3用于对网页内容进行修饰，而JavaScript则用于丰富网页的表现力、 增添网页的功能，三者结合才能使网页更美观、更专业，功能更强大。Web前端设计的应 用领域非常广泛，网站网页、APP页面等所具有的美观的界面、良好的体验等富有人性化 的设计多是使用Web前端设计技术实现的。 本书围绕一个网站建设项目，采用“项目→学习任务→任务”方式进行内容的组织和 编写。基于“确定网站主题→收集处理素材→搭建框架结构→填充页面内容→定义网页样 式→实现交互功能→测试发布网站”的Web前端设计工作过程，以培养实践应用能力为主 线，通过具体网站的建设项目，在完成网站策划、网页制作、网站测试与发布的过程中， 学习HTM5、CSS3、JavaScript等网站前端设计必备的基本知识、操作技术和相关规范。 本书基于Web前端设计工作过程，将网站建设项目逐步分解，提取典型任务，再将其 序化设计为4个教学项目10个教学任务41个子任务（见表1），每个教学项目又按照“基 础知识→操作技能→应用提高”三个层次安排相关内容，教学活动设计以学生为中心，通 过实践任务提升学生的综合应用能力，为其从事Web前端设计工作打下坚实基础。 表1 教材的主要内容 学习项目（4个） 学...