流程图软件Visio作“高难度”网页

勿要虚度青春

勿要虚度青春

2016-01-29 12:42

流程图软件Visio作“高难度”网页,流程图软件Visio作“高难度”网页
    Visio是微软出品的流程图制作软件,不少人比较熟悉。其实,Visio还有一个鲜为人知的功能,可以用来制作网页,用它的“另存为网页”功能,能制作出“高难度”的网页。如地图,打开网页后,既可以整体查看,也可以在当前页任意放大查看,最高可以放大12倍。再就是对于比较复杂的表格、绘图等等,在其它网页编辑软件中一般无法在不走 样的情况下直接粘贴使用,但用Visio的“插入对象”功能能原样导入,再另存为网页,这样不仅可以保持原貌和质量,而且浏览时可以放大或缩小。下面以制作地图为例示范。

  一、启动Visio2002中文版,依次点击菜单“文件→新建→新建绘图”,建一个空白的Visio文件。页面默认值为“A4”大小,一般不需变动。因为将要导入的地图是长方形的,故点击菜单“文件”、“页面设置”,将页面设置改为“横向”(图1)。

图1页面设置

  二、依次点击菜单“插入→图片→来自文件”,在磁盘上找到地图,插入到当前页面上,然后用鼠标拖动图片的任意角,将地图大小调整合适,最大不要超过实际页面。如果你想导入的不是图片,而是比较复杂的Word表格、CAD绘图等等,则应点击“插入→对象”,选择“从文件创建”,这样Visio能原汁原味地导入比较复杂的对象,这是微软软件所具有的强大功能。

  三、在窗口左下方“页-1”上单击鼠标右键,根据需要可以“重命名页”,如将“页-1”改名为“县城平面图”(图2)。如果还想添加一幅新的地图,则可以在此处单击右键选择“插入页”。在Visio中实现多页文件,与Word不同,不是向下延伸的,而是横向延伸的,这一点与Execl创建多页表类似。

图2重命名页XL:E台

  四、以上是关键步骤,还可以进行细节设计,完成后,点击菜单“文件”、“另存为网页”,出现“另存为”对话框,建议在此处更改文件标题,文件名最好不要用中文。然后点击“发布”,出现“另存为网页”对话框,在“常规”选项中,有一个“选择功能”选项,建议不要勾选“属性查看器”,只勾选“页标签”即可,其它默认选项一般不需要改动(图3)。确定后保存为网页,网页文件分两部分,以文件名“jjxt”为例,一个是网页文件“jjxt.htm”,另一个是网页组件文件夹“jjxt_files”。运行“jjxt.htm”浏览网页,地图可以按25%至1200%不同的比例查看(如版本低于5.0则不能实现放大与缩小功能)(图4)。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

图3另存为网页

  五、发布Visio网页。虽然直接运行“jjxt.htm”就能非常自如地放大或缩小浏览地图,但放入站点通过超级链接浏览,不一定会成功显示。主要是看站点服务器IIS的版本,如果高于5.0,则没有问题,如果IIS是5.0及以下版本可能会无法显示,原因是用Visio2002中文版自动生成的网页,在名称及代码中含有中文,共这样5个词:“滚动、页标签、导航、显示比例、框架”。解决办法是将自动生成的网页名称和代码中的汉字替换为字母:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

图4按比例查看

  1.打开“jjxt_files”文件夹(图5),将文件名中汉字部分用字母代替:如文件名“jjxt_框架”更改为“jjxt_kj”,文件名“jjxt_导航2”更改为“jjxt_dh2”。

图5文件夹窗口

  2.更改网页源代码中对应的中文名称。启动网页编辑软件,依次打开菜单“编辑”、“查找和替换”,将“查找在”选择为“文件夹”,即用Visio生成的网页所在的文件夹,“查找内容”选择为“源代码”,然后进行查找替换操作(图6):将“框架”全部替换“kj”,将“导航”全部替换为“dh”……至于用什么字母替换什么汉字要与文件名更改的方式相对应。

图6查找替换源代码

展开更多 50%)
分享

猜你喜欢

流程图软件Visio作“高难度”网页

Html CSS布局 Div+CSS XHTML
流程图软件Visio作“高难度”网页

高难度游戏推荐 有哪些高难度游戏

网络游戏 网络
高难度游戏推荐 有哪些高难度游戏

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

怎样在word中快速插入Visio流程图

word
怎样在word中快速插入Visio流程图

photoshop高难度抠图的方法(2)

PS PS教程
photoshop高难度抠图的方法(2)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

《子弹风暴》最高难度流程视频攻略

电脑网络
《子弹风暴》最高难度流程视频攻略

photoshop高难度抠图的方法(1)

PS PS教程
photoshop高难度抠图的方法(1)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

托管C++程序开发—Win表单文档程序设计(下)

托管C++程序开发—Win表单文档程序设计(下)

关于远程方法调用(RMI)的实现

关于远程方法调用(RMI)的实现
下拉加载更多内容 ↓