各位用何種工具編輯網頁?如果答案是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聞說已經發售,希望以上的問題得到改善。)
本文作者:新聞熱點
疑難解答