HTML、CSS和JavaScript是Web应用开发的基础; Bootstrap是响应式开发的前端技术。本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准。选取一个完整的网站项目,以工作任务为驱动,将知识点融入工作任务。按基础项目(案例)、典型项目、实践项目安排每个工作任务的内容,让学习者由浅入深、循序渐进地掌握前端开发技术。一是通过大量示例辅助学习者掌握基础知识点; 二是将一个完整的网站拆解为多个任务渗透在每个章节,通过项目驱动的方式让学习者巩固并灵活运用基础知识,并能在此过程中逐步了解网站建设的思路和开发流程; 三是在章节末尾设置了动手实践项目,涵盖了本章主要知识点及相关技巧并适当延伸,引导学习者进行深入探索,培养学习者的自学能力和应用能力。 本书既可以作为高等学校“网页设计与制作”课程的教材,也可以作为前端与移动开发的培训教材,还可以作为网页制作、网站开发、网页编程、美工设计等人员的参考书。

第1章Web前端开发职业前景与必要认知 1.1Web前端开发岗位现状 1.1.1职业现状 1.1.2职业前景 1.2Web概述 1.2.1网页概述 1.2.2网站概述 1.3Web标准 1.3.1Web标准概念 1.3.2Web标准语言 1.3.3如何制作网站才符合Web标准 1.3.4Web标准的优势 第2章设计“盛和景园”网站 2.1任务一: “盛和景园”房产网站需���分析的建立 2.1.1确定网站主题 2.1.2网站整体规划 2.1.3收集资料和素材 2.2任务二: 网站首页UI设计 2.2.1首页整体结构设计 2.2.2首页头部区域的设计 2.2.3首页导航区域的设计 2.2.4首页宣传区域设计 2.2.5首页主体内容区域的设计 2.2.6首页页脚区域的设计 2.3课后实践 第3章制作“盛和景园”网站 3.1任务一: 网站效果图的切割与导出 3.2任务二: 创建“盛和景园”网站站点 3.3任务三: 制作“盛和景园”网站页面 3.3.1网页文档的基本结构 3.3.2网页的结构标签和内容标签 3.3.3网页文档的表现样式 3.3.4网页布局 3.3.5网页内容的表现样式 3.3.6表单标签 3.3.7表格的HTML标签和常用样式 3.3.8对网页进行整体布局 3.3.9制作首页头部区域 3.3.10制作首页导航区域 3.3.11制作首页宣传部分 3.3.12制作首页主体内容区域 3.3.13制作首页页脚部分 3.4课后实践 第4章制作“盛和景园”网站交互行为 4.1项目实现 4.2课后实践 第5章制作响应式“盛和景园”网站 5.1弹性布局——Flex布局 5.2媒体查询 5.3Bootstrap 5.4扩展 5.4应用Bootstrap制作响应式“盛和景园”网站 5.5课后实践