談談TopStyle
|
on error resume next
ShockMode = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.5")))
|
TopStyle是最早出現的CSS編輯器中的一個。TopStyle所提供的眾多特性以及其相對較高的價位表明它是解決樣式表全部所需的方案之一。
對新用戶來說，TopStyle的界面與常見的所見即所得編輯器有些不同，它沒有對象浮子（object floater）以及樣式窗口。在所見即所得工具的正常工作過程中，CSS一般退到一邊，但是在TopStyle中CSS卻是主角。
瀏覽一下TopStyle的界面，你就會發現TopStyle有若干特性，而這些特性又是你所常用的編輯器所沒有提供的。例如，一般編輯器總是假設你知道關于瀏覽器兼容性的所有知識，并隱藏CSS樣式（而新的瀏覽器可能支持這些樣式）。
當安裝TopStyle時，安裝向導會詢問你幾個問題，這些問題有：你的目標瀏覽器的種類、程序的默認布局，以及你想使用的預覽瀏覽器的類型。
TopStyle的界面
可編輯區域占領了TopStyle界面的絕大部分，而且絕大多數操作都發生在這里。可編輯區的一大優點就是標簽完整性（tag completion），它可以幫助你快速定義樣式。
然而，如果你記不住屬性語法，也不用害怕。樣式Style Inspector（如圖A所示）保持了關于某個特定定義的所有特性。你可以選擇并定義屬性的值，屬性分類放在不同的區域。
圖A
工具菜單中有許多可以幫你節省事件的菜單項。例如，Style Checker檢查樣式的兼容性以及非標準聲明。“Edit CSS Positioning”選項可以幫助你創建已定位的內容（positioned content）。這個選項的主要優點就是可以把預覽提交給瀏覽器（在對話框中），并且預覽可以即時反映出你做出的修改。
讓我們接著討論預覽選項。在預覽選項中，你可以選擇是否讓TopStyle創建自己的預覽或者使用一個你指定的文檔。
把TopStyle嵌入到Dreamweaver MX
你可以把TopStyle當作CSS編輯器嵌入到Dreamweaver MX（DWMX）中去。你只需要在DWMX的CSS窗口中右擊鼠標，在右擊菜單中選擇“Use External Editor”菜單項中選擇它。