日期:2014-04-17  浏览次数:20714 次

    各位用何种工具编辑网页?如果答案是Marco Media的Dream Weaver(下称DW)的话,我就要提醒你一句:“任何程序都会有臭虫的存在”。无论大小,臭虫始终是臭虫,连DW亦毫不例外。接下来的短文将向各位介绍一下我用DW编辑网页时发现的一个小臭虫以及一些其它DW的缺陷。


    臭虫——插入的图片消失了?

    首先,请大家花一点时间,跟我一起验证一下这个臭虫……在DW中建立一个新页面,什么都不要做,插入一张图片(“Insert”→“Image”),然后按下F12预览,在预览的页面中,会发现方才插入图片的位置被一个红交叉所替代(其属性为不可用)。怎么办?解决的方法很简单:只须将此页保存于DW的安装目录下(例如C:\Program Files\Dream Weaver\)此时再按下F12预览,预览中的图片回复正常……。

    首先,要称赞一下DW的程序员,他们为网页的兼容性想得非常周到(可以设置不同的Browser对网页进行预览)。但是,预览的效果却并不完善——试想一下,当使用者第一次使用DW,辛辛苦苦完成了一页,想预览一下,但发觉预览中凡有图片插入的地方均为红交叉时,会作何感想?希望这个臭虫会在即将发行的DW3中得到完善。

    缺陷1——移位的Layers

    DW最出色的地方就是DHTML的应用,引入了Layers,Behavior,Events等一系列的新概念,令网页互动性大为增加。其中Layers的引入,为使用者对网页版式的设计提供了一个更灵活的选择。但遗憾的是:Layers的定位存在缺陷——当你在使用Layers的时候是否发觉在预览中,Layer的位置无法定位在预期的位置上?这就是Layers在定位上的缺陷了。

    解决的方法有两个:

    方法一:调整一下DW的Window Size以减少Layer移位的幅度

    举例:若阁下显示器的分辨率为800X600,将DW最大化,可以在Status Bar中见到796x504这个数值, 单击一下可以在弹出的确菜单中选定760x420(800x600 Maximize)这一项。这样一来,Layer的移位将没有先前那么离谱了,此时在通过改变Layers属性中的L和T的数值进行微调。(ps:数值的微调要以预览的效果为准——多按F12,不能偷懒)

    上面的方法有一个缺点:你必须保证浏览你大作者的显示器的分辨率亦为800X600,若不是则照移不误。在此,不妨在页面中加上一句:“流览本站的最佳分辨率为800x600”诸如此类的字眼。

    方法二:其实只是对方法一进行改进,令使用不同分辨率的浏览者亦能正常浏览。

    首先,按照方法一,把Window Size调较到600X300一项,设置好各Layer的位置并预览过没有问题后,便可以按下F10,在HTML源代码中的<head>到</head>中加入以下Java Scprit

<script LANGUAGE="javascript" FOR="window" EVENT="onload()">

<!-- window.moveTo(0, 0) window.resizeTo(600,300) -->

</script>

    此段script的作用是将浏览者的Browser,Resize到600x300的大小,确保Layer的输出效果。虽然方法比较复杂,但却能适应从640x480及以上的众多分辩率,只不过是BrowserWindow略细,显得有点小器,至于如何取舍就要看你自己了。

    缺陷2——不能连续插入空格

    不知为何,DW中直接按空格键不能插入两个或以上的空格,而要按下 Shift+Ctrl+Space方能达到目的,而且要在preview中才可浏览到效果。不能方便地插入空格,亦算是缺陷之一吧。

    以上对于DW的臭虫和缺陷为暂时的发现,相信在长期的使用中,更多的臭虫和缺陷将会暴露出来,到时候再与大家讨论(不过,DW3闻说已经发售,希望以上的问题得到改善。)