欢迎光临
我们一直在努力

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

建站超值云服务器,限时71元/月

    visio是微软出品的流程图制作软件,不少人比较熟悉。其实,visio还有一个鲜为人知的功能,可以用来制作网页,用它的“另存为网页”功能,能制作出“高难度”的网页。如地图,打开网页后,既可以整体查看,也可以在当前页任意放大查看,最高可以放大12倍。再就是对于比较复杂的word表格、cad绘图等等,在其它网页编辑软件中一般无法在不走

样的情况下直接粘贴使用,但用visio的“插入对象”功能能原样导入,再另存为网页,这样不仅可以保持原貌和质量,而且浏览时可以放大或缩小。下面以制作地图为例示范。

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


流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图1页面设置

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

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

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图2重命名页xl:e台

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

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图3另存为网页

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

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图4按比例查看

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

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图5文件夹窗口

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

流程图软件Visio作“高难度”网页-网页设计,HTML/CSS

图6查找替换源代码

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 流程图软件Visio作“高难度”网页-网页设计,HTML/CSS
分享到: 更多 (0)