本书基于企业“网站开发工作流程”构建模块化的课程内容，聘请了项目经验丰富的企业兼职教师与校内骨干教师，不断优化课程内容，先后设置了教学成果申报网站、书法家庄辉个人网站、英语等级考试专题学习网站、软件项目化综合实训精品课程网站、班级通讯录管理网站5个教学情境。通过这5个教学情境将网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML语言基础、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、动态程序开发、综合教学案例、项目开发实训这14个教学模块进行了重构和序化。根据行业发展趋势和完成职业岗位实际工作任务所需要的知识等，选取教学内容，并为学生的可持续发展奠定良好的基础。

本书以培养职业能力为核心，以工作实践为主线，以项目为导向，采用情境教学的方式，建立以工作过程为框架的现代职业教育课程结构，并设置面向网页设计师岗位的课程内容。

本书共有5个教学情境，分别为教学成果申报网站建没、书法家庄辉个人网站建设、英语等级考试专题学习网站建设、软件项目化综合实训精品课程网站建设、班级通讯录管理网站的实现。本书根据行业发展需要和职业岗位所需要的知识，选取教学内容，并为学生可持续发展奠定良好的基础。

本书内容丰富，实用性强，可作为高职高专网络工程、软件工程、计算机维护、计算机应用技术、信息管理、电子商务等专业的“网页制作与网站设计”相关课程的教材，也可作为网站设计爱好者学习的参考书。

情境1 教学成果申报网站建设

 1.1 项目基础与流程设计

1.1.1 基本概念

1.1.2 网站需求分析

1.1.3 风格定位

1.1.4 规划草图

 1.2 教学成果申报网站效果图设计与切片

1.2.1 任务解析

1.2.2 核心技能与概念

1.2.3 计划与决策

1.2.4 任务实施

1.2.5 项目开发策略与技巧

 1.3 教学成果申报网站的后期编辑

1.3.1 任务解析

1.3.2 核心技能与概念

1.3.3 计划与决策

1.3.4 任务实施

1.3.5 项目开发策略与技巧

 1.4 网站的发布与测试

1.4.1 任务解析

1.4.2 核心技能与概念

1.4.3 任务实施

 1.5 考核评价

 1.6 习题与拓展练习

情境2 书法家庄辉个人网站建设

 2.1 项目前期策划

2.1.1 网站需求分析

2.1.2 网站风格定位

 2.2 书法家庄辉个人网站主页效果图设计与制作

2.2.1 核心技能与概念

2.2.2 任务计划与决策

2.2.3 任务实施

2.2.4 项目开发策略与技巧

 2.3 书法家庄辉个人网站模板效果图的设计与制作

2.3.1 核心技能与概念

2.3.2 计划与决策

2.3.3 任务实施

2.3.4 项目开发策略与技巧

 2.4 书法家庄辉个人网站切片与导出

2.4.1 主页效果图的导出

2.4.2 模板页的导出

 2.5 书法家庄辉个人网站动画的设计

2.5.1 核心技能与概念

2.5.2 项目计划与决策

2.5 .3 任务实施

2.5.4 任务策略项目开发策略与技巧

 2.6 书法家庄辉个人网站后期网页编辑

2.6.1 核心技能与概念

2.6.2 计划与决策

2.6.3 任务实施

2.6.4 项目开发策略与技巧

 2.7 HTML编辑静态页面

2.7.1 核心技能与概念

2.7.2 任务实施

 2.8 书法家庄辉个人网站CSS样式表的设计

2.8.1 核心技能与概念

2.8.2 计划与决策

2.8.3 任务实施

 2.9 考核评价

 2.10 习题与拓展练习

情境3 英语等级考试专题学习网站建设

 3.1 前期策划与内容组织

3.1.1 网站需求分析

3.1.2 网站风格定位

3.1.3 草图规划

3.1.4 规划站点结构

3.1.5 分项任务小结与拓展

 3.2 网站效果图的设计与制作

3.2.1 设计效果图

3.2.2 效果图切片导出网页

3.2.3 分项任务小结与拓展

 3.3 网页后期编辑与动画制作

3.3.1 网页后期编辑

3.3.2 动画制作

3.3.3 网页动画的插入

3.3.4 分项任务小结与拓展

 3.4 网站静态页面与动态代码的融合

3.4.1 搜索网站管理平台

3.4.2 网站管理平台与静态页面的整合

3.4.3 IIS的安装与配置

3.4.4 程序调试

3.4.5 后期完善

 3.5 特色专题：网页设计师职业成长规律

3.5.1 从初学者到专家

3.5.2 网页设计师的现状分析

3.5.3 网页设计师的岗位要求与学习重点

 3.6 考核评价

 3.7 习题与拓展练习

情境4 软件项目化综合实训精品课程网站建设

 4.1 项目前期策划

4.1.1 网站需求分析

4.1.2 网站风格定位

4.1.3 草图规划

 4.2 特色专题：网页设计中的界面的借鉴与创新

4.2.1 网页设计师应具备的素质

4.2.2 网页素材的收集

4.2.3 网页界面分析

4.2.4 网页界面的创新处理

4.2.5 后期修饰

 4.3 效果图的设计、切片与动画设计

4.3.1 网站效果图的设计

4.3.2 网站效果图的切片导出

4.3.3 网站动画制作

 4.4 DIV+CSS布局设计网站

4.4.1 任务解析

4.4.2 核心技能与概念

4.4.3 计划与决策

4.4.4 任务实施

4.4.5 项目开发策略与技巧

 4.5 使用模板完善静态网站

4.5.1 任务解析

4.5.2 核心技能与概念

4.5.3 计划与决策

4.5.4 任务实施

 4.6 考核评价

 4.7 习题与拓展练习

情境5 班级通讯录管理网站的实现

 5.1 前期策划与效果图的设计

5.1.1 网站的功能分析

5.1.2 项目计划与决策

5.1.3 项目实施

 5.2 框架布局网站页面

5.2.1 任务解析

5.2.2 核心技能与概念

5.2.3 计划与决策

5.2.4 任务实施

5.2.5 项目开发策略与技巧

 5.3 登录系统的实现

5.3.1 任务解析

5.3.2 核心技能与概念

5.3.3 计划与决策

5.3.4 任务实施

 5.4 通用查询系统的实现

5.4.1 任务解析与策划

5.4.2 查询系统的实现

5.4.3 模糊查询系统的实现

5.4.4 详细功能的实现

 5.5 通讯录管理系统的实现

5.5.1 添加功能的实现

5.5.2 编辑功能的实现

5.5.3 删除功能的实现

 5.6 考核评价

 5.7 习题与拓展练习

参考文献