第一篇 用户界面设计基础 3
第1章 概述 3
1.1 初识用户界面设计 3
1.1.1 什么是用户界面设计 3
1.1.2 用户界面设计的现状和发展 4
1.1.3 用户界面设计的分类 5
1.2 Web应用程序软件的UI设计元素 5
1.2.1 网页界面布局元素 5
1.2.2 网页界面组成要素 11
本章小结 19
第2章 开发用户界面的工作流程及规范 20
2.1 开发用户界面的工作流程 20
2.1.1 用户界面设计的主要内容 20
2.1.2 原型法 21
2.1.3 设计并制作用户界面的步骤 24
2.2 用户界面的设计规范 26
2.2.1 开发用户友好性系统的设计原理 26
2.2.2 用户界面的设计原则 27
2.2.3 界面标准 34
本章小结 37
第二篇 界面图形图像处理软件的使用 41
第3章 Fireworks处理图形图像 41
3.1 图形图像的基本类型 41
3.1.1 位图 41
3.1.2 矢量图 42
3.1.3 Fireworks的图形文件类型 42
3.2 认识Fireworks 43
3.2.1 Fireworks界面及基本概念 43
3.2.2 Fireworks基本操作 48
3.3 界面图片的设计与制作 50
3.3.1 文字编辑与图片优化——图形标题的设计与制作 50
3.3.2 滤镜的使用——按钮的设计与制作 55
3.3.3 图片剪辑与绘制图形——Logo的设计与制作 60
3.4 专业GIF动画设计 67
3.4.1 合成已有图片生成GIF动画 67
3.4.2 制作补间动画 70
本章小结 71
训练任务 71
实训 72
第4章 Flash网页动画的设计 73
4.1 矢量图形的动画 73
4.1.1 开发工具Flash 74
4.1.2 网页Banner 74
4.2 认识Flash 75
4.2.1 Flash开发环境及知识准备 75
4.2.2 Flash的制作流程 79
4.2.3 Flash的基本操作 80
4.3 简单的Flash动画制作 84
4.3.1 逐帧动画的制作 84
4.3.2 补间形状动画的制作 88
4.4 传统补间动画与遮罩的初步应用 92
4.4.1 传统补间动画——“3D夜游” 92
4.4.2 遮罩的初步应用——“夜景屏保” 97
4.5 遮罩的制作技巧与补间动画 99
4.5.1 遮罩的制作技巧——“光影文字” 99
4.5.2 补间动画——“动感文字” 103
4.6 Flash按钮与音效制作 107
4.6.1 Flash按钮元件 107
4.6.2 Flash文档的音效处理 111
4.7 引导线与Flash脚本语言的应用 113
4.7.1 引导线的应用——“引导线星星” 113
4.7.2 Flash脚本的应用——“动作轨迹星星” 117
4.7.3 系统Banner的整合 119
本章小结 120
训练任务 120
第三篇 界面需求分析与设计 125
第5章 界面需求分析与设计 125
5.1 界面需求分析与设计的概述 125
5.1.1 什么是界面需求分析 125
5.1.2 什么是界面设计 126
5.2 界面需求分析与结构设计 126
5.2.1 界面需求分析 126
5.2.2 界面结构设计 127
5.3 界面视觉设计 128
5.3.1 制定界面设计规范 128
5.3.2 制作界面草图 130
5.3.3 制作界面效果图 134
5.4 界面交互设计 147
5.4.1 应用字典概述 148
5.4.2 应用字典的制作 150
本章小结 157
训练任务 157
实训 157
第四篇 原型开发 161
第6章 网页界面原型基础 161
6.1 网页界面设计的相关概念 161
6.1.1 B/S结构 161
6.1.2 WWW 162
6.1.3 浏览器 162
6.1.4 Web标准 162
6.2 网页开发软件的使用 165
6.2.1 Dreamweaver界面及基本概念 165
6.2.2 Dreamweaver的基本操作 168
6.3 XHTML语言 171
6.3.1 HTML语言 171
6.3.2 初识XHTML语言 176
6.3.3 插入文本 182
6.3.4 插入图片 185
6.3.5 设置超链接 189
6.3.6 插入表单 190
6.3.7 插入表格 198
6.3.8 插入块标签 201
6.3.9 插入Flash动画 202
6.4 CSS样式表基础 203
6.4.1 CSS样式表的定义 203
6.4.2 CSS结构 206
6.4.3 将CSS应用到网页中 207
6.4.4 选择符类型 211
6.4.5 CSS数据单位 219
6.4.6 CSS的盒模型 220
本章小结 227
训练任务 227
实训 227
第7章 系统界面的制作 228
7.1 创建站点 228
7.1.1 设计并规划教务档案管理系统站点 229
7.1.2 创建教务档案管理系统站点 229
7.2 Fireworks导出网页——登录界面的制作 233
7.2.1 分析并划分界面布局 233
7.2.2 Fireworks导出网页 234
7.2.3 插入界面元素 235
7.2.4 设置CSS样式 238
7.3 CSS+DIV布局简单网页——创建文档界面的制作 241
7.3.1 划分界面布局 241
7.3.2 使用CSS+DIV实现网页布局 242
7.3.3 插入界面元素并设置CSS样式 248
7.4 模板的应用——“创建用户”界面的制作 256
7.4.1 模板的优点 257
7.4.2 模板的创建与应用 257
7.5 CSS+DIV布局主页——主界面的制作 264
7.5.1 主界面的总体布局 264
7.5.2 主界面的顶部布局 268
7.5.3 制作导航菜单 272
7.5.4 界面主体布局 280
7.5.5 插入Banner 281
7.5.6 面包屑导航 282
7.5.7 插入文档列表 283
7.6 实现超链接 288
本章小结 290
训练任务 290
实训 292
第五篇 网页界面客户端处理 295
第8章 JavaScript脚本语言 295
8.1 JavaScript概况 295
8.1.1 什么是JavaScript 295
8.1.2 JavaScript的特点 297
8.1.3 第一个JavaScript程序 298
8.1.4 JavaScript基本数据结构 298
8.1.5 JavaScript程序的构成 301
8.2 JavaScript实现客户端处理 307
8.2.1 实现提示框 307
8.2.2 实现打开浏览器窗口 308
8.2.3 实现关闭窗口 309
8.2.4 实现无边框窗口的弹出与关闭 310
8.2.5 实现表单数据输入校验 312
8.2.6 实现表单的智能化输入 316
本章小结 318
训练任务 319
实训 319
第9章 正则表达式 320
9.1 正则表达式的基础 320
9.1.1 正则表达式的概念 320
9.1.2 元字符 321
9.1.3 各种操作符的运算优先级 322
9.1.4 常用的正则表达式 323
9.1.5 正则表达式和JavaScript 324
9.1.6 正则表达式的表单验证应用举例 326
9.2 使用正则表达式实现客户端处理 329
9.2.1 验证输入字符串 329
9.2.2 转换IP 332
9.2.3 去除输入字符串中多余的空格 333
本章小结 336
训练任务 336
实训 336
附录A HTML 4.01/XHTML 1.0参考手册 337
附录B CSS 2参考手册 340
附录C JavaScript事件参考手册 350
附录D JavaScript函数参考手册（全局对象） 351
附录E HTML DOM参考手册 352
附录F HTML命名规范 353
参考文献 355