本书以软体企业真实开发界面的相应过程为基础,针对职业院校学生的特点,按照信息技术专业人才的培养方案,通过对企业岗位群调研,由企业专家指导,结合教师多年教学实践和教学改革、企业实践的经验精心编写而成.
基本介绍
- 书名:用户界面设计与网页製作
- ISBN:9787302328025
- 定价:48元
- 出版社:清华大学出版社
- 出版时间:2014
- 装帧:平装
出版信息
作者:孙凌玲、刘铁英、张静、李季、张雨
定价:48元
印次:1-1
ISBN:9787302328025
出版日期:2014.02.01
印刷日期:2014.02.11
定价:48元
印次:1-1
ISBN:9787302328025
出版日期:2014.02.01
印刷日期:2014.02.11
图书简介
本书以软体企业真实开发界面的相应过程为基础,针对职业院校学生的特点,按照信息技术专业人才的培养方案,通过对企业岗位群调研,由企业专家指导,结合教师多年教学实践和教学改革、企业实践的经验精心编写而成。本书首先讲解界面设计基础和界面图形图像处理软体的使用,初学者可在此基础上,深入学习界面设计与製作的完整工作流程,包括界面需求分析、界面草图和跳转图设计、界面效果图製作、界面套用字典编写、界面原型开发、界面客户端处理的实现等内容。 本书既适合作为高职院校计算机、信息管理等相关专业的教材,又可作为从事网页製作和界面开发人员的入门用书。
图书目录
第一篇用户界面设计基础
第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
附录AHTML4.01/XHTML1.0参考手册337
附录BCSS2参考手册340
附录CJavaScript事件参考手册350
附录DJavaScript函式参考手册(全局对象)351
附录EHTMLDOM参考手册352
附录FHTML命名规範353
参考文献355