在實(shí)際網(wǎng)頁(yè)制作過(guò)程中,經(jīng)常會(huì)遇到比較復(fù)雜的菜單,即多級(jí)菜單,有三級(jí)以上的目錄,制作較二級(jí)目錄菜單復(fù)雜些,下面以《皮膚病性病學(xué)》網(wǎng)絡(luò)課件為例說(shuō)明菜單的制作方法。

1　步驟1　首先在對(duì)話框內(nèi)填入一級(jí)目錄標(biāo)題。

2　步驟2　本例的菜單中,“前言”只有一級(jí)目錄,“總論”有二級(jí)目錄,“各論”有三級(jí)目錄。對(duì)于只有一級(jí)目錄的“前言”,只要?jiǎng)h掉其下的子目錄即可。對(duì)于有二級(jí)目錄的“總論”,只需要將其下級(jí)的文字換成二級(jí)目錄標(biāo)題即可,步驟同2. 2. 3和2. 2.4。由于“各論”有三級(jí)目錄,操作較復(fù)雜,需要先將其下面的子目錄刪掉,光標(biāo)停留在原處,然后再次單擊菜單Insert(插入)>Outlines,打開參數(shù)設(shè)置對(duì)話框,在“Add Heading”框鍵入“各論”的下一級(jí)標(biāo)題,即二級(jí)目錄標(biāo)題,點(diǎn)擊“+”后即可加入。

3　步驟3　再將二級(jí)目錄的下級(jí)目錄的文字“Replace the contentof thisdivwith the contentwhichyouwish to havewithin the outline”換成三級(jí)目錄的標(biāo)題,在各三級(jí)目錄標(biāo)題之間按<Shift>+<Enter>鍵進(jìn)行換行,即可完成菜單的制作。

4　步驟4　如果菜單的層次超過(guò)三級(jí),仍按上述方法,將文字“Replace the content of this div withthe contentwhich youwish to havewithin the outline”刪掉后再次單擊菜單Insert(插入)>Outlines進(jìn)行操作,依此類推。

在實(shí)際操作過(guò)程中,我們可以在不同級(jí)別標(biāo)題前加上不同的小圖標(biāo),以示區(qū)別標(biāo)題的級(jí)別,也可把各級(jí)標(biāo)題文字做成圖片形式,這樣效果會(huì)更好。制作完成的具有三級(jí)目錄的樹狀結(jié)構(gòu)菜單。

　　通過(guò)上面的幾步操作,我們非常方便地設(shè)計(jì)出了類似于Windows的資源管理器中的樹狀結(jié)構(gòu)菜單,單擊任何一個(gè)目錄可打開或關(guān)閉其下級(jí)的子目錄,同時(shí)也打開相應(yīng)的網(wǎng)頁(yè)。有關(guān)網(wǎng)站制作中用于設(shè)計(jì)菜單的插件還有其他一些,本文僅介紹其中操作簡(jiǎn)便、效果最佳的dHTML Outlines插件,供大家在制作網(wǎng)絡(luò)課件的菜單時(shí)參考。