Ⅰ 網站導航欄如何設計才有利於SEO優化
1）、網站導航包含關鍵詞
通常來講，網站導航一般都會包含核心關鍵詞與長尾關鍵詞，為了使得頁面看著簡潔美觀，通常只是選擇某個關鍵詞替代，而利用Title標簽，表達完整的關鍵詞。
當然，這里值得提醒的是，有的企業站點為了增加某個關鍵詞的密度，而把關鍵詞放在網站導航上，而去掉超鏈接，這雖然是一種策略，但略有作弊嫌疑。
2）、網站導航合理利用H2-H3標簽
除了特殊的SEO單頁優化，會出現多個H1標簽，一般正常的網站每個獨立頁面基本上只包含1個獨立H1，所以在導航條設計的時候，你需要合理的分配標簽H2-H3，給相應的欄目，從而提高重視度。
3）、避免內容頁面與網站導航關鍵詞沖突
站內錨文本是每個SEO人員，都會設置的，但這里大家經常忽略一個小細節，通常而言，搜索引擎，習慣只記錄某個鏈接的出現的錨文本關鍵詞。
基於搜索引擎的抓取順序，從上到下，從左到右，如果在導航條出現的關鍵詞，就盡量不要在內容頁面，給這個鏈接同樣的錨文本，你可以採用語義相關的詞。
4）、利用導航突破關鍵詞排名
如果你在SEO行業有一段時間，你會發現一個問題，某個關鍵詞熱度高的詞，怎樣做排名都無法提升，這個時候，其實你可以充分利用，網站導航的高權重，將該內容頁面，寫入網站導航。
通常來講，一定時間後，你的關鍵詞排名會有一定改善。
5) 、盡量不要使用圖片做網址導航
如果必須使用圖片作為網站的導航鏈接，就要對圖片進行SEO(搜索引擎優化)(搜索引擎優化)優化，以圖片鏈接指向頁面的主要關鍵詞(KEY)作為ALT內容，另外在圖片的周圍布置文字鏈接作為輔助。建議你最好使用文字，圖片也是不得已而為之。
Ⅱ 如何設計網頁導航欄標題
這是初學者可能會問的問題，其實這要具體情況具體分析的：比如如果內容非常多，就要考慮用「國字型」或拐角型;而如果內容不算太多而一些說明性的東西比較多，則可以考慮標題正文型;那幾種框架結構的一個共同特點就是瀏覽方便，速度快，但結構變化不靈活;而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采，封面性是首選;Flash型更靈活一些，好的Flash大大豐富了網頁，但是它不能表達過多的文字信息。還沒有提到的就是變化型了，我只是想把這個留給各位朋友了，因為，只有不斷的變化才會提高，才會不斷豐富我們的網頁!
烈火網 www.liehuo.net 推薦閱讀蒼井空在微博為青海玉上周五(23日)，日本AV女優蒼井空在自己的微博宣布，擬發起為青海災民籌款的活...IPv4 地址枯竭的日子何時到來？五一放假安排,2010年勞動節放假三天網路聯盟峰會召開 三大舉措助力聯盟發韓國版獸獸照片下載地址,遭網友瘋狂追谷歌街景汽車肩負收集WiFi網路與MAC的關注地球日：共同珍惜資源倡導低碳生活中國電影著作權協會:網吧看電影收費網頁灰白:向玉樹地震遇難同胞默哀點擊彈出div圓角的遮罩層,可關閉可移動類似HAO123.COM的多個搜索引擎跳轉效果Tab選項卡效果,兼容IE、火狐、Chrome等網站技術分析報告之——開心網給Dedecms前台/後台添加來源網址功能極點五筆7.1 (x86/x64) 標准版/學習版 導航欄的位置
導航欄能讓我們在瀏覽時容易的到達不同的頁面，是網頁元素非常重要的部分，所以導航欄一定要清晰、醒目，一般來講，導航欄要在「第一屏」能顯示出來，但是有時第一屏可能會小於上面所說的435px，基於這點考慮，那種橫向放置的導航欄要優於縱向的導航欄考慮，原因很簡單：如果瀏覽者的第一屏很矮，橫向的仍能全部看到，而縱向的就很難說了，因為窗口的寬度一般是不會受瀏覽器設置影響的，而縱向的則不確定性要大的多。
網頁布局類型
網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下面分別論述。
1. 「國」字型：也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多是最多的一種結構類型。
2. 拐角型：這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
3. 標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
4. 左右框架型：這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。
5. 上下框架型：與上面類似，區別僅僅在於是一種上下分為兩頁的框架。
6. 綜合框架型：上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。
7. 封面型：這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
8. Flash型：其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。
9. 變化型：即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。
Ⅲ 如何設置好網站的導航欄目
導航欄設計是網站建設中非常重要的一個環節，設計一款可用的、足夠吸引人的導航，是多麼的重要。若想要你的網站足夠吸引人，必須要掌握如下幾點要點。
1.加入顯眼的搜索框
用戶經常使用搜索篩選信息，更快更直接獲取重要的信息，所以搜索款框應該突出展示，應該出現在每一個頁面上，應該和主導航欄一起存在，要易於訪問。強大的搜索框是讓用戶留存的重要影響因素之一。
2.不要隱藏導航
超級小的圖標，隱藏在頁腳，不顯眼的鏈接，這些對於增減用戶體驗而言都是非常不利的，會讓用戶覺得難以掌控。相反，時刻存在的導航讓用戶會更加安心，讓用戶時刻都擁有離開、跳轉的安全通道。
3.控制導航欄的數量
據頁面數據分析顯示，通常一個網站內的導航欄數量最好不要超出7個，這也是為了凸顯導航欄作用,作為導航欄，更應該起到的作用是將有價值的信息傳遞給用戶，而並非是把所有的東西都放在導航欄力還會給用戶留下非常不好的印象。
4.首要的導航擋在重要位置
基本上每一個網站的導航欄都會包含搜索、關於我們、首頁，聯系我們，而電商類的網站則通常會包含購物車、購買的按鈕。但是，不管怎麼樣，永遠將最關鍵、最重要的導航類目讓用戶看到，這才是導航所應該做到的事情。
Ⅳ 怎麼給網站加一個導航欄
我想修改導航欄的鏈接 想多加一個版塊 但不知道 導航欄 在哪個代碼中 不一般導航會放在以header或top等命名的頁面中,當然這不是絕對的,可以通過閱讀
Ⅳ 網頁導航欄的設計方式有哪些
導航欄的設計方式有很多種，通過專業的PS設計軟體，可以結合自己的靈感設計，網上有很多可以做為參考或欣賞。
Ⅵ 網頁導航條怎麼做
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>
Ⅶ 建設網站中的導航欄在設計時有哪些常見的樣式
分享幾個常見的導航設計：
1、滑出導航
滑出式導航是現在很流行的一種，當用戶打開頁面時，第一眼看到的是主要的內容而非菜單，給用戶更好的第一印象。響應式全屏滑出導航也可以給人愉悅的體驗。
2、全屏導航
全屏導航設計對內容有強調作用，用戶可以更加便捷地切換到不同的頁面，讓內容成為更加觸手可及的東西。如果設計的夠合理，用戶會在無意識間充分運用起它的導航功能。
3、單頁滾動導航
對於不含有大量內容的網站而言，單頁式的導航的效果非常不錯。這樣的網站只需要簡單的向下滾動操作，內容就會持續不斷地到你的眼前。
4、垂直導航
垂直導航最流行的有兩種排版方式，一種是隱藏式的導航菜單，需要的時候點擊顯示。另外一種是固定的側邊欄來展示菜單。它為網站設計提供了一種新的視覺體驗。
導航如何使用，還是要結合你的項目的具體特徵來決定的。
Ⅷ 如何用PPT製作網站導航欄
PPT教程一、首先畫一個矩形框，設置其大小為：高6.2厘米，寬5.2厘米。
PPT教程二、再畫一個矩形框，設置其大小為：高6厘米，寬5厘米。
PPT教程三、把它們的頂邊、左邊重合在一起，再進行組合，這樣兩個對象就變成一個對象。
具體步驟如下：把小一點的矩形框放在大的矩形框上面，直接拖動小的到大的上面即可。或者採用如下辦法：設置大的矩形框的位置為：水平：1厘米，垂直：2厘米，小的也是同樣的位置，這樣它們就重合。
選中大的矩形框(下面的那個)，按住Shift鍵不放開，再單擊小的矩形框，然後右擊->組合
PPT教程四、再畫一個矩形框，高：1.2厘米，寬：5.8厘米，位置：水平：0.65厘米，垂直：0.8厘米。
右擊該矩形框，選擇「添加文字」，輸入「菜單」兩字。
PPT教程五、添加菜單項
1、再畫一個矩形框，大小：高：1.2，寬：5，位置：水平：1，垂直：2，添加文字為「設計思維」
2、重復1，改位置為：水平：1，垂直：3.2，添加文字「色彩設計」。
3、再畫三個同樣的矩形框，只是按照上面步驟更改位置和文本，不再鰲述。
PPT教程六、設置進入動畫
右擊選中剛剛創建的對象，選擇「自定義動畫」，出現「自定義動畫」的任務窗格(只有PPT 2003以上的版本才有，2000版以下的可以休息了，不支持啊)，選擇組合框(兩個大的矩形框，已經組合在一起成為一個對象)，單擊「添加效果」->「進入」->「其它效果」，選擇「切入」，確定返回。更改切入方向的為「自頂部」(只要在任務窗格中單擊「方向」的下拉箭頭進行選擇即可)。
設置觸發器，在任務窗格下方出現第一個動畫對象，單擊它(選中)，然後在它的右邊單擊下拉箭頭，選擇「計時」，出現一個對話框。單擊「觸發器」的按鈕，選擇下面的一個「單選按鈕」，再單擊它右邊的下拉箭頭選擇「矩形框5：菜單」，確定返回即可。
一個組合框的觸發器下拉動畫完成了。
下面進行其它的對象觸發器下拉動畫設置：
選中「設計思維」矩形框，按照上面的步驟進行重復的設置，只修改如下部分：
在設置完成後，「設計思維」的動畫是「單擊」才能進行的，因此，需要修改。在任務窗格中選中「設計思維」動畫，然後單擊它右邊的下拉箭頭，選擇「從上一項之後開始」命令(或者直接單擊任務窗格上部的「開始」下拉箭頭，選擇「之後」，下同)。
上面完成了「設計思維」的下拉動畫設置
再選擇「色彩設計」矩形框，添加下拉動畫，其設置與「設計思維」相同，但是要改「單擊」為「之前」，其含義是：讓「設計思維」與「色彩設計」的動畫同時進行。
後面的菜單項與「色彩設計」完全相同。
PPT教程七、設置退出動畫
其設置過程與六基本相同，
首先選擇「組合框」，單擊「添加效果」->選擇「退出」命令(注意，六是選擇「進入」，這里是選擇「退出」)，然後選擇「退出動畫」中的「切出」，設置其觸發器為「矩形框5：菜單」，也就是和上面的相同。動畫方向為「到頂部」，開始為「單擊」，再選擇「設計思維」矩形框，添加「退出」動畫效果，觸發器還是「矩形框5：菜單」，把「單擊」改為「之後」，而其它的菜單項都設置為「之前」，設置方法同六。
PPT教程八、添加多張幻燈片
按下Ctrl + M 4次，添加4張幻燈片，在每一張上添加適當的文字。
選擇剛剛弄成包含有的菜單幻燈片(也就是第一張)，選中「設計思維」矩形框對象，單擊「幻燈片放映」，選擇「動作設置」命令，超鏈接到第一張幻燈片，同理，其它每一個菜單對象都超連接到對應的幻燈片上。
然後選中第一張做好動畫菜單的所有對象，復制粘貼到所有的幻燈片上，至此大功告成。
Ⅸ 我在做網站，請問怎樣設計網頁導航欄可以全屏顯示的，如圖所示，導航欄綠色背景左右兩邊可以無限延伸。
寬度設置為1920PX，或者100%
設置1920PX的原因是，現在顯示器最大解析度寬度是1920PX，所以1920一般就可以代表全屏了。
如果考慮的方向有點多的話，就設置為100%
再說了， 如果你使用的是DIV，默認它就是鋪滿的，因為它是行級，並非塊級。
Ⅹ 怎樣設置導航欄
一般是：設置——全部設置——導航欄，當然可能不同的手機型號，設置方法不同。僅供參考。而涉及導航欄的具體步驟如下面的表格會寫得很具體。
在屏幕上找到如圖所示紅色方框標記的「設置」選項，點擊進如設置界面。
點擊選擇下圖所示紅色方框標記的「導航欄」選項。
我們可以看到下圖所示目前「導航欄可隱藏」選項是關閉的。
點擊打開紅色方框標記的「導航欄可隱藏」選項後，我們可以看到如圖下方紅色標記的位置多了一個向下的「箭頭」，這個「箭頭」就是可以隱藏導航欄的選項。點擊這個「箭頭後」導航欄便會消失。
如下圖所示，點擊「箭頭」後，導航欄已經在屏幕界面中消失了。如果再想導航欄出現，只需要拇指從屏幕最下方往上滑動一小段距離即可。
導航欄幾個按鍵的位置還是可以調換的，如下圖所示我們選中的導航欄按鍵分布已經和前面圖片上顯示的不一樣了。