當前位置:首頁 » 網站資訊 » 網站怎麼添加導航欄
擴展閱讀
如何讓手機增強網路信號 2025-02-06 14:24:15
路由器開關後沒有網路了 2025-02-06 14:21:35
附近wifi全部沒網路 2025-02-06 14:08:24

網站怎麼添加導航欄

發布時間: 2022-05-02 19:13:09

A. 怎麼製作網站頂部的導航條

<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:7em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>

<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

<p>
在上面的例子中,我們把 ul 元素和 a 元素浮向左浮動。li 元素顯示為行內元素(元素前後沒有換行)。這樣就可以使列表排列成一行。ul 元素的寬度是 100%,列表中的每個超鏈接的寬度是 7em(當前字體尺寸的 7 倍)。我們添加了顏色和邊框,以使其更漂亮。
</p>

</body>
</html>

B. 網頁導航欄是怎麼弄出來的

自己做一個也可以,如果不會做,或者沒有好的想法,我推薦你一些導航樣式吧,是CSS+圖片的:http://eeyi.blogspot.com/2009/02/23css.html
下載之後,壓縮包里有兩個預覽文件,相中那個,就打開預覽文件,找到相應的代碼,然後復制到你的網頁中就可以了。

還有,如果覺得這樣的導航不好,也可以選用flash導航,網上也有很多的,下載下來模板,然後修改一下就是了。

C. 請問網頁里頭如何做當前位置導航欄如當前位置》首頁》產品介紹》電腦

導航欄其實就是一組超鏈接,典型的導航欄將有一些指向站點的主頁和主要網頁的超鏈接,它是用來幫助網站訪問者瀏覽站點的工具,或者稱其為「網站地圖」更為貼切。導航欄可以是按鈕或者文本超鏈接。

你可以在你的站點的每個網頁上顯示一個導航欄,這樣你站點的訪問者就可以既快又容易地轉向站點的主要網頁。

你可以創建一組超鏈接以供自己瀏覽使用——也就是說,你可以創建一組自己的按鈕,讓它們連接到站點里的相關網頁,重復這樣做,就可以在任何網頁上增加導航欄。你也可以設置自己站點的導航結構,然後讓FrontPage 2000幫你創建並維護導航欄。比如,如果你移動或添加了網頁,FrontPage 2000將相應地自動更新導航欄(重新計算超鏈接)。

注意:FrontPage 2000隻是當你在一個站點上工作時才會創建導航欄,獨立的網頁則不行。

你可以組織導航視圖模式下的網頁來創建當前站點的導航結構。這個導航結構顯示出你站點里網頁之間彼此相關聯的情形,你可選擇「格式」菜單中的「共享邊框」命令,來讓FrontPage 2000自動設置導航欄。

認識導航結構
我們來仔細看看這些網頁間的關系:

主頁就是第一個添加到導航結構的網頁,一般都叫做default.htm或index.htm,在本示例中,「歡迎」就是主頁。

最上層網頁和主頁在同一層(但是不含主頁在內)。在本示例中,最上層網頁就是「說明」和「與我們聯系」。

父層網頁是包含另一個網頁的父網頁,以及直接鏈接到同層父網頁的其他網頁。在本示例中,「新功能」的父層網頁就是「歡迎」 (父網頁)、「說明」和「與我們聯系」。同理,「下載」的父層網頁就是「產品」(父網頁)、「新功能」和「服務」,但是並不包含「雇員」,因為它和「產品」沒有鏈接。

子層網頁就是直接位於其他網頁之下的網頁。在本示例中,歡迎有三個子網頁(新功能,產品和服務),與我們聯系有一個子網頁(雇員),產品有兩個子網頁(下載和訂購)。

網頁上的導航欄可以橫排或豎排。你可以在每個網頁上添加超過一個以上的導航欄。例如∶要瀏覽不同網頁層級,在下面導航視圖模式里,請注意到「服務」和「新聞」是同層級的網頁,而「服務」還有四個子網頁。

為站點設置導航結構
通過組織導航視圖的網頁,你可以為你的站點創建導航結構。當你為站點里的網頁添加導航欄時,FrontPage 2000將根據這個結構來創建每個導航欄。導航結構將決定導航欄上該有哪些超鏈接,而網頁標題則決定超鏈接的標簽:

在導航視圖里,你可以做下面這些事:

若要為當前導航結構添加現有網頁,可單擊文件夾列表裡的網頁,然後拖曳到你想要將其放置的位置。

若要移動導航結構里的網頁,可在該網頁上單擊,然後拖曳到其他位置,例如在另一網頁之下或其旁邊。

若要賦予網頁一個有意義的標題,可在網頁上單擊滑鼠右鍵,然後在快捷菜單上單擊 「重命名」,再編輯名稱。

