第1章 网页设计基础 1
1.1 网站建设初步 1
1.1.1 网站的构成 1
1.1.2 网站前端开发标准 3
1.1.3 互联网发展趋势 5
1.2 网站建设的流程 6
1.2.1 前期策划 7
1.2.2 中期制作 7
1.2.3 后期维护 9
1.3 网页界面设计 10
1.3.1 什么是用户界面 10
1.3.2 用户界面的设计原则 11
1.3.3 网页用户界面的元素 13
1.3.4 网页界面设计风格 20
1.4 网页配色 23
1.4.1 色彩的基础概念 23
1.4.2 色彩的模式 28
1.4.3 色调与搭配 30
1.4.4 色彩推移 31
1.5 思考与练习 32
第2章 设计网页元素 34
2.1 Photoshop使用基础 34
2.1.1 Photoshop简介 34
2.1.2 Photoshop CC基本界面 35
2.1.3 Photoshop与网页界面设计 39
2.2 操作Photoshop 41
2.2.1 配置Photoshop 41
2.2.2 操作设计方案文件 45
2.2.3 设置画布和图像 49
2.2.4 置入素材 51
2.2.5 图像的变换与变形 53
2.3 使用图层 55
2.3.1 Photoshop图层 55
2.3.2 使用【图层】面板 56
2.3.3 图层的分组 58
2.3.4 图层的混合模式 58
2.3.5 图层的混合选项和样式 67
2.4 课堂练习：制作宝石按钮 76
2.5 课堂练习：设计产品Gallery模块 80
2.6 思考与练习 86
第3章 设计网页界面 88
3.1 选取图像内容 88
3.1.1 使用选框工具 89
3.1.2 快速选择和魔棒 90
3.2 操作选区 93
3.2.1 全选和反选 93
3.2.2 取消选择 94
3.2.3 编辑选区 94
3.3 处理文本 99
3.3.1 文字工具 99
3.3.2 处理字符 102
3.3.3 处理段落 104
3.4 输出Web设计方案 105
3.4.1 图像切片 105
3.4.2 优化输出效果 111
3.5 课堂练习：设计搜索引擎界面 113
3.6 课堂练习：设计网站登录界面 118
3.7 思考与练习 124
第4章 绘制动画元素 126
4.1 Flash使用基础 126
4.1.1 Flash简介 126
4.1.2 Flash CC基本界面 127
4.2 创建动画文档 130
4.2.1 Flash动画文档类型 130
4.2.2 新建动画设计方案 131
4.2.3 编辑文档设置 132
4.2.4 导入素材文件 133
4.3 绘制矢量几何图形 139
4.3.1 线条工具和铅笔工具 139
4.3.2 矩形工具和基本矩形工具 141
4.3.3 椭圆工具和基本椭圆工具 142
4.3.4 多角星形工具 143
4.4 编辑颜色 144
4.4.1 调色板 144
4.4.2 颜色面板 147
4.4.3 墨水瓶工具 148
4.4.4 颜料桶工具 148
4.5 处理矢量文本 149
4.5.1 文本的分类 149
4.5.2 文本工具 150
4.6 课堂练习：绘制矢量Logo 152
4.7 课堂练习：绘制三维按钮 157
4.8 思考与练习 161
第5章 设计交互动画 162
5.1 使用动画元件 162
5.1.1 图形元件 163
5.1.2 影片剪辑元件 164
5.1.3 按钮元件 165
5.2 动画元素的效果 166
5.2.1 显示效果 166
5.2.2 色彩效果 167
5.2.3 滤镜 169
5.3 制作动画 173
5.3.1 动画的原理 173
5.3.2 使用时间轴 175
5.3.3 创建补间动画 177
5.3.4 创建补间形状 179
5.3.5 创建引导动画 180
5.4 课堂练习：节约用水广告设计 181
5.5 课堂练习：制作日出特效动画 185
5.6 思考与练习 188
第6章 制作网页文档 190
6.1 Dreamweaver使用基础 190
6.1.1 Dreamweaver简介 191
6.1.2 Dreamweaver CC基本界面 191
6.1.3 管理Dreamweaver工作环境 194
6.2 创建网页文档 196
6.2.1 网页文档的类型 196
6.2.2 新建文档 197
6.3 操作文档视图 199
6.3.1 “代码”视图 200
6.3.2 “设计”视图 201
6.3.3 “实时视图” 202
6.3.4 “拆分”视图 203
6.4 处理网页文本 206
6.4.1 插入语义化的文本 206
6.4.2 设置文本属性 206
6.4.3 特殊字符 207
6.5 处理网页图像 208
6.5.1 网页图像的类型 208
6.5.2 插入图像 209
6.5.3 设置图像属性 210
6.6 处理超链接 211
6.7 课堂练习：配置本地服务器 212
6.8 课堂练习：管理本地站点 217
6.9 思考与练习 219
第7章 HTML5结构语言 221
7.1 HTML技术概述 221
7.1.1 传统的HTML和XHTML 222
7.1.2 HTML5的特性 222
7.2 HTML5文档结构 224
7.2.1 文档类型与基本结构 224
7.2.2 文档头结构 225
7.2.3 文档主体结构 228
7.3 基本文本结构 230
7.3.1 文本标题与分节 230
7.3.2 段落与列表 232
7.4 表格结构 233
7.4.1 表格标记 233
7.4.2 表格的基本结构 234
7.4.3 表格的完整结构 236
7.5 HTML多媒体 237
7.5.1 图像 237
7.5.2 音频 238
7.5.3 视频 239
7.6 课堂练习：制作诗词欣赏页 240
7.7 课堂练习：班级管理制度 243
7.8 思考与练习 246
第8章 使用样式表 248
8.1 CSS技术概述 248
8.1.1 CSS基础知识 248
8.1.2 CSS语法 250
8.1.3 CSS 3新增功能 252
8.2 选择Web元素 253
8.2.1 基本选择器 253
8.2.2 扩展选择器 258
8.2.3 选择方法 260
8.3 属性和属性值 263
8.3.1 属性的写法 263
8.3.2 属性值的类型 264
8.4 样式表的优先级 267
8.4.1 选择的优先级 267
8.4.2 属性的优先级 268
8.5 使用CSS设计器 269
8.5.1 使用【CSS设计器】面板 269
8.5.2 创建和附加样式表 271
8.5.3 定义媒体应用类型 273
8.5.4 设置CSS规则 274
8.6 课堂练习：景点介绍页 275
8.7 课堂练习：文章页面 278
8.8 思考与练习 280
第9章 使用表单 281
9.1 表单组件概述 281
9.2 使用表单容器 282
9.2.1 插入表单容器 282
9.2.2 HTTP数据交互方法 283
9.2.3 使用标签与数据集 285
9.3 输入组件 287
9.3.1 输入组件标记 287
9.3.2 使用基本输入组件 290
9.3.3 使用日期与时间输入组件 294
9.3.4 使用其他辅助输入组件 299
9.4 列表菜单组件 304
9.4.1 显式列表菜单 304
9.4.2 数据列表组件 306
9.5 其他组件 307
9.5.1 按钮组件 307
9.5.2 文本区域组件 309
9.6 课堂练习：制作用户登录页面 310
9.7 课堂练习：用户注册页面 314
9.8 思考与练习 318