网页设计怎么调出导航栏（网页导航栏的布局）
本文目录一览：
网页导航栏是怎么弄出来的？
自己做一个也可以，如果不会做，或者没有好的想法，我推荐你一些导航样式吧，是CSS+图片的：
下载之后，压缩包里有两个预览文件，相中那个，就打开预览文件，找到相应的代码，然后复制到你的网页中就可以了。
还有，如果觉得这样的导航不好，也可以选用flash导航，网上也有很多的，下载下来模板，然后修改一下就是了。
网页设计导航是怎么做的
1、打开Deamweaver8，新建一网页文件。接着输入以下导航菜单的内容：
html xmlns="网址"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title导航栏示例/title
/head
body
ul id="navigation"
li/li
lia href="#"首 页/a/li
lia href="#"我的博客/a/li
lia href="#"互动交流/a/li
lia href="#"开心一刻/a/li
lia 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代码之间，网页此时的效果如图：
html怎么设置导航栏
H5中可以直接使用导航栏标签nav/nav
注 * 要设置样式推荐使用CSS
求网页制作达人，dreamweaver怎样在图片上放导航条?
1、点击Dreamweaver，双击打开。
2、选择文件-打开（快捷键Ctrl+O），打开网页文本。
3、把鼠标光标放在需要插入导航条的地方，选择插入记录-图像对象-导航条命令。
4、此时会弹出插入导航条的对话框。
5、点击“状态图像”后面的浏览，在弹出的对话框中选择需要的图片。
6、同上步一样，插入鼠标经过图像和按下图像。
7、点击确定后出现下面效果。
8、保存文档，按F12使用浏览器浏览效果。
