1、导航栏是网页设计中非常重要的元素。
设计网页(⊙_⊙)? 我觉得不是专业的设计出来也不怎么好看 建议去买个套装 我之前就是自己学设计 学了3天头都搞大了 结果后来我在淘宝网店和拍拍网店买的套装 真划算 30块钱就解决了 最重要的是节约了我的时间 弄那个不懂的人真的很费头脑 就拿PS来说吧 我学那个逐帧动画就学了很久 最后祝你好运!!!
2、网页设计中的导航栏问题
<style type="text/css">
<!--
ul,li{margin:0;padding:0;}
#nav {
height: 400px;
width: 200px;
border: 1px solid #000000;
}
#nav li {
list-style-image: none;
list-style-type: none;
background-color: #99FF00;
}
#nav li:hover{ background-color: #333333;cursor:pointer;}
-->
</style>
这样也能实现你要的效果,不过ie6好像不支持。如果用<a>的话会比较复杂
3、网页设计左侧导航栏
可以用js来实现,给每一项添加鼠标移入事件,当鼠标移入的时候,显示右边提前写好的内容,鼠标移开后再次隐藏。
附件是我写的一个京东页面最头部部分的例子
4、网页设计,导航菜单,我想实现一个很常见的效果
<style>
#div1{ background:url(img_1.gif) ; }
#div1:hover{ background:url(img_2.gif); }
</style>
<div id="div1">hello</div>
不需要js
5、求网页制作导航栏的代码或方法
css代码如下:---------------------
#box_topbar {
/*width: 980px;*/
width:100%;height:135px;
z-index:100;
_position: relative ;
_top:0px;
}
#topNav {
width: 100%;height: 105px;
z-index: 100;
overflow: visible;
position: fixed;
top: 0px; /* position fixed for IE6 */
_position: absolute;
_top: expression(documentElement.scrollTop + "px");background:#1a1a1a;
color:#fff;
}
html代码如下------------------------------
<div id="box_topbar">
<div id="topNav">
</div></div>
做网页还是用Dreamweaver更方便一些的
6、网页设计导航是怎么做的
1、打开Deamweaver8,新建一网页文件。接着输入以下导航菜单的内容:
<html xmlns="网址">
<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>

2、此时对应效果如图:

3、接下来准备相关的导航按钮图片(可以事先利用PS制作好)。

4、然后将以下CSS代码加入到<head></head>之间:
<style type="text/css">
body {text-align:center;}
#navigation
{ list-style-type:none; height:auto;}
#navigation li { width:154px; height:60px; text-align:center;
float:left; padding-top:18px;font-size:20px; font-family:"微软雅黑", "宋体", "隶书";
background-image:url(images/noactive.jpg);}
a {width:154px; height:72px;}
a:link { text-decoration:none; color:#FFFF00;}
a:visited { text-decoration:none; color:#FFFF00; }
#navigation li:hover { color:#CC0000; text-decoration:underline;
background-image:url(images/active.jpg);}
a:hover{ color:#CC0033;}
#left {background-image:url(images/left.jpg); width:22px;}
</style>

5、在加入CSS代码之间,网页此时的效果如图:

7、如何使用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>
8、关于网页制作导航栏链接的问题
如果是静态网页,基本是这样,手工每个页面加,也可以使用js,全部网页引用一个js,js来生成导航,如果是有动态程序的网页,就不用一个个加了,有循环生成以及文件包含,请采纳