本书采用能力渐进的模式，共设计了6个项目，每个项目又分为项目介绍、知识准备（项目1无）、工作任务、项目进阶等模块。本书为微课版教材，对书中主要重点、难点部分配套制作精良的微课讲解。目前共配套有80多个微课，每个微课的时间为5～25分钟，扫描书后刮刮卡二维码后，扫描书中对应的二维码即可观看微课。本书出版之后我们还将继续根据读者的要求增加微课资源的数量。
作为网页设计类教材，本书内容与时俱进，体现了技术的迭代更新；作为高职高专的教材，本书则契合教学改革的理念，贯彻了行动导向的教学方式，以项目为载体、以任务驱动的方式展开阐述。同时，本书在编写中融入的1+X证书（中级除PHP以外）的要求，将职业技能等级标准有关内容及要求有机地融入教材内容。因此，本书除可作为高职高专的教材外，也适合作为网页设计有兴趣的初学者、爱好者的自学参考书。

项目1 概貌体验项目：初识网站
1.1 项目介绍
1.2 任务1 开发环境搭建
1.2.1 工作任务
1.2.2 技术理论
1.2.3 任务实施
1.2.4 知识拓展
1.3 任务2 认识网站与网页
1.3.1 工作任务
1.3.2 技术理论
1.3.3 任务实施
1.3.4 知识拓展
1.4 任务3 编辑与调试
1.4.1 工作任务
1.4.2 任务实施
1.5 任务4 发布与测试
1.5.1 工作任务
1.5.2 任务实施
1.5.3 知识拓展
1.6 技术要点
1.7 项目进阶
1.8 课外实践
项目2 入门项目：个人主页网站设计
2.1 项目介绍
2.2 知识准备
2.2.1 HTML及HTML文件
2.2.2 HTML5及其文件基本结构
2.2.3 CSS基础
2.2.4 CSS选择器
2.2.5 CSS盒子模型
2.2.6 常用CSS属性
2.2.7 CSS3简介
2.3 任务1 网站规划与设计
2.3.1 个人主页的布局分析
2.3.2 相关知识：网页布局简介
2.3.3 个人主页的布局的实现
2.4 任务2 个人简介模块
2.4.1 个人简介模块的制作
2.4.2 关联知识：相对路径和绝对路径
2.5 任务3 教育经历模块
2.5.1 关联知识：表格元素与样式
2.5.2 教育经历模块的制作
2.6 任务4 个人专长模块
2.6.1 个人专长模块的制作
2.6.2 关联知识：CSS定位机制
2.7 任务5 工作经历模块
2.8 任务6 作品图集模块
2.9 任务7 与我联系模块
2.9.1 关联知识：列表元素及样式
2.9.2 与我联系模块的制作
2.10 任务8 导航模块
2.10.1 关联知识：超链接元素及样式
2.10.2 导航模块的制作
2.11 项目进阶
2.12 课外实践
项目3 进阶项目：教育门户网站前台设计
3.1 项目介绍
3.2 知识准备
3.2.1 Bootstrap基础
3.2.2 CSS3多媒体查询
3.3 任务1 网站规划与设计
3.3.1 网站设计需求
3.3.2 网站风格定位
3.3.3 网站结构布局
3.4 任务2 学院首页
3.4.1 标题区域设计
3.4.2 导航区域设计
3.4.3 巨屏区域设计
3.4.4 图文区域1设计
3.4.5 图文区域2设计
3.4.6 图文区域3设计
3.4.7 版权区域设计
3.5 任务3 专业介绍页面
3.5.1 标题区域设计
3.5.2 图文区域设计
3.5.3 分页区域设计
3.6 任务4 “关于我们”页面
3.7 任务5 “最新资讯”页面
3.7.1 资讯区域设计
3.7.2 侧边区域设计
3.8 任务6 “联系我们”页面
3.8.1 联系方式设计
3.8.2 在线提问设计
3.9 项目进阶
3.10 课外实践
项目4 提高项目：购物车页面设计
4.1 项目介绍
4.2 知识准备
4.3 任务1 项目规划与设计
4.4 任务2 界面设计
4.5 任务3 编写JavaScript代码
4.6 项目进阶
4.7 课外实践
项目5自主项目：打地鼠游戏设计
5.1 项目介绍
5.2 知识准备
5.2.1 JavaScript数组
5.2.2 jQuery基础
5.3 任务1 系统流程分析
5.4 任务2 设计用户界面
5.4.1 网页布局
5.4.2 地鼠和锤子图片引入
5.5 任务3 系统编码实现
5.5.1 初始化处理
5.5.2 显示和隐藏地鼠函数
5.5.3 敲击函数
5.5.4 开始按钮处理事件
5.5.5 结束按钮处理事件
5.5.6 震动效果函数
5.5.7 绑定事件处理函数
5.5.8 最终实现代码
5.6 项目进阶
5.7 课外实践
项目6 综合项目：个人记账助手设计
6.1 项目介绍
6.2 知识准备
6.2.1 Bootstrap 4技术
6.2.2 JSON数据格式
6.2.3 HTML5本地存储（localStorage）技术
6.2.4 AJAX
6.3 任务1 网站规划与设计
6.3.1 网页布局
6.3.2 账目登记表单设计
6.3.3 账目记录列表设计
6.3.4 用户操作流程设计
6.4 任务2 数据结构设计
6.4.1 收支事项列表
6.4.2 账目记录项
6.4.3 账目记录列表
6.5 任务3 系统编码实现
6.5.1 初始化处理
6.5.2 新增账目记录
6.5.3 加载账目列表
6.5.4 编辑和更新账目记录
6.5.5 删除账目记录
6.5.6 用户体验改进
6.6 项目进阶
6.7 课外实践
参考文献