项目一 揭开内幕——认识UI设计 1
第一节 UI设计概述及现状 1
一、什么是UI设计 1
二、UI设计的发展 2
第二节 UI创意鉴赏 2
一、网页界面设计要素 2
二、评测淘宝网界面 15
第三节 UI设计规范 18
一、UI设计原则 19
二、用户界面设计的工作流程 19
三、开发用户友好性系统的设计原理 21
第四节 界面结构与实现 21
一、界面对话设计 21
二、数据输入界面设计 22
三、屏幕显示设计 22
四、控制界面设计 23
第五节 界面设计与测试规则 24
项目二 技术基奠——界面图形图像的编辑与特效 30
项目说明 30
项目准备 图形图像的基本类型 30
一、位图 30
二、矢量图 31
项目实施 31
子项目一 操作Fireworks 32
子项目二 随心所欲——专业界面图片设计与制作 37
子项目三 动漫世界——专业GIF动画设计 49
项目总结 52
项目拓展 52
拓展项目一 个性图片设计 52
拓展项目二 图书查询logo制作 52
项目实训 52
项目三 技术进阶——界面交互动画的制作 54
项目说明 54
项目准备 54
一、Flash简介 54
二、Flash界面及基本概念 55
三、Flash基本操作 58
项目实施 59
子项目一 移形幻影——矢量动画初现锋芒 59
子项目二 目不暇接——动作补间动画形神兼具 64
子项目三 声情并茂——音效处理 70
子项目四 动画梦工厂——专业矢量动画设计 74
子项目五 代码驱动——利用代码实现动画设计 81
子项目六 完美整合——动态Banner设计 83
项目总结 87
项目拓展 87
拓展项目一 交互式Banner设计 87
拓展项目二 .net课程网站主界面Banner设计 88
项目实训 88
项目四 勾画蓝图——界面分析与设计 90
项目说明 90
项目准备 90
项目实施 95
子项目一 界面需求分析 95
子项目二 界面效果图制作 102
项目总结 115
项目拓展 115
拓展项目一 新建用户界面元素分析与设计 115
拓展项目二 设计并制作新建用户界面效果图 116
拓展项目三 设计并制作主界面效果图 116
项目实训 116
项目五 大显身手——实现静态网页 117
项目说明 117
项目准备 117
一、界面原型 117
二、网页界面设计的相关概念 120
三、HTML语言 123
四、XHTML 126
五、CSS样式表基础 132
项目实施 144
子项目一 得心应手——网页可视化开发与调试 144
子项目二 我“形”我“素”——系统界面制作 148
项目总结 209
项目拓展 210
拓展项目一 文档管理系统其他界面设计与制作 210
拓展项目二 蓝星德育视频主界面设计与制作 210
拓展项目三 .net课程网站主界面设计与制作 210
项目实训 211
项目六 精益求精——网页客户端处理 216
项目说明 216
子项目一 应用字典 216
一、应用字典简介 216
二、应用字典的实现 217
子项目二 界面客户端处理 223
一、JavaScript概况 223
二、JavaScript基本数据结构 225
三、JavaScript程序的构成 228
子项目三 正则表达式 244
一、正则表达式的概念 245
二、元字符 245
三、各种操作符的运算优先级 246
四、正则表达式应用举例 246
五、常用的正则表达式 249
六、正则表达式和JavaScript 251
七、正则表达式的表单验证应用 252
项目总结 259
项目拓展 259
拓展项目一 完成新建用户界面应用字典制作 259
拓展项目二 实现新建用户界面密码输入验证 259
拓展项目三 实现新建用户界面电话号码输入验证 259
项目实训 260
附录A 相关资源 261
A.1 相关网站 261
A.2 参考书籍 263
A.3 相关工具 264
附录B 有关参考手册 265
B.1 HTML 4.01/XHTML1.0参考手册 265
B.2 CSS2参考手册 268
B.3 JavaScript事件参考手册 279
B.4 JavaScript函数参考手册（全局对象） 280
B.5 JavaScript Date对象参考手册 280
B.6 HTML DOM参考手册 282
