试验一使用visio设计网页初稿

实验1 使用Visio 2003绘制流程图实验目的：1 掌握系统分析的方法和工具2 Microsoft Office Visio 2003的使用3 学习业务流程的分析工具的使用实验内容1. Microsoft Office Visio 2003的使用学习Microsoft Office Visio 2003的操作与使用。

参考附件中“”文件中第50～52页，学习使用Microsoft Office Visio 2003绘制流程图的方法2. 业务流程图的学习（1）学习业务流程与业务流程分析视频演示：了解Visio 中的业务流程访问网址：/zh-cn/visio/HA010*********.aspx（2）业务流程图的绘制使用Microsoft Office Visio 2003绘制某药品研制机构“研制药品”的业务流程图。

药品研制机构研制一种新药品的业务过程如下：1.总体业务过程：首先进行药品研究，接下来进行相关实验，最后交到上级部门进行审批。

2.详细业务过程：药品的实验分为三个阶段：阶段 I 试验、阶段 II 试验和阶段 III 试验。

阶段 I 试验结束后，如果实验结果满足目标，则进入阶段 II 试验；若不满足目标，则返回研究阶段，重新研究以后，如果需要继续，则再次进行阶段 I试验，如果不需要继续，则取消这次项目。

阶段 II 试验结束后，如果实验结果满足目标，则进入阶段 III 试验；若不满足目标，则返回研究阶段，重新研究以后，如果需要继续，则再次进行阶段I试验，如果不需要继续，则取消这次项目。

阶段 III 试验结束后，如果实验结果满足目标，则将药品审批提交；若不满足目标，则返回研究阶段，重新研究以后，如果需要继续，则再次进行阶段 I 试验，如果不需要继续，则取消这次项目。

提示：业务流程图即管理业务流程图是一种表明系统内各单位、人员之间业务关系、作业顺序和管理信息流动的流程图，它可以帮助分析人员找出业务流程中的不合理情况。

使用VISIO绘制网络拓朴图任务描述根据给定的草图使用VISIO绘制网络拓朴图能力目标掌握网络拓朴图绘制能力方法与步骤1、启动Visio软件。

2、熟悉Visio软件界面操作。

3、用Visio软件绘制网络拓扑结构图步骤1．启动Visio，选择Network目录下的Basic Network（基本网络形状）样板，进入网络拓扑图样编辑状态，按图1-1绘制图。

步骤2．在基本网络形状模板中选择服务器模块并拖放到绘图区域中创建它的图形实例。

步骤3．加入防火墙模块。

选择防火墙模块，拖放到绘图区域中，适当调整其大小，创建它的图形实例。

步骤4．绘制线条。

选择不同粗细的线条，在服务器模块和防火墙模块之间连线，并画出将与其余模块相连的线。

步骤5．双击图形后，图形进入文本编辑状态，输入文字。

按照同样的方法分别给各个图形添加文字。

步骤6．使用TextTool工具划出文本框，为绘图页添加标题。

步骤7．改变图样的背景色。

设计完成，保存图样，文件名为Network1文件。

步骤8．仿照步骤1-7，绘制图1-2的网络拓扑结构图，保存图样，文件名为Network2文件。

提示绘制时可参考示例，尽可能规范、标准。

相关知识与技能1、网络拓朴图示例2、 VISIO 软件操作对于小型、简单的网络拓扑结构可能比较好画，因为其中涉及到的网络设备可能不是很多，图元外观也不会要求完全符合相应产品型号，通过简单的画图软件 （如Windows 系统中的“画图”软件、HyperSnap 等）即可轻松实现。

而对于一些大型、复杂网络拓扑结构图的绘制则通常需要采用一些非常专业的 绘图软件，如Visio 、LAN MapShot 等。

在这些专业的绘图软件中，不仅会有许多外观漂亮、型号多样的产品外观图，而且还提供了圆滑的曲线、斜向文字标注，以及各种特殊的箭头和线条绘制工 具。

