第一部分 需求分析 3
项目1 项目管理基础 3
1.1 什么是项目与项目管理 3
1.2 用例图及其元素 3
1.3 Web项目人员管理 7
1.4 Web应用项目计划 7
1.5 总结 8
项目2 用户研究 9
2.1 理解用户体验 9
2.2 交互的Web用户体验 9
2.3 总结 11
第二部分 Axure原型设计 15
项目3 初始Axure 15
3.1 原型基础 15
3.2 初识Axure 18
3.3 Axure学习要点 18
3.4 Axure的主要功能 18
3.5 色彩搭配 19
3.6 总结 22
项目4 Axure基本操作 23
4.1 项目介绍 23
4.2 基础操作要点 23
4.3 页面管理 27
4.4 基本元件 35
4.5 初级交互 45
4.6 高级交互 50
4.7 总结 51
第三部分 开发 55
项目5 页面内容结构 55
5.1 项目介绍 55
5.2 项目规格 55
5.3 技术要点 56
5.3.1 HTML5 56
5.3.2 Internet与Web的区别 57
5.3.3 万维网的组成 58
5.3.4 浏览器 58
5.3.5 HTML的编辑工具 59
5.3.6 掌握HTML的基本构建块和语法结构 59
5.4 项目实施 61
5.4.1 Dreamweaver站点的设置 62
5.4.2 头部区域 64
5.4.3 页面结构布局的设置 67
5.5 总结 79
项目6 CSS样式 80
6.1 项目介绍 80
6.2 规格说明 80
6.3 知识要点 81
6.3.1 CSS3 81
6.3.2 浏览器与标准化 81
6.3.3 语法 82
6.3.4 选择器种类 84
6.3.5 层叠样式表的种类 87
6.3.6 继承 88
6.3.7 代码的组织与维护 89
6.3.8 背景(background) 91
6.3.9 CSS文本 95
6.3.10 字体(font) 98
6.3.11 链接(link) 100
6.3.12 列表(list) 103
6.3.13 盒子模型(box model) 104
6.3.14 浮动(float) 108
6.4 项目实现 109
6.4.1 页面背景 109
6.4.2 header区域 111
6.4.3 设置主图区域 115
6.4.4 设置快速链接区域 118
6.4.5 Footer区域 119
6.5 总结 120
项目7 表格 121
7.1 项目介绍 121
7.2 项目规格 121
7.3 技术要点 122
7.3.1 CSS的重置 122
7.3.2 表格与布局 123
7.3.3 表格元素(<table>) 124
7.3.4 JavaScript与Lightbox 125
7.4 项目实施 125
7.4.1 CSS的重置 125
7.4.2 制作“gallery.html”页面 126
7.4.3 设置Lightbox效果 129
7.5 总结 131
项目8 表单 132
8.1 项目介绍 132
8.2 项目规格 132
8.3 技术要点 133
8.3.1 表单元素(<form>) 133
8.3.2 标签元素(<label>) 133
8.3.3 输入元素(<input>) 133
8.3.4 提交按钮 134
8.3.5 HTML5中新增的表单属性 135
8.3.6 文字阴影属性(text-shadow属性) 137
8.4 项目实施 137
8.4.1 构建表单 137
8.4.2 应用表单样式 143
8.5 总结 147
项目9 响应式 148
9.1 项目介绍 148
9.2 项目规格 148
9.3 技术要点 150
9.3.1 响应式Web设计(Responsive Web Design) 150
9.3.2 媒体查询(Media Query) 150
9.3.3 流动网格 151
9.3.4 弹性图片 152
9.3.5 Bootstrap 152
9.4 项目实施 156
9.4.1 创建Bootstrap文件 156
9.4.2 制作导航栏 160
9.4.3 制作页面内容 166
9.5 总结 179
项目10 发布与维护 180
10.1 项目介绍 180
10.2 技术要点 180
10.2.1 服务器 180
10.2.2 Web主机的种类 181
10.2.3 FTP 181
10.2.4 数据统计与分析 182
10.3 项目实施 183
10.3.1 使用FTP软件上传/下载文件 183
10.3.2 使用Dreamweaver上传/下载文件 185
10.3.3 正式发布前的准备 187
10.3.4 数据统计 187
10.3.5 数据分析 189
10.4 总结 197