|
MenuMachine是一個(gè)制作菜單的工具，具有使用簡單，制作快速，兼容性高等特點(diǎn)，是GoLive上著名的擴(kuò)展模塊。只是在國內(nèi)很少為人所知，為了方便大家的學(xué)習(xí)和使用，我已經(jīng)將其中的重要部分做了漢化，并暫時(shí)起了一個(gè)中文名稱叫做“菜單飛梭”。下面我們就來學(xué)習(xí)一下如何使用它在網(wǎng)頁中創(chuàng)建菜單。本教程有視頻版本，可通過 http://99ut.com/tutorial 觀看。
啟動GoLive并開啟站點(diǎn)，然通過菜單【MenuMachine_開啟MenuMachine調(diào)板】，就會出現(xiàn)如下左圖所示的調(diào)板，調(diào)板中會列出當(dāng)前站點(diǎn)中的菜單項(xiàng)目。大家要先弄明白菜單飛梭的工作方式，它并不是直接在頁面中創(chuàng)建菜單，而是通過一個(gè)專門的編輯器來完成，完成后的菜單項(xiàng)目將出現(xiàn)在這個(gè)調(diào)板中。然后我們再從這個(gè)調(diào)板中拖動所需的菜單項(xiàng)目到網(wǎng)頁當(dāng)中�？梢詣�(chuàng)建多個(gè)菜單項(xiàng)目，按照需要來使用。
現(xiàn)在還沒有任何項(xiàng)目，所以我們按照提示在箭頭所指處點(diǎn)擊以創(chuàng)建一個(gè)新的菜單項(xiàng)目。
點(diǎn)擊后就會自動開啟主編輯器，如下圖。首先在標(biāo)志1處為菜單項(xiàng)目取個(gè)名字，比如圖中的main1。然后在標(biāo)志2處的主題中選擇一個(gè)主題，不同的主題有不同的菜單風(fēng)格，可以在標(biāo)志3處看到預(yù)覽。以后也可以將我們自己創(chuàng)建的菜單作為主題來使用。為了更全面地學(xué)習(xí)，我們選擇最基礎(chǔ)的“blank menu”主題。最后點(diǎn)擊標(biāo)志4處的右向箭頭以進(jìn)入下一步。需要注意的是，如果沒有輸入菜單名將無法繼續(xù)。
現(xiàn)在我們進(jìn)入最主要的設(shè)定界面，如下圖所示。紅色箭頭處是3個(gè)設(shè)定類，分別是：
Item(單項(xiàng)設(shè)定)：用來對菜單結(jié)構(gòu)中的任何一項(xiàng)進(jìn)行單獨(dú)設(shè)定，內(nèi)容最多。
Block(層級設(shè)定)：用來對某級別的所有項(xiàng)目進(jìn)行設(shè)定，內(nèi)容相對少些。
Global(整體設(shè)定)：用來對所有項(xiàng)目進(jìn)行設(shè)定，內(nèi)容最少。
綠色箭頭處是菜單結(jié)構(gòu)的預(yù)覽，同時(shí)也可以反映出鼠標(biāo)懸停等效果。右下角的橙色箭頭處可以更改預(yù)覽區(qū)域的背景顏色。它只提供視覺參考，而并不對應(yīng)用菜單項(xiàng)目的網(wǎng)頁產(chǎn)生影響。如果將來要把菜單放置在一個(gè)紫色背景的網(wǎng)頁中，那么就可以在編輯器中設(shè)定為紫色背景，這樣比較容易判斷色彩搭配方式。
現(xiàn)在大家要明確一下菜單的概念。菜單是具有多個(gè)層次的，通常來說，一開始就顯示在網(wǎng)頁中的，是頂級菜單項(xiàng)目，然后通過鼠標(biāo)懸停(或點(diǎn)擊，大多數(shù)情況下是懸停)的方式，出現(xiàn)下級的子菜單。因此在制作之前首先要先規(guī)劃好自己的菜單層次結(jié)構(gòu)�，F(xiàn)在我們現(xiàn)在是這樣來規(guī)劃的：
頂級菜單有3項(xiàng)，分別是教程列表、資源庫、友情鏈接。
教程列表下設(shè)2個(gè)子級項(xiàng)：圖形處理、網(wǎng)頁制作。圖形處理下有Photoshop、Illustrator。網(wǎng)頁制作下有GoLive、DreamWeaver。
資源庫下設(shè)3個(gè)子級項(xiàng)：Photoshop、Illustrator、GoLive。
友情鏈接下設(shè)置4個(gè)子級項(xiàng)：大師之路(99ut.com)、藍(lán)色理想(blueidea.com)、太平洋(pconline.com.cn)、天極網(wǎng)(yesky.com)。
現(xiàn)在我們點(diǎn)擊下圖紅色箭頭處的按鈕創(chuàng)建同級菜單項(xiàng)，按照規(guī)劃，總共要有3個(gè)項(xiàng)目。
藍(lán)色箭頭處是保存按鈕，在修改后應(yīng)及時(shí)保存。在后面我們將學(xué)習(xí)如何將菜單項(xiàng)目應(yīng)用到網(wǎng)頁中，以后點(diǎn)擊保存就可以在網(wǎng)頁中看到修改后的效果，而不必退出編輯器。
Item(單項(xiàng)設(shè)定)中將菜單文字改為相應(yīng)的內(nèi)容�？梢栽O(shè)置寬度和高度。需要注意的是，高度的修改將影響同級所有項(xiàng)目。另外也可以在預(yù)覽窗口通過鼠標(biāo)拖動來修改，如下動畫所示。
出處：藍(lán)色理想
責(zé)任編輯：趙鵬
上一頁 下一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [2]
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [1]
第 2 頁 