如图1-19所示是Visio 2003中的一个界面，在图的中央是从左边图元面板中拉出的一些网络设备图元（从左上到右外依次为：集线器、路由器、服务器、防火墙、无线访问点、 MODEM和大型机），从中可以看出，这些设备图元外观都非常漂亮。

实验1：用Visio绘制网络结构图实验用Visio绘制网络结构图【实验目的】1、了解Visio软件的特征。

2、学会使用Visio绘制网络设计图。

【实验内容】1、熟悉Visio软件。

2、使用Visio绘制网络设计图。

【实验理论基础】一、图的类型计算机中的图分为图形和图像两类，图形由线、弧、曲线、填充构成，便于增删修改，存储数据量小，放大缩小不失真，由图形软件如AutoCAD、Visio等生成；图像由像素点阵构成，数据量大，由数码相机、扫描仪等生成，由Photoshop 等图像处理软件处理，在放大缩小过程中，需要进行插值等图像处理算法运算。

图形在显示器、打印机等点阵输出过程中，在转换成JPEG、GIF等文件时，也需要转换生成图像，一般由图形软件自动处理，只需要用户指定转换输出质量。

在网络相关课程中，常见的图有：流程图、拓扑图、信息点位分布图、机柜配置图、工具图、产品材料图等。

下面是一些图库。

二、绘图软件介绍在制作这些图形时，有大量的基本构图元素，如计算机、打印机等。

如果使用通用图形软件，全部由自己一笔一划画起，工作量巨大，而且未必画的逼真规范，事倍功半。

应该使用带图库的图形软件，需要某个构图元素时，直接从图库中挑选，经过适当缩放、旋转后旋转到页面中，节省时间提高效率，制作的图形规范美观，显得更为专业，达到事半功倍的效果。

常见的带图库商用软件有Microsoft Visio 和SmartDraw。

Visio 作为Office 套件的一员，和其它成员如Word 、Excel等结合得很好，图形美观，风格一致。

图库涉及多个行业，IT行业就有软件、数据库、网络等领域。

自带图库一般能满足基本需求，更重要的是，Visio 有很好的图库扩充机制，由于Visio 市场占有率高，几乎成行业标准，第三方提供扩充图库产品时，往往把Visio 作为首选，这使得Visio 的图库扩充能够源源不断。

【实验要求】1、安装Visio软件2、使用Visio绘制基本网络结构图根据下面的步骤绘制一个总线以太网的拓扑结构图，图例如下图所示。

《人机界面设计》实验报告丰艳青岛科技大学信息科学技术学院实验一使用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的工作环境，包括工作窗口、菜单、工具栏、定位工具以及帮助等内容。

2、制作第一个Visio图形在对Visio有了初步了解的基础上，接下来，我们来制作第一个Visio图形。

将要制作的图形是一个关于演示C程序运行步骤的流程图。

步骤1：启动Visio，进入“新建和打开文件”窗口。

步骤2：在“选择绘图类型”栏的“类别”中单击选择“流程图”-“基本流程图”模板，Visio自动启动相关模板，并生成新的空白绘图页。

步骤3：在模具中选中一个图件，将其拖放到绘图页面上的合适位置。

步骤4：重复上述拖动步骤，将进程、判定、顺序数据和终结符等图件拖入页面中，并排列如图1所示。

步骤5：单击“常用”工具栏上的“连接线工具”按钮，将鼠标移动到第一个要连接图形的连接点附近，当连上图形时，在连接点处会出现红色方框，表示连接线和连接点已经连上了。

深圳大学实验报告课程名称：软件工程概论实验项目名称：使用Visio绘制流程图学院：计算机与软件学院专业：软件工程指导教师：***报告人：项顺之学号：********** 班级：软件1班实验时间：2012年3月1日实验报告提交时间：2012年3月15日教务处制实验目的与要求：（1）了解Visio的功能特色、工具环境；（2）掌握运用Visio绘制程序流程图的基本操作。

方法、步骤：方法：使用Visio制作演示程序运行步骤的流程图。

