我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> CSSHTML教程 -> 教程内容
  • [ 收藏本页教程 ]
  • 流程图软件Visio作“高难度”网页CSSHTML教程

    教程作者:佚名    教程来源:不详   教程栏目:CSSHTML教程    收藏本页
        Visio是微软出品的流程图制作软件,不少人比较熟悉。其实,Visio还有一个鲜为人知的功能,可以用来制作网页,用它的“另存为网页”功能,能制作出“高难度”的网页。如地图,打开网页后,既可以整体查看,也可以在当前页任意放大查看,最高可以放大12倍。再就是对于比较复杂的Word表格、CAD绘图等等,在其它网页编辑软件中一般无法在不走 样的情况下直接粘贴使用,但用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%不同的比例查看(如IE版本低于5.0则不能实现放大与缩小功能)(图4)。

    图3另存为网页

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

    图4按比例查看

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

    图5文件夹窗口

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

    图6查找替换源代码


     

    (出处:

    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有