本书共包括九个项目，分别是搭建web项目开发环境、网页设计架构师、网页设计美容师、网页设计魔术师、网页造型师、网页模块划分师、网页整体布局师、网页设计动画师、项目实践。本书秉持“项目导向、学生中心、德技并修”的教育理念，旨在通过项目化教学、任务驱动的方式，实现教学做一体化，提升学生的职业技能、职业素养及创新能力。在内容编排上，本书精选了一系列来源于真实工作场景的教学项目，这些项目不仅涵盖了网页设计与制作的核心知识点，还融入了行业标准、创新思维、团队协作等要素，确保学生在掌握专业技能的同时，也能培养良好的职业道德和社会责任感。本书适合作为高等职业院校前端开发课程的教材，也可供相关人员参考。

项目一 搭建Web 项目开发环境
任务一 制作“惠崇春江晚景”页面
任务二 制作“黑龙江农业工程职业学院介绍”页面
任务拓展制作“青春初始”网页
“1+X”Web前端等级认证考试习题

项目二 网页设计架构师HTML5语言
任务一 制作“课程基础”页面
任务二 制作“电商”页面
任务三 制作“植物科普”页面
任务四 制作“电影影评网”页面
任务拓展制作“北京景点介绍”网页
“1+X”Web前端等级认证考试习题

项目三 网页设计美容师CSS3样式
任务一 制作“古诗词赏析”页面
任务二 制作“奥运欣赏”页面
任务三 制作“新闻报道”页面
任务四 制作“Web 开发软件列表”页面
任务五 制作“哈尔滨冰雪大世界宣传”页面
任务六 制作“低碳环保 时尚生活”页面
任务拓展制作“招聘信息”网页
“1+X”Web前端等级认证考试习题

项目四 网页设计魔术师CSS 列表样式
任务一 制作“哈尔滨特色”横向导航栏
任务二 制作“东北抗日联军”下拉菜单式导航栏
任务拓展制作中国十大古典文学“悦读图书榜”网页
“1+X”Web前端等级认证考试习题

项目五 网页造型师表格、表单应用
任务一制作“神舟飞船”发射统计表
任务二制作“黑龙江省旅游景点”信息统计表
任务三制作“新生入学”调研表
任务四制作“毕业生信息”登记表
任务拓展制作“企业信息提交”网页
“1+X”Web前端等级认证考试习题

项目六 网页模块划分师盒子模型应用
任务一制作“客户中心”页面
任务二制作“音乐排行榜”页面
任务拓展制作“博客”网页
“1+X”Web前端等级认证考试习题

项目七 网页整体布局师浮动与定位
任务一制作“新闻列表”页面
任务二制作“手机展示”页面
任务三制作“行程定位”页面
任务四制作“科技兴农 助农有我”页面
任务拓展制作“通栏banner”网页
“1+X”Web前端等级认证考试习题

项目八 网页设计动画师CSS3高级应用
任务一制作“卡片旋转”动画页面
任务二制作“表情图片”动画页面
任务拓展制作“图片动画”网页
“1+X”Web前端等级认证考试习题

项目九 项目实践设计与制作教育门户网站前端
任务一设计与制作网站主页
任务二制作“专业介绍”页面

参考文献