若要在現有網頁下增加新網頁,可在現有網頁上單擊滑鼠右鍵,然後在快捷菜單上單擊「新建網頁」。例如∶你可以在主頁之下添加網頁。

若要添加外部網頁(不在你站點里的網頁),可在你想添加外部超鏈接的網頁上單擊滑鼠右鍵,然後在「URL」框中指定目標地址。

若要刪除導航結構里的網頁,可單擊該網頁,然後按Delete鍵。再單擊「將本網頁從所有導航欄中刪除」。

添加導航欄到網頁

我們已經知識,導航欄就是一組文本或按鈕超鏈接,站點訪問者利用它們可以到達你的Web站點中的某一個網頁。一個典型的導航欄可能擁有指向站點主頁和主要上層網頁的全部按鈕。當你添加一個導航欄到網頁時,FrontPage 2000將根據你在導航視圖模式下設置的導航結構生成導航超鏈接。

選擇導航欄是垂直還是水平布置——例如∶可使用跨越網頁頂部的水平導航欄,也可使用由網頁側邊垂直而下的導航欄。

選擇要顯示的超鏈接類型——按鈕(只在你使用主題時才可選擇此選項)或文本。

選擇要在導航欄中顯示哪些超鏈接:

指向與當前網頁同一層級的網頁超鏈接;

指向當前網頁的上一層網頁(父層)的超鏈接;

指向當前網頁的下一層網頁(子層)的超鏈接;

指向主頁的子網頁的超鏈接;

指向你站點的最上層網頁的超鏈接;

用於順序瀏覽同一層級網頁的上一頁和下一頁超鏈接;

一個指向站點的主頁或一個網頁的父網頁的超鏈接。

在共享邊框中使用導航欄
想要快速地在您的站點設置瀏覽系統嗎?建議您使用含有共享過框的導航欄。共享邊框是站點中一個或多個網頁所共有的區域。利用共享邊框可以僅用一個步驟即可將同樣的內容放置在多個網頁中,而無須編輯每個網頁,這是網頁製作者最常用的方式。您也可以在共享邊框中使用導航欄。

但是共享邊框中的導航欄與每一個網頁都有關——當你在某一網頁中查看導航欄時,它似乎頗有功效,但當你在另一個網頁中查看時,也許顯示的超鏈接就不那麼合適。因為對於使用共享邊框的在所有網頁,共享邊框中的導航欄都有一模一樣的設置,因而你必須小心地設置它。

操作十分簡單:

在網頁視圖模式下,將插入點定位在你想要放置導航欄的地方。例如,在共享邊框內部單擊便可在其中放置導航欄。

在「插入」菜單中,單擊「導航欄」。

在「要添加到網頁的超鏈接」之下,選擇在導航欄中你所要的超鏈接類型(圖1)。

在「方向和外觀」之下,指定你要的導航欄是水平還是垂直,以及要顯示文本還是按鈕。如果你使用了主題,則只能選擇「按鈕」。

導航欄被添加到你的網頁中。如果你的站點應用了一個主題,按鈕式導航欄將使用主題的字體、顏色和其他樣式組件。

提醒:當你添加一個導航欄到網頁時,你可以選擇你所要顯示的超鏈接。這些超鏈接和導航結構中網頁的位置有關。但是,如果你所選擇的導航超鏈接和當前網頁無關(例如∶你添加一個最上層導航欄,但站點除了主頁外並無其他上層網頁),該導航欄將不會在Web瀏覽器中顯示。可是當你編輯該網頁時,你將會看到導航欄的布置區。另外,如果你的站點伺服器是FrontPage 97或更早的版本,導航欄將無法使用。

有關圖表見http://tech.sina.com.cn/c/765.html
參考資料:http://tech.sina.com.cn/c/765.html

D. 如何設置網站導航欄

1. 導航欄策劃要科學


所謂科學是要利於訪客理解,如果利用過於新穎的語言文字就會使其面向小群體,如“新聞動態”就成“飯圈有事”,圈外人完全無法理解這是什麼,這就導致不種於訪客瀏覽。所以,導航欄的設置需要簡介明了,面向大眾群體,讓人摸不著頭腦的導航欄出會提高跳出率,為追求新穎得不償失。


2.導航欄要符合搜索引擎抓取規則


智碼聯動建議需要做推廣的網站最好使用文字類型的導航欄,因為很多js,flash,圖片的導航欄網路不能抓取識別,對網站的推廣有一定的影響,搜索引擎會判定網站相關性不高,用戶體驗度較差等。


3.導航欄跳轉要正常


