网页导航条怎么做（怎么制作导航条）
本文目录一览：
网页导航条用ps怎么做 要详细一点的
PS可以用切片做。你先做好导航条的样式-选择切片工具-用切片工具选择要点击来连接的位置-右击切出来的位置-编辑切片选项-URL里加上连接-完成后在文件选项中用
导出-导出为HTML格
FWORKS也差不多。同样做好导航条的样式-热键区域-选择区域-加连接-导出
网页中的导航条是怎么做出来的啊？
导航的那段代码单独保存为一个后缀为.asp的文件，然后在有导航的页面在相应位置调用，调用的语句为
!--#include
file="***.asp"--
其中，***就是你导航的文件名。
网页导航条怎么做?
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代码之间，网页此时的效果如图：
