网站的规划与管理适用版本:专业版、企业版

管理现今复杂的资讯系统是一件非常不容易的工作,而规划未来系统的工作更是难上加难。特别是在预期要整合现有的应用程式、计划初步的电子商务、使用新的技术(例如Windows 2000),及合并语音和资料网路的情况下。若要处理新技术、紧急的最後期限、快速发展专案的条件,以及跨越组织沟通的现有挑战,您将会需要能协助您视觉化系统及规划解决方案的工具。Visio 2000传递功能强大及自动化的设计和文件工具给资讯管理人员,而资讯管理人员是专门开发和维护网路、资料库、软体应用程式与网站的人。使用Visio 2000,您可以取得目前所支援系统的清楚图像、着手进行未来所需要的系统规划,并使用容易了解的视觉化语言,以在整个组织之内沟通重要的资讯管理策略。

利用Microsoft Visio 2000专业版和企业版内的 Internet 图解决方案,我们可以:

接着,就让我们一起来探讨有关Visio 2000在设计网站及管理上所带来的便利吧!

设计全新的网站—概念性Web网站

虽然网站建制工程大都交由资讯人员设计,然而,在建制之前的系统需求规划、网站整体功能等的提出与确认并非一定要由资讯专案人员进行不可。藉由Visio 2000所提供的概念性(概念性,非实体)网站范本,非资讯专业人才也可以在模组图上拖曳页面图件,选择定点放下,并重复作到建立有阶层的模组图为止。如此,在跟资讯专案人员沟通时会更加容易。


藉由概念性Web网站功能,非专业人士也可以 轻松地把网站所需要的功能绘制出
建立全新网站的模组图
  1. 开启专业版或企业版的Microsoft Visio2000。
  2. 此时会出现 选择绘图类型 对话方块。若已开启Visio 2000,则从 档案 功能表中选择 开新档案 / 选择绘图类型 / Internet图 / 概念性Web网站 指令。


  3.  理论上的Web站台图件 模版中拖曳 首页 图件到模组图上。


  4. 接着拖曳其他的图件到模组图上,再用 动态连接器 连接两个图件。
用图说文字替图件加上注解
  1.  图说文字 模版中拖曳想要的图说文字图件到模组图上。
  2. 点选 图说文字 图件上的连接点,再拖曳到被注解图件的连接点,即可建立连结。


  3. 利用各类图说文字样式可替各个图件加入说明
  4.  理论上的Web站台图件 模版拖曳 图例 图件到模组图上,并替每个图件加入说明。


  5. 完成後的情形如下图,您可以参考笔者所建立好的光碟范例「Web概念图.vsd」。


就已存在的网站建立地图

当网站上线後,为了能更轻松地维护网站,我们可以利用 Internet图 解决方案来产生网站地图。且这项功能也会替网站上每一个连结产生图件对应,包括图件的超连结型态或是路径位置等资讯,同时图件本身就是一个超连结,点选後便能直接跳到该网页浏览。



在网站架构图上,首页会出现在最上层,其他的图件就是它的超连结状态。同一个模组下的图件会以垂直方式连结,而相同的档案结构会呈现一样的图件。

另外,您还可以设定网站架构,如最多呈现几层架构、最多超连结数以及哪一种超连结(如Html网页、ASP网页、图件档等)。