這就是導航的設置問題了,有些導航欄點擊沒有跳轉,或者跳轉頁面不符合,這很致命。訪客認為這個網站很差,不專業並且不信任無法產生成交,所以在網站上線前後都需要對網站的各個跳轉進行檢查,以避免發生這類事情。


4.導航欄內容要有重點


導航欄的關鍵是告訴訪客我這個版面的內容是什麼,方便訪客瀏覽,需要盡量做到簡介的劃分網站內容,合格的布局欄目,長度適宜,內容關聯強,把重點放到前面,非重點置後。讓訪客盡量看到重點的內容,吸引訪客進行深入了解。

E. 怎麼用列表和浮動,創建網頁的橫向導航條

1、用Dreamweaver新建一個HTML文件。

F. 網頁導航條怎麼做

1、打開Deamweaver8,新建一網頁文件。接著輸入以下導航菜單的內容:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>導航欄示例</title>

</head>

<body>

<ul id="navigation">

<li></li>

<li><a href="#">首 頁</a></li>

<li><a href="#">我的博客</a></li>

<li><a href="#">互動交流</a></li>

<li><a href="#">開心一刻</a></li>

<li><a href="#">懸 賞 令</a></li>

<li></li>

</ul>

</body>

</html>

G. 網頁中的導航條是怎麼做出來的啊

導航的那段代碼單獨保存為一個後綴為.asp的文件,然後在有導航的頁面在相應位置調用,調用的語句為
<!--#include
file="***.asp"-->
其中,***就是你導航的文件名。

H. 添加導航菜單!怎樣設置

點系統功能在左下角菜單管理一欄有個網站頭部導航菜單設置點了之後選擇添加一個新鏈接就可以了

I. 如何使用frontpage 2003製作導航欄

我們已經知道,導航欄就是一組文本或按鈕超鏈接,站點訪問者利用它們可以到達你的Web站點中的某一個網頁。一個典型的導航欄可能擁有指向站點主頁和主要上層網頁的全部按鈕。當你添加一個導航欄到網頁時,FrontPage2000將根據你在導航視圖模式下設置的導航結構生成導航超鏈接。

選擇導航欄是垂直還是水平布置——例如∶可使用跨越網頁頂部的水平導航欄,也可使用由網頁側邊垂直而下的導航欄。

選擇要顯示的超鏈接類型——按鈕(只在你使用主題時才可選擇此選項)或文本。

選擇要在導航欄中顯示哪些超鏈接:

指向與當前網頁同一層級的網頁超鏈接;

指向當前網頁的上一層網頁(父層)的超鏈接;

指向當前網頁的下一層網頁(子層)的超鏈接;

指向主頁的子網頁的超鏈接;

指向你站點的最上層網頁的超鏈接;

用於順序瀏覽同一層級網頁的上一頁和下一頁超鏈接;

一個指向站點的主頁或一個網頁的父網頁的超鏈接。

在共享邊框中使用導航欄

想要快速地在您的站點設置瀏覽系統嗎?建議您使用含有共享過框的導航欄。共享邊框是站點中一個或多個網頁所共有的區域。利用共享邊框可以僅用一個步驟即可將同樣的內容放置在多個網頁中,而無須編輯每個網頁,這是網頁製作者最常用的方式。您也可以在共享邊框中使用導航欄。

但是共享邊框中的導航欄與每一個網頁都有關——當你在某一網頁中查看導航欄時,它似乎頗有功效,但當你在另一個網頁中查看時,也許顯示的超鏈接就不那麼合適。因為對於使用共享邊框的在所有網頁,共享邊框中的導航欄都有一模一樣的設置,因而你必須小心地設置它。

操作十分簡單:

在網頁視圖模式下,將插入點定位在你想要放置導航欄的地方。例如,在共享邊框內部單擊便可在其中放置導航欄。

在「插入」菜單中,單擊「導航欄」。

在「要添加到網頁的超鏈接」之下,選擇在導航欄中你所要的超鏈接類型(圖1)。

在「方向和外觀」之下,指定你要的導航欄是水平還是垂直,以及要顯示文本還是按鈕。如果你使用了主題,則只能選擇「按鈕」。

導航欄被添加到你的網頁中。如果你的站點應用了一個主題,按鈕式導航欄將使用主題的字體、顏色和其他樣式組件。

提醒:當你添加一個導航欄到網頁時,你可以選擇你所要顯示的超鏈接。這些超鏈接和導航結構中網頁的位置有關。但是,如果你所選擇的導航超鏈接和當前網頁無關(例如∶你添加一個最上層導航欄,但站點除了主頁外並無其他上層網頁),該導航欄將不會在Web瀏覽器中顯示。可是當你編輯該網頁時,你將會看到導航欄的布置區。另外,如果你的站點伺服器是FrontPage97或更早的版本,導航欄將無法使用。