网站页面菜单栏设计

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框架做比较好