DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程(19) 使用HoTMetal(1)
Javascript實例教程(19) 使用HoTMetal(1)
編輯:關於JavaScript     

HotMetal PRO 6.0是強大易用的網站編輯和發布工具。在本教程中我們在HotMetal中使用javascript。在HotMetal中,JavaScript支持是基於HotMetal為你提供了豐富的資源以及對象。它包含了幾個新的對象,比如訪問DOM的對象。另外,HotMetal支持一些ActiveX控件。這些控件以及Windows腳本支持使得HotMetal成為了JavaScript設計人員一個不可多的功能強大的開發環境。

在本節教程中,你將可以學到:

怎樣為按鈕增加連接宏;

怎樣為菜單條增加按鈕;

什麼樣的資源適合於腳本編寫;

怎樣編寫文檔格式的腳本;

怎樣編寫腳本來檢查上次修改的日期;

怎樣編寫一個保存模塊腳本;

怎樣識別所有的預定義的宏;

好吧,下頁開始就逐個介紹。

HoTMetal中使用Javascript

1.怎樣為按鈕增加連接宏:

HotMetal通過宏可以支持腳本。宏可以利用工具條按鈕和其它方式來進行調用,這點我們在後面的教程中將會涉及到。所有的HotMetal的宏應該存儲在一個單一的文件中,比如hotmetal.mcr。這個文件是在宏文件夾SoftQuad\HotMetal PRO 6.0中。假如你已經安裝了HoTMetal PRO 6.0在缺省的目錄C盤下,那麼你的宏文件就處在C:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Macros\hotmetal.mcr中。這裡要注意的是文件的擴展名為.mcr,但是它不能在HoTMetal的環境中進行編輯。你可以使用任何的文本編輯器對它進行編輯,比如Notepad等等。HotMetal PRO 6.0安裝的時候為用戶安裝了大約20個的預定義的宏。你可以通過hotmetl.mcr文件來浏覽它們。你也可以通過選擇工具菜單上的Macros(宏)來找到它們。

其中一種允許宏的方法是創建一個工具條按鈕並使它於宏連接上。點擊按鈕就觸發了在宏定義了的腳本的執行。當你從試圖菜單中選擇了工具條,你就會看到如圖1的對話框。



(圖1)

圖中第一個標簽(Toolbars,工具條)可以讓你增加、刪除以及操作工具條。因為我們不想改變任何的工具條,所以這個標簽現在我們暫時不使用。點擊按鈕(Buttons)標簽,並從分類欄中選擇” Application Macros(應用宏)”,這裡注意新的文本對話框就會出現在右邊,如圖2所示:



(圖2)

在列表框中的第一個宏是” Apply Layout to Document.”。讓我們為它安裝一個按鈕到標准工具條上。
首先,為按鈕選擇一張圖片。當你點擊選擇圖片按鈕的時候,你將可以從許多調色板中選擇一張圖片。一旦你點擊了其中一張,你將可以得到如圖3的窗口:



(圖3)

在本例子中選擇一個黃色的笑臉的圖片,如圖4所示:



(圖4)

現在拖拉這個笑臉的圖標到標准的工具條中,或者其它的工具條。關閉工具條和菜單定制對話框。這是新的按鈕就會出現在標准的工具條中或者其它你選擇的工具條。下面是擴展了的標准工具條視圖,如圖5所示:



(圖5)

現在讓我們試一試這個宏吧。首先打開一個HTML文件,為簡單起見,這裡選擇D:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Tutorial\samples\lesson1中的about.htm。點擊HoTMetaL PRO 6.0's HTML Source View標簽,並且在它們前面以空格填充向右移動,然後點擊中那個笑臉按鈕。這是源程序就會自動改變以反應在定制對話框中描述的版面定義。這時你將看到源泉代碼返回到它的原版面格式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved