作為一個所見即所得的網(wǎng)頁編輯器,Dreamweaver能夠在強(qiáng)手如林的同類軟件中力拔頭抽,我這最主要應(yīng)該歸功于Dreamweaver的完全開放的插件環(huán)境。由于Dreamweaver的插件就是給予JavaScript的HTML文件,所以任何人,只要通曉一點網(wǎng)頁編輯語言,都可以輕而易舉地制作自己Dreamweaver插件。所以,我覺得很有必要在教程中告訴大家如何制作自己的Dreamweaver插件。
在揭開Dreamweaver插件的神秘面紗,先讓我們來看看DW肚子里到底有些什么,在這兒我就拿Dreamweaver4.0開刀了。打開Dreamweaver4.0所在目錄下的Configuration子目錄,你會看到分門別類許多小目錄,在這些目錄中大多藏的都是HTML文件,而Dreamweaver正是通過這些HTML文件中的特殊語法標(biāo)識來設(shè)定軟件運行環(huán)境的。由于篇幅有限,在這里我只將其中與本文有關(guān)的目錄做個介紹,至于其余的東東,如果你有興趣的話,不妨做個備分然后自己慢慢琢磨。
Behaviors目錄這個Behaviors目錄就同Dreamweaver中的Behaviors面板中的內(nèi)容一一對應(yīng),整個Behaviors目錄又分為Actions和Events。先說Events目錄,這里邊存著的是不同版本的瀏覽器信息,信息保存的方式很簡單,看到那里面的HTML文件了嗎,看看他們的原代碼你就明白是怎么回事了。所以以后就可以做個比如專門for Opare的Event在Dreamweaver的Behaviors面板中調(diào)用了。再說Actions目錄,那里面都是寶,就是在Dreamweaver的Behaviors面板按下那個加號出現(xiàn)的各種Javascript特效。至于如何做自己的Action嘛,文章后頭會告訴你的(先買個關(guān)子xixix),有點要注意的是不要去打Dreamweaver自帶的Actions的主意,如果放錯了位置就不好使了。而且從網(wǎng)上下載來的Actions作者一般都說明了該放的目錄,如果你想讓它起作用的話,就得乖乖聽作者的話。
Objects目錄這個目錄和Dreamweaver中的Objects面板相對應(yīng),在Objects目錄下還有許多子目錄,每一個子目錄就是Objects面板下的一個類(實在想不出好名字的,就姑且叫它“類”吧)。在這些子目錄下面放著各個HTML文件就是在Objects面板中用戶可以選擇插入的東東,而每個HTML文件都對應(yīng)一個18*18大小的同名圖案,這些圖案就是出現(xiàn)在Objects面板里的圖標(biāo)。
一個最簡單的Object 新建一個HTML文件,在里面打些字,比如“謝天謝地,總算這個教程還不至于太糟糕”。OK,在Objects目錄下新建一個目錄,起個自己喜歡的名字,然后把剛才那個寫了字的HTML文件保存到目錄下,保存的時候也給起個好名字。重新運動Dreamweaver,打開Objects面板,默認(rèn)的類是Common。在Common上按一下鼠標(biāo)選中上一步中新建的那個目錄的名字,瞧見剛才保存的那個HTML文件了嗎,摁一下。對了,這就是一個最簡單的Object。
Object進(jìn)階Dreamweaver規(guī)定了作為Object的HTML文件要在其中用javascript寫入一個名為objectTag的函數(shù),然后由Dreamweaver將objectTag的返回值寫入頁面中去。而在頁面布局中可以通過表單元素加事件處理器實現(xiàn)互交。置于具體的細(xì)節(jié),不是一兩片文章能夠講清楚的。所以建議感興趣的朋友多看看各種Objects的原代碼,在這里貼上一個我作的可設(shè)置參數(shù)的插入mailto標(biāo)簽的Object。在貼原代碼前,有幾點說明:Object文件不支持〈a href〉標(biāo)簽,如果要值入超鏈,可以通過onclik之類的事件處理器打開新窗口實現(xiàn)。(例:一個用來插入mailto標(biāo)簽的Object)
關(guān)于Action Action的原理和Object相同,但要比Object復(fù)雜多得多,至于詳細(xì)的內(nèi)容可以參考Macromedia提供的Dreamweaver behavior development kit & tutorial(可以在Macromedia的網(wǎng)站中下載)
出處:
責(zé)任編輯:panliu888
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|