建立整个网站的地图
  1. 开启专业版或企业版的Microsoft Visio2000。
  2. 出现 选择绘图类型 对话方块。若您已开启Visio 2000,则从 档案 功能表中选择 开新档案 / 选择绘图类型 / Internet图 / Web网站地图 指令。
  3. 接着会出现 产生网站地图 对话方块。


  4. 在此对话方块中:
    • 若网站建立在HTTP伺服器上,我们可以在位址栏中输入网站位址。

    • 若网站建立在电脑网路伺服器上或本机硬碟中,我们可以点选 浏览 钮,并选择当成最上层的档案,再按下 开启 钮。

  5. 为了顺利完成此练习,您可以利用 浏览 方式选择光碟范例路径中「INFO2」的「default.htm」档案。或者您也可以直接选择您要分析的网站网址。
  6.  包括 中选择您要包含整个Web网址,或是一级(即一层网站中的所有超连结档案),在此我们选择 一级 

  7. 若选择的是 整个Web网址 ,您可以选择一共要几层及最大的超连结 数量。


    注意

    若选择的是 整个Web网址 ,您可以选择一共要几层及最大的超连结 数量。


  8. 当使用者设计网站地图时,最好能限制搜寻条件以增进效能,如只显示网站中一部分的超连结图件,所以我们接着点选 选项 
  9. 在此 选项 对话方块中,我们可以设定哪些连结要包含在Visio 2000所绘制好的网站地图中。


  10. 此外,在 进阶 标签下可以设定Visio 2000要搜寻哪些内容。(Web网站地图解决方案功能会检查HTML程式码并搜寻它的属性,如HREF、USEMAP及SRC. I等,在检查每个属性後,会把在 连结 标签中选择的超连结型态整合起来。


  11. 选项设定完後,再按下 确定 钮就会开始产生网站地图。




  12. 作好Web网站地图後的情形

若Web网站地图解决方案发现网站上有断掉的超连结,它会在事件记录器上记载相关资讯。您只要按下 确定 钮,便能直接开启事件记录器浏览,或按 取消 键回到网站地图上,然後点择 web 功能表中的 检视记录档 指令去浏览事件记录器。


注意

若Web网站地图解决方案发现网站上有断掉的超连结,它会在事件记录器上记载相关资讯。您只要按下 确定 钮,便能直接开启事件记录器浏览,或按 取消 键回到网站地图上,然後点择 web 功能表中的 检视记录档 指令去浏览事件记录器。




Web网站地图解决方案在发现网站上断掉的超 连结後,会把事件记录成档案


开启记录档便能清楚地看到哪些超连结出了问题
利用Web网站地图来解决网站架构问题

您可以把Web网站地图当成一种工具,来把网页放在适当的路径或是修复断掉的超连结。

当使用者利用 Web网站地图 范本来产生网站地图时,若发生错误(如无法下载某超连结网页)系统就会把这个错误事件记载到事件记录器中,同时该网页的图件上会出现一个大X,表示这里的超连结断掉了。

修复完後,您可以从这个网站重新产生网站地图,或是取消它的错误讯息。

因为网站与网站地图并无动态连结,所以使用者在修复网站上断掉的超连结时,在网站地图上并不会有任何变化,所以需在修好超连结状态後,再重新产生网站地图。

接着,让我们利用此范例继续练习。

  1. 找到一个名为「news.htm」的网页。
  2. 按下滑鼠右键,在快显功能表中选择 展开news.htm 指令 。


  3. 此时Web网站地图便会展开由此连接的下一层网页资料。
  4. 因为笔者已经在下一层资料中,建立了一个错误的Java网页,所以此时会出现警告画面。
  5. 您可以自行选择是否阅读。之後,在网站地图中便会发觉多了一个X图示,表示这个Java程式出了问题。


利用页外连接器连接网站地图

在之前的练习中,我们试着展开一层以上的超连结。然而,当超连结展开过多时,画面会有些杂乱。为了让画面看起来更清爽,我们可以利用 页外连接器 来达成这项需求。接着,就让我们一同来练习这项功能吧!

  1. 找到一个名为「products.htm」的网页。
  2. 按下滑鼠右在快显功能表中,再选择 展开products.htm 指令,此时会出现更多的网站地图。
  3. 再找到「products.htm」网页,按下滑鼠右键,在快显功能表中会多了一个 产生分页 功能,然後选择 产生分页 指令。


  4. 此时会发觉在「products.htm」网页下多了一个 页外连接器 图件。


  5. 同时也多了一个工作表页面,此页面中的内容则是「products.htm」网页下的子网页内容。


变更配置连结

当网站地图上的网页多到一定程度时,连结的画面会显得有些杂乱无章。此时,您可以利用 配置连结 来重新配置画面。执行此功能的方法为:

  1. 选择想要重新配置的网站地图工作页面。
  2.  Web 功能表中选择 配置连结 指令。
  3. 此时会出现 布置图件 对话方块。在此对话方块中,我们可以设定要放置的样式、方向、线段等,您可以试着变更不同的状况,再按下 确定 钮或是 套用 钮以显现不同的配置方式。