步骤如下：步骤1：启动Visio，进入“新建和打开文件”窗口。

步骤2: 在“选择绘图类型”栏的“类别”中单击选择“流程图”、“基本流程图”模板，Visio自动启动相关模板，并生成新的空白绘图页。

可以看到，窗口左侧是绘图模具，里面放置了大量绘图所需的图件。

将鼠标指向图件图标时，将自动显示该图件的用途。

步骤3：在模具中选中一个图件，将其拖放到绘图页面上的合适位置。

步骤4：重复上述拖动步骤，将进程、判定、顺序数据和终结符等图件拖入页面中，并排列，如图一所示。

（参见教材4.9.1 P83）图一拖动图件构成流程图的基本框架步骤5：单击“常用”工具栏上的“连接线工具”按钮(注意观察鼠标指针形状的变化)，将鼠标移动到第一个要连接图形的连接点附近，当连上图形时，在连接点处会出现红色方框，表示连接线和连接点已经连上了。

步骤6：按下鼠标，移动到下一个图形的连接点上，待出现红色边框时松开鼠标，此时完成了两图形间的连接。

步骤7：重复上述步骤，完成其他图形之间的连接，如图二所示。

图二完成流程图的连接步骤8：所有图形连接完毕后，单击“常用”工具栏上的“指针工具”按钮，退出连接状态，恢复到鼠标选取状态。

步骤9：接着进行线型设定。

用鼠标单击要改变线型的连接线将其选中(若要同时选择多条连接线，需在按下Shift键的同时进行选取)j然后单击“格式”工具栏上的“线型”按钮选择线型。

步骤10：在第一个图形上双击鼠标，进入文字编辑模式，输入文字“开始”。

Visio制作“高难度”网页编者按：Visio是微软出品的流程图制作软件，不少人比较熟悉。

其实，Visio还有一个鲜为人知的功能——制作网页。

用它制作出的“高难度”的网页，不仅可以保持原貌和质量，而且浏览时可以放大或缩小。

作者：吴仁耀Visio是微软出品的流程图制作软件，不少人比较熟悉。

其实，Visio还有一个鲜为人知的功能，可以用来制作网页，用它的“另存为网页”功能，能制作出“高难度”的网页。

如地图，打开网页后，既可以整体查看，也可以在当前页任意放大查看，最高可以放大12倍。

再就是对于比较复杂的Word表格、CAD绘图等等，在其它网页编辑软件中一般无法在不走样的情况下直接粘贴使用，但用Visio的“插入对象”功能能原样导入，再另存为网页，这样不仅可以保持原貌和质量，而且浏览时可以放大或缩小。

下面以制作地图为例示范。

一、启动Visio2002中文版，依次点击菜单“文件→新建→新建绘图”，建一个空白的Visio 文件。

页面默认值为“A4”大小，一般不需变动。

因为将要导入的地图是长方形的，故点击菜单“文件”、“页面设置”，将页面设置改为“横向”(图1)。

图1：页面设置二、依次点击菜单“插入→图片→来自文件”，在磁盘上找到地图，插入到当前页面上，然后用鼠标拖动图片的任意角，将地图大小调整合适，最大不要超过实际页面。

如果你想导入的不是图片，而是比较复杂的Word表格、CAD绘图等等，则应点击“插入→对象”，选择“从文件创建”，这样Visio能原汁原味地导入比较复杂的对象，这是微软软件所具有的强大功能。

三、在窗口左下方“页-1”上单击鼠标右键，根据需要可以“重命名页”，如将“页-1”改名为“县城平面图”(图2)。

如果还想添加一幅新的地图，则可以在此处单击右键选择“插入页”。

在Visio中实现多页文件，与Word不同，不是向下延伸的，而是横向延伸的，这一点与Execl 创建多页表类似。

图2：重命名页XL:E台四、以上是关键步骤，还可以进行细节设计，完成后，点击菜单“文件”、“另存为网页”，出现“另存为”对话框，建议在此处更改文件标题，文件名最好不要用中文。