當前位置:才華齋>設計>網頁設計>

Dreamweaver建立跳轉選單教程

網頁設計 閱讀(2.05W)

一、在Dreamweaver中插入跳轉選單

Dreamweaver建立跳轉選單教程

1. 點選滑鼠,將游標定位在表單框線內,點選“插入”選單,選擇“表單”項,在彈出的子選單中選擇“跳轉選單”命令。

或者在“插入”面板中選擇“表單”項,點選“跳轉選單”圖示,如下圖所示:

點選“視窗”選單,選擇“插入”項,可以開啟“插入”面板。

2. 點選“跳轉選單”圖示後,彈出“插入跳轉選單”對話方塊,如下圖所示:

3. 在該對話方塊中可以進行下列操作:

單擊“+”按鈕,增加選單項;單擊“-”按鈕,刪除選單項。

單擊向上、向下按鈕改變選單項在列表中的位置。

文字:在該文字框中修改為選單項的名稱。

選擇時,轉到 URL:輸入該選單項要跳轉到的URL地址,或者單擊“瀏覽”按鈕,從磁碟上選擇要連結的網頁或物件。

開啟 URL 於:選擇目標文件要開啟的位置。如果是框架頁面,則會出現框架視窗。

選單 ID:輸入選單項的ID名稱,用於程式程式碼中。

選項之選單之後插入前往按鈕:選擇此項,在選單後面插入“前往”按鈕。在瀏覽器中點選該按鈕,可以跳轉到相應的`頁面。

選項之更改 URL 後選擇第一個專案:選擇此項,當跳轉到指定的URL以後,仍然預設選擇第一項。

4. 設定完成後,單擊“確定”按鈕退出“插入跳轉選單”對話方塊,在表單中插入了跳轉選單。

5. 在文件中點選“跳轉選單”表單控制元件,如下圖所示:

6. 開啟跳轉選單“屬性”面板,如下圖所示:

7. 可以看到該面板實際上就是“列表/選單”屬性面板,通過設定“列表/選單”屬性面板的方法即可編輯該跳轉選單。

8. 點選“前往”按鈕,如下圖所示:

9. 開啟按鈕“屬性”面板,如下圖所示:

10. 在按鈕“屬性”面板上,可以設定按鈕的各種屬性。

11. 此時,跳轉選單的建立和屬性的設定全部完成了。

二、提示

將游標定位到表單的紅色虛線圍成的框內,按回車(Enter)鍵,可以新增多個跳轉選單。