隨著(zhù)網(wǎng)絡(luò )技術(shù)的不斷發(fā)展,網(wǎng)頁(yè)制作越來(lái)越普遍。網(wǎng)絡(luò )課件的制作較單機版課件相對要容易一些,但要制作一個(gè)好的網(wǎng)絡(luò )課件,菜單的設計非常重要。網(wǎng)頁(yè)菜單的設計方法很多,有的是通過(guò)Dreamweaver的顯示或隱藏層的方法實(shí)現,也可以通過(guò)編寫(xiě)Javascript程序來(lái)設計。但這些方法或者是效果不好,或是需要復雜的編程手段,這對網(wǎng)站建設初學(xué)者掌握菜單設計造成一定困難。要想設計出效果好且設計過(guò)程不復雜的網(wǎng)頁(yè)菜單,使用Dreamweaver插件可以一舉兩得。本文介紹一種名為dHTMLOutlines的插件,通過(guò)它可以很方便地設計出樹(shù)狀結構菜單。

一、　插件的下載與安裝

1　插件的下載

使用插件可以幫助我們快速地實(shí)現一些功能,免去了大量編程的麻煩。進(jìn)入Macromedia Exchange網(wǎng)站可以下載免費的插件,它是Macromedia公司專(zhuān)門(mén)開(kāi)設的一個(gè)插件中心,有全世界各地的Ultradev使用者為其提供插件。其分類(lèi)科學(xué),也有搜索引擎可幫助你快速地找到你想要的插件。

2　插件的安裝

Marcomedia公司在Dreamweaver 4. 0版本中使用了一個(gè)名為ExtensionManager的工具來(lái)幫助用戶(hù)安裝插件。ExtensionManager是隨Dreamweaver安裝的時(shí)候就安裝上去了,我們可以通過(guò):開(kāi)始→程序→Macromedia→Macromedia ExtensionManager來(lái)打開(kāi)它,顯示的界面如圖1所示。工具欄左邊的兩個(gè)按鈕分別是安裝和卸載。在工具欄下面的窗口中會(huì )列出你所安裝插件的名字、版本、類(lèi)型、作者等信息。最下面的窗口則列出該插件的用途、說(shuō)明和一些注意事項或者簡(jiǎn)單的使用方法,都是英文,目前還沒(méi)有漢化的版本。

　　如果要安裝新插件的話(huà),你可以直接雙擊你的插件文件,系統會(huì )自動(dòng)調用ExtensionManager進(jìn)行安裝,也可以通過(guò)點(diǎn)擊ExtensionManager工具欄上面的Install按鈕進(jìn)行安裝。

二、　dHTMLOutlines插件的使用

1.dHTMLOutlines插件的功能

這是一個(gè)對象插件,版本為:1. 7. 7,它的功能是創(chuàng )建資源管理器形式的下拉菜單,即樹(shù)狀菜單[3]。這個(gè)插件要求瀏覽器在IE 4以上版本或者Netscape6才支持。

2.用dHTMLOutlines插件設計二級目錄菜單

1　步驟1　插件安裝后可以從object面板或者菜單Insert(插入)→Outlines打開(kāi)插件的設置面板,進(jìn)入參數設置對話(huà)框。

2　步驟2　選擇Details標簽,面板上共有4處需要設置。Base Name forOutlines:這個(gè)可隨便填寫(xiě),但要求是一個(gè)有效的名稱(chēng),它僅是在將要生成的Javascript代碼中充當一個(gè)參數的角色,并不會(huì )在網(wǎng)頁(yè)中顯示出來(lái)。注意,不能包含空格。AddHeading:就是你想要在網(wǎng)頁(yè)菜單中顯示的目錄,在“AddHeading”框鍵入目錄標題,點(diǎn)擊“+”后即可加入,加入的目錄顯示在“Headings”框中,有幾個(gè)目錄,就加幾次。Text IndentofChild Items:下一級子目錄縮進(jìn)的距離。Include Latin FillerText:包括拉丁文的描述說(shuō)明,無(wú)關(guān)緊要,可采用默認值False。點(diǎn)擊“Create”按鈕進(jìn)入如下畫(huà)面。

3.步驟3　將一級目錄標題下方的文字

“Replace the contentof thisdivwith the contentwhichyou wish to havewithin the outline.”替換成二級目錄標題。

4.步驟4　在各二級目錄標題之間按<Shift>+ <Enter>鍵,在各目錄之間進(jìn)行換行。將主目錄及子目錄添加網(wǎng)站建設鏈接,也可在各目錄文字前放置圖標。經(jīng)過(guò)處理后的菜單。