图书目录

目录

第一篇用户界面设计基础

第1章概述31.1初识用户界面设计3

1.1.1什么是用户界面设计3

1.1.2用户界面设计的现状和发展4

1.1.3用户界面设计的分类5

1.2Web应用程序软件的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

第二篇界面图形图像处理软件的使用

第3章Fireworks处理图形图像413.1图形图像的基本类型41

3.1.1位图41

3.1.2矢量图42

3.1.3Fireworks的图形文件类型42

3.2认识Fireworks43用户界面设计与网页制作目录3.2.1Fireworks界面及基本概念43

3.2.2Fireworks基本操作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开发工具Flash74

4.1.2网页Banner74

4.2认识Flash75

4.2.1Flash开发环境及知识准备75

4.2.2Flash的制作流程79

4.2.3Flash的基本操作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.6Flash按钮与音效制作107

4.6.1Flash按钮元件107

4.6.2Flash文档的音效处理111

4.7引导线与Flash脚本语言的应用113

4.7.1引导线的应用——“引导线星星”113

4.7.2Flash脚本的应用——“动作轨迹星星”117

4.7.3系统 Banner的整合119

本章小结120

训练任务120

第三篇界面需求分析与设计

第5章界面需求分析与设计1255.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

第四篇原 型 开 发

第6章网页界面原型基础1616.1网页界面设计的相关概念161

6.1.1B/S结构161

6.1.2WWW162

6.1.3浏览器162

6.1.4Web标准162

6.2网页开发软件的使用165

6.2.1Dreamweaver界面及基本概念165

6.2.2Dreamweaver的基本操作168

6.3XHTML语言171

6.3.1HTML语言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.4CSS样式表基础203

6.4.1CSS样式表的定义203

6.4.2CSS结构206

6.4.3将CSS应用到网页中207

6.4.4选择符类型211

6.4.5CSS数据单位219

6.4.6CSS的盒模型220

本章小结227

训练任务227

实训227

第7章系统界面的制作228

7.1创建站点228

7.1.1设计并规划教务档案管理系统站点229

7.1.2创建教务档案管理系统站点229

7.2Fireworks导出网页——登录界面的制作233

7.2.1分析并划分界面布局233

7.2.2Fireworks导出网页234

7.2.3插入界面元素235

7.2.4设置CSS样式238

7.3CSS+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.5CSS+DIV布局主页——主界面的制作264

7.5.1主界面的总体布局264

7.5.2主界面的顶部布局268

7.5.3制作导航菜单272

7.5.4界面主体布局280

7.5.5插入Banner281

7.5.6面包屑导航282

7.5.7插入文档列表283

7.6实现超链接288

本章小结290

训练任务290

实训292

第五篇网页界面客户端处理

第8章JavaScript脚本语言2958.1JavaScript概况295

8.1.1什么是JavaScript295

8.1.2JavaScript的特点297

8.1.3第一个JavaScript程序298

8.1.4JavaScript基本数据结构298

8.1.5JavaScript程序的构成301

8.2JavaScript实现客户端处理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正则表达式和JavaScript324

9.1.6正则表达式的表单验证应用举例326

9.2使用正则表达式实现客户端处理329

9.2.1验证输入字符串329

9.2.2转换IP332

9.2.3去除输入字符串中多余的空格333

本章小结336

训练任务336

实训336

附录AHTML 4.01/XHTML 1.0参考手册337

附录BCSS 2参考手册340

附录CJavaScript事件参考手册350

附录DJavaScript 函数参考手册(全局对象)351

附录EHTML DOM参考手册352

附录FHTML命名规范353

参考文献355