网页设计怎么做导航_网页设计导航是怎么做的

1、网页设计中,怎么做成上面是导航条,下面是内容....... （我要简单的代码，让我做参考）

没明白你什么意思！你是说就像百度知道首页一样，导航条在上面，导航条的下面也有内容？还是内容在导航条里面，鼠标放在导航条上自动弹出导航内容的效果？

2、怎么制作自己网站的导航页面

你得有那个软件，还要去互联网交钱

3、如何制作网页中的位置导航

这个做起来不能但说起来复杂，基本原理就是根据获取的ID赋值给当前位置的变量。比如说内有容ab两个页面a.asp b.asp,从a页面点击链接b.asp?id=1跳转到b页面，b页面就根据获取的id调用数据库里面的分类名称，赋值到当前位置的变量里，这样随着ID的不同，当前位置就会发生变化。还有别的方式，比如静态的变量，不需要调用数据库，而是在页面定义的，也可以

4、网页导航条怎么做?

可以用div+css做的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body { background-color:#000000;}
#nav { height:30px; list-style:none;}
#nav li { float:left;}
#nav li a { color:#fff; text-decoration:none; padding-top:4px; display:block; width:118px; line-height:22px; height:24px; text-align:center; background:url(/uploadfile/200806/17/66191858519.gif); margin-left:5px; font-size:14px; font-weight:bold;}
#nav li a:hover { background:url(/uploadfile/200806/17/66191858519.gif) left -42px; color:#ffffff;}
#nav li a#current { background:url(/uploadfile/200806/17/66191858519.gif) left -84px; color:#fff;}
</style>
</head>
<body>
<ul id="nav">
<li><a href="/index.asp">主页</a></li>
<li><a id="current" href="/Sort/List_4.html">DIV+CSS教程</a></li>
<li><a href="/Sort/List_5.html">常用代码</a></li>
<li><a href="/Sort/List_6.html">水晶图标</a></li>
<li><a href="/Sort/List_7.html">幻灯图片</a></li>
<li><a href="/Sort/List_10.html">软件下载</a></li>
<li><a href="/css2/">CSS2.0实用手册</a></li>
</ul>
</body>
</html>
文章出处：标准之路(http://www.aa25.cn/div_css/289.shtml)

5、网页设计导航是怎么做的

1、打开Deamweaver8，新建一网页文件。接着输入以下导航菜单的内容：

<head>

<title>导航栏示例</title>

</head>

<body>

</ul>

</body>

</html>

2、此时对应效果如图：

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

4、然后将以下CSS代码加入到<head></head>之间：

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代码之间，网页此时的效果如图：

6、网页制作怎么添加导航

自己在你需要放导航的地方代码前面加
<div id="">
<ul class="">
<li><a href="#">导航栏目名</a></li>
<li><a href="#">导航栏目名</a></li>
<li><a href="#">导航栏目名</a></li>
<li><a href="#">导航栏目名</a></li>
<div style="clear:both"></div>
</ul>
</div>
去掉li和a标签默认样式，设置向左浮动定义文字大小，间距，行高以及鼠标滑上去的hover样式

7、html中制作一个网页导航，怎么弄

用表格做！
看你的导航是横排的还是竖排的。
横排的就建一个一行多列的表格，竖排的就建一个一列多行的表格。把每一个链接放在各个单元格中。最后把这个表格保存为一个HTML文件，在需要导航的页面上include这个文件在你指定的位置就OK了。这样的好处是你只要做一次导航文件就可以在所有你想要用！的地方引用。改起来也灰常方便，因为你只要改这个HTML文件就会在所有引用的地方全部生效了！

导航:首页 > 万维百科 > 网页设计怎么做导航

网页设计怎么做导航

与网页设计怎么做导航相关的知识