本书采用了“任务驱动、案例教学、过程指导、探究实践”的编写模式，通过4个项目、10个任务，9个进阶训练模拟真实的任务开发场景，每个任务分别遵循“任务目标→知识准备→任务实施→任务进阶”的学习主线，使学生置身于真实的工作情境中。本书共有 4 个项目 10 个基本任务，主题分别为“知己”和“知彼”、“知天文”和“知地理”，其中，“知己”和“知彼”旨在通过制作个人简历和招聘网站了解当前的 Web 前端就业形势，清晰自我定位，明确岗位需求，实现岗课融通；“知天文”和“知地理”旨在通过制作相关网页了解我国航天科技的迅猛发展，厚植爱国情怀和科技强国的内驱力。主要任务包含：初识网页结构、      制作个人简历 、美化个人简历 、制作招聘网站导航栏 、 制作招聘网站首页 、制作Web前端岗位招聘网页、 制作航天知识竞赛页面 、 制作航天新闻页面 、制作天气预报展示页面 和 制作天气预报查询页面。

本书适合作为高等职业院校移动互联技术与应用、云计算、大数据、人工智能、电子信息等专业教学使用。

     本书在编写过程中，秉持着专业、系统、实用的原则，通过清晰的讲解和丰富的案例，逐步引导学生掌握 HTML、CSS 和 JavaScript 等核心技术，了解如何构建结构良好的网页布局，运用样式美化页面，以及使用 JavaScript 实现动态交互效果。

特点

1.立德树人、思政先行

2. 专创融合、创新实践

3. 任务驱动、岗课融通