[人机界面设计实验指导书.docVIP

《人机界面设计》 实 验 指 导 书 丰 艳 青岛科技大学 信息科学技术学院 实验一 使用Visio 2003设计网页初稿 一、实验目的及要求： （1）了解Visio工具软件的功能特色、安装、工作环境和基本操作等各方面的基本知识。 （2）掌握应用Visio工具绘制软件开发图形的基本操作。 （3）学习使用Visio工具绘制网页设计初稿。 二、实验平台： 操作系统：Windows XP以上版本 实验环境：Microsoft Visio Professional 2003版 三、实验内容： 1、本实验中，我们以Microsoft Visio Professional 2003中文版为例，来学习Visio的工作界面和基本操作。具体包括： (1) 菜单 (2) 工具栏 (3) 定位工具：使用标尺、网格、定位导线和连接点、体会它们的定位功能。 (4) 文件操作 (5) 绘图页面操作 2、制作第一个Visio图形：一个关于演示C程序运行步骤的流程图。 3、Visio应用实践：尝试使用Visio绘制你的网页设计初稿。 四、实验步骤： 1、Visio的工作环境 Visio的工作环境包括工作窗口、菜单、工具栏、定位工具以及帮助等内容。 1) 工作窗口。对应所打开Visio文件的不同，工作窗口也会有所差异，但其基本样式类似。如图1是—个新建的Visio数据流程图文件的工作窗口。 ① 菜单：通过单击菜单命令的操作，可以实现Visio的各项功能。 ② 工具栏：可以快速执行各项功能和操作，是菜单的快捷方式。 ③ 绘图页面：相当于一张图纸，可以在它上面生成并编辑图形。一个绘图文件可以产生好几个绘图页面，可以通过“页面标签”来切换。 ④ 网格：在绘图时对图形的位置进行校正，但打印时一般并不显示。 ⑤ 标尺：用于对图形进行更为精确的定位。 ⑥ 绘图窗口：相当于一个工作台，在上面放置绘图页面等其他组件。 ⑦ 形状 (也称图件) ：是Visio中最核心的部分。通过鼠标的拖拽而在绘图页面中产生对应的图形副本。将鼠标指针在图件上停留片刻，可以看到对该图件的注释，即对该图件功能和使用范围的说明。 ⑧ 模具：存放各种图件的仓库。 2) 视窗的调整。主要依靠菜单中的“视图”、“窗口”命令和“视图”工具栏来实现。视窗调整中常见的操作包括： ① 缩放操作：利用该操作可以调整页面的显示比例，以便更有效地进行绘图操作，且该功能改变的只是页面在屏幕上的显示效果，对实际大小并无影响。 提示：“视图”菜单中有几个命令比较特殊：“全屏显示”仅显示页面中的内容；“整页”使页面恰好显示为一页；“页宽”使页面在页宽方向上最大显示。 ② 显示方式调整：当有多个文件同时打开时，可以用“并排”、“水平”和“层叠”三种排列方式来显示视窗。并排排列可在“窗口”菜单中单击“平铺”命令；水平排列可在按下Ctrl键的同时，在“窗口”菜单中单击“平铺”命令；层叠排列可在“窗口”菜单中单击“层叠”命令。 图1 Visio的工作窗口 3) 任务窗格。这项功能提供了一些常用的命令选项。Visio的任务窗格功能主要有开始工作、帮助、剪贴画、信息检索、搜索结果、新建绘图、模板帮助、共享工作区、文档更新和审阅等。在“视图”菜单中单击“任务窗格”命令，可以调出任务窗格并显示在屏幕右侧。 图2 Visio的四个小视窗 4) 小视窗。Visio有四个小视窗，堪称其“显微镜”，它们分别是；扫视和缩放窗口、自定义属性窗口、大小和位置窗口和绘图资源管理器窗口。可以通过“视图”菜单中的相应命令来打开它们，还可以使小视窗始终处于绘图窗口的最上层。利用这四个小视窗，可以更加方便快捷地观看并修改图形的各种信息。打开这四个小视窗后的效果如上图2所示。 四个小视窗的功能分别为： ① 扫视和缩放窗口：该视窗将显示出完整的绘图页面略图。移动或改变红色矩形框的位置和大小可以局部放大绘图页面中对应位置的图形，并实现改变结果的同步显示。 ② 自定义属性窗口：在绘图页面选中图形，则在该窗口中可以看到所选图形的自定义属性，可以在此对自定义的属性值进行修改。 ③ 大小和位置窗口：利用该视窗可以显示和修改所选择图形的位置坐标和尺寸。 ④ 绘图资源管理器窗口：该视窗列出了当前打开绘图文件中的所有资源数据，例如页面、图形、图层、背景页、图件等等。 5) 定位工具 作为一种绘图软件，提供必要的工具以进行精确定位是非常重要的。Visio提供了多种定位工具，主要有标尺、网格、参考线和连接点等四种。可以在“视图”菜单下找到这些工具。 ① 标尺：分为垂直标尺和水平标尺两种，分别位于绘图窗口的左侧和上方。标尺的单位可以根据需要，在“文件”菜单中单击“页面设置”命令，在对话框“页属性”选项卡的“度量单位”中进行修改。 默认情况下，水平标尺