首页 → 名言 → 成长励志散文
在dreamweaver中如何創建導航條 dreamweaver div制作導航
日期:2023-03-08 16:25:47    编辑:网络投稿    来源:互联网
Dreamweaver創建導航條實用教程  創建導航條  如果不使用框架,可以在每個頁面設置導航條,導航條設一組鏈接按鈕,供瀏覽者選擇使用。按鈕有多種形式,下邊介紹由鼠標經過圖像
为你推荐:
  • 關于勵志的名言
  • Dreamweaver創建導航條實用教程

      創建導航條

      如果不使用框架,可以在每個頁面設置導航條,導航條設一組鏈接按鈕,供瀏覽者選擇使用。按鈕有多種形式,下邊介紹由鼠標經過圖像變換按鈕的組成的導航條制作:(導航條在頁面頂部)

      “鼠標經過圖像”是當訪問者用鼠標指針指向該圖像時,該圖像發生變化。

      “鼠標經過圖像”由兩個圖片組成:頁面最初載入時顯示的原始圖像,訪問者將鼠標指針移到原始圖像上時顯示另一幅圖像。

      提示:事先您要制作好按鈕圖像,確保每個按鈕的圖像都具有相同的寬度和高度(以像素為單位)。

      請執行以下操作:

      打開主頁 (index.htm)

      在“文檔”窗口中,將插入點放置在要顯示導航條的位置。一般在導航條上邊要放置一個橫幅圖像(logo),導航條就安排在logo下邊的位置。

      選擇“插入”>“圖像對象”>“導航條”。彈出對話框如下:

    Dreamweaver教程:創建導航條1

      在“插入導航條”對話框中,單擊頂部加號“+”按鈕,按照上圖所示①②③④⑤對應的'文本框,填入相應的文件。即完成了一個按鈕的添加。

      然后,單擊頁面頂部的加號“+”按鈕,添加另一個按鈕。重復以上步驟,直至您所需的按鈕添加完畢。

      勾選“預先載入圖像”,在對話框底部的“插入”菜單中,選中“水平”。勾選“使用表格”。

      單擊“確定”關閉該對話框,成功創建了導航條。

      保存頁面。

      按F12,預覽一下你的導航條,如果滿意了,可以將該頁面多次“另存為”其它頁面,分別指定不同的名稱。比如:p1.htm、p2.htm.....等。保存多少次視您的按鈕數量而定。然后,分別打開其它頁面進行編輯。

      【注】:鼠標指針經過按鈕,圖像變化,只能在瀏覽器中看到效果。

    【Dreamweaver創建導航條實用教程】相關文章:

    1.Dreamweaver如何創建頁面

    2.Dreamweaver創建頁面教程

    3.Dreamweaver創建圖形提交按鈕

    4.Dreamweaver創建跳轉菜單教程

    5.Dreamweaver中表格的創建及基本編輯方法

    6.Dreamweaver中如何使用模板的創建與編輯

    7.Dreamweaver8創建自定義代碼片段的方法

    8.關于Dreamweaver

    这里有更多你想看的
  • 最溫柔的話
    • 本类最新
    • 精品图文
    • 时尚
    • 新闻
    • 生活
    • 视觉
    • 微爱
      栏目ID=88的表不存在(操作类型=0)

    头条推荐

    热门推荐

    特别推荐

    返回顶部