網站頁面菜單欄設計

1、左側頁面菜單欄樣式設計

俺做過類似的功能， 左邊固定一個treeview，右邊放一個容器控制項， 點擊左邊的treeview節點的時候根據節點的不同，用反射機制創建一個你要的控制項（就是右邊的那一部分，你事先已經做成用戶控制項），然後調用 右邊容器的Controls.Add方法，把你剛才的創建那個控制項放進去並顯示出來就OK了。

2、網頁導航菜單欄製作

導航菜單的實現

首先定義導航外圍容器的樣式：

#left {
width: 178px;
}

現在外圍容器我們只要簡單版的定義其寬度，並權賦予left的id名。在left容器中，我們添加一個名為navcontainer的子容器來放置導航菜單。實現導航的標簽推薦使用無序列表ul，通過CSS我們可以改變其外觀和形式。HTML結構如下：

< div id="navcontainer">
< ul>
< li>< a href="#">Home< /a>< /li>
< li>< a href="#">About me< /a>< /li>
< li>< a href="#">ximicc< /a>< /li>
< li>< a href="#">Articles< /a>< /li>
< li>< a href="#">Photo roll< /a>< /li>
補充
< /ul>
< /div>
ul和li標簽構建了一個簡單的項目列表，其項目符號默認為小圓點，這是我們不需要的。利用CSS可以去掉那些小圓點，並用背景圖片的形式替換以我們製作好的圖標：

3、UI設計網頁時，導航欄尺寸規格一般是多少

當前最流行的解析度是1920*1080，在該解析度下，頁面中心區域為1200px以內都可以。在800*600解析度下，導航欄尺寸規格保持在778px以內；在1024*768解析度下，網頁寬度保持在1002px以內。

如果沒有指定的要求，以1920尺寸設計就好（這是目前最普遍的尺寸大小），前端開發人員會自行適配其他的解析度。

(3)網站頁面菜單欄設計擴展資料：

UI設計網頁方法

一、呈現更新穎的內容

設計師在進行網頁ui設計的過程中需要注意的是，想要讓自己的網頁看起來更加與眾不同，但也不必過於誇大，可以用一些新鮮的理念和不同的布局來吸引用戶訪問。比如以一種動態的方式，將信息呈現給用戶，以此來贏得用戶更多的關注。

二、增強元素的設計感

相對於普通的網頁ui設計而言，具有較強的設計感的網頁往往會更容易吸引用戶的注意。任何一個具有創意的網站開發設計方案，都會把目光更聚焦在網頁的基本布局和色彩搭配上，而這也意味著網頁上一般存在很多種不同的元素。

三、激勵用戶更多操作

網站開發的設計製作的類型有很多種，面對不同的類型，要有特定的網頁ui設計方案。給用戶提供一個尋找目標的簡易方法，這樣用戶就容易沉浸到頁面中來，同時也增加了用戶操作的幾率。

4、網站設計時需要考慮各瀏覽器菜單欄所佔的高度嗎？

肯定 不用考慮，瀏覽器菜單欄！

頁面高度 不用考慮 ，因為有滾動條 ，頁面可以無限長度！ 

只需要定好寬度 便可以， 參考： 可以去主流網站例如 某寶 ，某東，某博 等門戶網站 ！

利用開發者工具F12 查看頁面最大元素寬度！

您是 做平面設計的吧？？ 

如果 只顯示一屏幕！ 你的設計搞 就先按照你的電腦解析度高度 設計！因為 無論你怎麼設計 ，用戶在瀏覽網頁的時候窗口大小 是未知的！

後期 前端 會利用 javascript語言監聽瀏覽器寬高 ，自適應網頁內容！ 

也可以用css 設置 html,body{ width:100%; height:100%; }

然後內容 用百分比 布局，或用媒體查詢 @media 控制瀏覽器頁面的內容

javascript監聽瀏覽器 寬高 代碼：

window.onresize=function(){
var curheight=document.documentElement.clientHeight||document.body.clientHeight;
var curwidth=document.documentElement.clientWidth||document.body.clientWidth;
console.log(curheight,curwidth)
}

5、flash 製作網站引導頁，以及可動的菜單欄

這些效果你可以使用flash或者js來實現，當然選擇哪個取決於你的技術能力，flash肯定是更簡單。你說的這些都屬於交互內容，涉及到的是flash中的as開發部分，比如一個最簡單的點擊按鈕跳轉到網頁，在flash 按鈕設計中就通過給按鈕增加點擊事件偵聽，然後通過方法
navigateToURL(new URLRequest("鏈接地址"), "打開方式");來實現。同樣，導航也是類似。如果你不會做可以找一些現成的導航修改，由於這里不允許貼網址，你可以去百度搜索flash導航，一大堆的資源，那些大多是給出了介面，直接修改就能使用，缺點就是不一定能適應自己的需求。要完全適應自己的要求，還是得自己設計。

6、用html做一個通用的頁面菜單欄

淘寶的用的應該是框架的，盡量不要用js去添加頁面內容，很占資源的，專放大效果的話屬，把一個頁面都用js輸出，就知道對載入速度的影響了。
可以在一個頁面做出來菜單欄，然後用框架(FRAME)。
我用的是.net，可以用母版頁實現這個功能，html的話，用frame框架做比較好