《用户界面设计与网页制作(高职高专信息技术类专业项目驱动模式规划教材)》(作者孙凌玲、刘铁英)以院校、企业合作开发的真实项目——教务档案管理系统为主线，按照由浅入深、循序渐进、逐层深入的原则，将理论基础、关键技术、设计思想融入9章，采用理念—技术点—综合应用的结构安排教材内容，达到三点目的： 第一，系统地进行知识体系构建；第二，注重先进技术的应用；第三，锻炼综合应用能力，使知识为技能服务、技能深化知识，从而由浅入深地逐步引导初学者理解与掌握界面设计与制作技术。

《用户界面设计与网页制作(高职高专信息技术类专业项目驱动模式规划教材)》(作者孙凌玲、刘铁英)以软件企业真实开发界面的相应过程为基础，针对职业院校学生的特点，按照信息技术专业人才的培养方案，通过对企业岗位群调研，由企业专家指导，结合教师多年教学实践和教学改革、企业实践的经验精心编写而成。

《用户界面设计与网页制作(高职高专信息技术类专业项目驱动模式规划教材)》首先讲解界面设计基础和界面图形图像处理软件的使用，初学者可在此基础上，深入学习界面设计与制作的完整工作流程，包括界面需求分析、界面草图和跳转图设计、界面效果图制作、界面应用字典编写、界面原型开发、界面客户端处理的实现等内容。

本书既适合作为高职院校计算机、信息管理等相关专业的教材，又可作为从事网页制作和界面开发人员的入门用书。

第一篇 用户界面设计基础

第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

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

第3章 Fireworks处理图形图像41

3.1 图形图像的基本类型41

3.1.1 位图41

3.1.2 矢量图42

3.1.3 Fireworks的图形文件类型42

3.2 认识Fireworks43

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 开发工具Flash74

4.1.2 网页Banner74

4.2 认识Flash75

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

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

第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

第四篇 原 型 开 发

第6章 网页界面原型基础161

6.1 网页界面设计的相关概念161

6.1.1 B/S结构161

6.1.2 WWW162

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 插入Banner281

7.5.6 面包屑导航282

7.5.7 插入文档列表283

7.6 实现超链接288

本章 小结290

训练任务290

实训292

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

第8章 JavaScript脚本语言295

8.1 JavaScript概况295

8.1.1 什么是JavaScript295

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 正则表达式和JavaScript324

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

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

9.2.1 验证输入字符串329

9.2.2 转换IP332

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

本章 小结336

训练任务336

实训3 36

附录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