1、網頁設計 製作導航條 如何製作
一, 鍵盤上可以直接輸 |
二, 如果是一條虛線的話, 那麼是這樣做的:
用Fireoworks新建一個1*3PX的圖片, 在中間畫一個點,然後將其導出,再在DW里建一個單元格,將其背景設為這個圖片(注意,讓它垂直方向重復,水平方向不重復 -- CSS),大功告成
三,CSS
<a href="#" style="border-right:1px solid #000">鏈接</a>
2、DW中導航欄怎樣設置？謝謝哦！
創建導航條
如果不使用框架，可以在每個頁面設置導航條，導航條設一組鏈接按鈕，供瀏覽者選擇使用。按鈕有多種形式，下邊介紹由滑鼠經過圖像變換按鈕的組成的導航條製作：（導航條在頁面頂部）
「滑鼠經過圖像」是當訪問者用滑鼠指針指向該圖像時，該圖像發生變化。
「滑鼠經過圖像」由兩個圖片組成：頁面最初載入時顯示的原始圖像，訪問者將滑鼠指針移到原始圖像上時顯示另一幅圖像。
提示：事先您要製作好按鈕圖像，確保每個按鈕的圖像都具有相同的寬度和高度（以像素為單位）。
請執行以下操作：
打開主頁 (index.htm)
在「文檔」窗口中，將插入點放置在要顯示導航條的位置。一般在導航條上邊要放置一個橫幅圖像（logo），導航條就安排在logo下邊的位置。
選擇「插入」>「圖像對象」>「導航條」。彈出對話框如下：
在「插入導航條」對話框中，單擊頂部加號「＋」按鈕，按照上圖所示①②③④⑤對應的文本框，填入相應的文件。即完成了一個按鈕的添加。
然後，單擊頁面頂部的加號「+」按鈕，添加另一個按鈕。重復以上步驟，直至您所需的按鈕添加完畢。
勾選「預先載入圖像」，在對話框底部的「插入」菜單中，選中「水平」。勾選「使用表格」。
單擊「確定」關閉該對話框，成功創建了導航條。
保存頁面。
按F12，預覽一下你的導航條，如果滿意了，可以將該頁面多次「另存為」其它頁面，分別指定不同的名稱。比如：p1.htm、p2.htm.....等。保存多少次視您的按鈕數量而定。然後，分別打開其它頁面進行編輯。
【注】：滑鼠指針經過按鈕，圖像變化，只能在瀏覽器中看到效果
3、如何使用Dreamweaver做一個網頁的導航欄
Dreamweaver，簡稱「DW」，中文名稱"夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器。
想用DW做出導航欄必熟知div+css，基本代碼：
ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto}
ul#nav li{display:inline; height:60px}
ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px;
color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px}
ul#nav li a:hover{background:#0095BB}/*設置滑鼠滑過或懸停時變化的背景顏色*/
<ul id="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">HTML教程</a></li>
<li><a href="#">CSS基礎</a></li>
<li><a href="#">CSS開發工具</a></li>
<li><a href="#">CSS特效</a></li>
<li><a href="#">CSS問題</a></li>
</ul>