❶ 怎么用html+css做一个导航条

首先建抄立一个DIV，为其命名为袭“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。

然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}

如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li {float:left;}

每个栏目之间分隔的距离可通过margin（外边距）属性来设置。

导航条的更多样式及详细步骤可去这里参考http://jingyan..com/article/da1091fb05fe93027849d600.html

❷ 如何制作MetInfo导航条

一、全面了解网站模板的类别，定位自己想要制作的网站模版的风格和模块，包括头部，身体，尾部的内容，图片，颜色等！
二、需要掌握的基本语言
1.HTML：熟练，HTML教程；
2.CSS：熟练， CSS教程；
3.javaScript（简称JS）：简单制作模板不需要掌握太多JS，知道JS有什么作用即可，JS教程；
4.PHP：不需要掌握太多PHP，了解基本的语法知识即可，PHP教程；
注：这几种语言是网站制作人员必须了解和熟知的！
三、需要具备的工具
1.推荐使用浏览器：谷歌浏览器，支持HTML+CSS3，前端开发必备。
2.推荐Web浏览器调试工具：IETester 多个IE版本，用于测试IE兼容。
3.推荐代码编辑器：notepad++ 非常棒的轻量级代码编辑器，推荐它主要是比 Dreamweaver 快太多。
4.推荐图片处理软件：PhotoShop 图像处理软件，简称PS。
注：上面推荐的工具仅作参考！个人可以根据喜好选择自己习惯的工具！
四、环境搭建，制作网站模板！
要制作网站模板，就必须搭建并运行所需要的环境以及安装想制作的模板系统，以便在自己的电脑上进行制作和测试。
五、MetInfo网站模板制作相关教程

❸ 网页制作的导航条问题

不知道你会使用抄DW么？ DW中可以实现的

1.首先插入一个表格（必须要两行，列数随意）
2.选中第二行的某个单元格----插入一个层
3.选中层————在层内在插入一个表格（你想要下拉菜单显示多少行就选多少行）
4.添加行为————显示/隐藏层。

大致步骤就这么多，希望对你有帮助。。

❹ 如何使用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>

❺ 网页导航条怎么做

可以用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)

❻ 请问各大门户网站首页的图片导航条怎样制作

你看看是不是跟这个一样的: http://www.ihaiyang.com

将下面代码放在你的网页上
<script src="AlterImage.js"></script>
<div id="sx6781"></div>

<script type="text/javascript">
function loadAlterImage(){

var alterImage=new AlterImage({width:250,imageHeight:172});
alterImage.showText=1;

var item1=new AlterImageItem();
item1.image='http://www.ihaiyang.com/haiyang10.jpg ';
item1.link='http://bbs.qiyeclub.net/haifeng/ShowPost.asp?ThreadID=2876';
item1.text='今年烟台月月都有大型专场招聘会';
alterImage.add(item1);

var item2=new AlterImageItem();
item2.image='http://www.ihaiyang.com/haiyang11.jpg';
item2.link='http://bbs.qiyeclub.net/haifeng/ShowPost.asp?ThreadID=2827';
item2.text='找工作：文科与理科，就业冰火两重天？';
alterImage.add(item2);

var item3=new AlterImageItem();
item3.image='http://www.ihaiyang.com/haiyang7.jpg';
item3.link='http://bbs.qiyeclub.net/haifeng/ShowPost.asp?ThreadID=2470';
item3.text='海阳大秧歌传承人上榜国家非遗传人';
alterImage.add(item3);

var item4=new AlterImageItem();
item4.image='http://www.ihaiyang.com/haiyang4.jpg';
item4.link='http://bbs.qiyeclub.net/haifeng/ShowPost.asp?ThreadID=2211';
item4.text='山东高考:大中专院校录取新生不迁户口';
alterImage.add(item4);

var item5=new AlterImageItem();
item5.image='http://www.ihaiyang.com/haiyang9.jpg';
item5.link='http://bbs.qiyeclub.net/haifeng/ShowPost.asp?ThreadID=2867';
item5.text='美刊大肆狂想：中美太空大战';
alterImage.add(item5);

alterImage.fill('sx6781');
}

loadAlterImage();

</script>
将下面两个文件下载到你的空间与网页在同一目录下:
http://www.ihaiyang.com/AlterImage.js
http://www.ihaiyang.com/viewpic.swf

你还可以修图片大小,同样也要修改代码的值,你可以增加或者减少图片的数量.

❼ 请问网站导航栏怎么做方便修改，制作一次多页面使用

做成自定义控件啊
不懂就去找找教程

❽ 如何用Photoshop制作网站的“导航栏”

网站的“导抄航栏”作为网页设计中的重要组成部分，扮演着极为重要的角色。网页导航栏设计的成功与否，在很大程序上决定着整个网页的美观程度。用Photoshop设计“导航栏”，不仅讲究ps技术，更在于发挥你的创造力和想象力，这是学习ps最难之所在。具体制作过程见网上教程。

❾ 如何实现制作的网页左侧能有一个跟着网页移动的导航栏，就像那种广告一样

把你的导航栏添加一个position:fixed的css属性就行了，有可能会被其他层盖住，可以再增加z-index属性。

❿ 如何用PPT制作网站导航栏

PPT教程一、首先画一个矩形框，设置其大小为：高6.2厘米，宽5.2厘米。
PPT教程二、再画一个矩形框，设置其大小为：高6厘米，宽5厘米。
PPT教程三、把它们的顶边、左边重合在一起，再进行组合，这样两个对象就变成一个对象。
具体步骤如下：把小一点的矩形框放在大的矩形框上面，直接拖动小的到大的上面即可。或者采用如下办法：设置大的矩形框的位置为：水平：1厘米，垂直：2厘米，小的也是同样的位置，这样它们就重合。
选中大的矩形框(下面的那个)，按住Shift键不放开，再单击小的矩形框，然后右击->组合
PPT教程四、再画一个矩形框，高：1.2厘米，宽：5.8厘米，位置：水平：0.65厘米，垂直：0.8厘米。
右击该矩形框，选择“添加文字”，输入“菜单”两字。
PPT教程五、添加菜单项
1、再画一个矩形框，大小：高：1.2，宽：5，位置：水平：1，垂直：2，添加文字为“设计思维”
2、重复1，改位置为：水平：1，垂直：3.2，添加文字“色彩设计”。
3、再画三个同样的矩形框，只是按照上面步骤更改位置和文本，不再鳌述。
PPT教程六、设置进入动画
右击选中刚刚创建的对象，选择“自定义动画”，出现“自定义动画”的任务窗格(只有PPT 2003以上的版本才有，2000版以下的可以休息了，不支持啊)，选择组合框(两个大的矩形框，已经组合在一起成为一个对象)，单击“添加效果”->“进入”->“其它效果”，选择“切入”，确定返回。更改切入方向的为“自顶部”(只要在任务窗格中单击“方向”的下拉箭头进行选择即可)。
设置触发器，在任务窗格下方出现第一个动画对象，单击它(选中)，然后在它的右边单击下拉箭头，选择“计时”，出现一个对话框。单击“触发器”的按钮，选择下面的一个“单选按钮”，再单击它右边的下拉箭头选择“矩形框5：菜单”，确定返回即可。
一个组合框的触发器下拉动画完成了。
下面进行其它的对象触发器下拉动画设置：
选中“设计思维”矩形框，按照上面的步骤进行重复的设置，只修改如下部分：
在设置完成后，“设计思维”的动画是“单击”才能进行的，因此，需要修改。在任务窗格中选中“设计思维”动画，然后单击它右边的下拉箭头，选择“从上一项之后开始”命令(或者直接单击任务窗格上部的“开始”下拉箭头，选择“之后”，下同)。
上面完成了“设计思维”的下拉动画设置
再选择“色彩设计”矩形框，添加下拉动画，其设置与“设计思维”相同，但是要改“单击”为“之前”，其含义是：让“设计思维”与“色彩设计”的动画同时进行。
后面的菜单项与“色彩设计”完全相同。
PPT教程七、设置退出动画
其设置过程与六基本相同，
首先选择“组合框”，单击“添加效果”->选择“退出”命令(注意，六是选择“进入”，这里是选择“退出”)，然后选择“退出动画”中的“切出”，设置其触发器为“矩形框5：菜单”，也就是和上面的相同。动画方向为“到顶部”，开始为“单击”，再选择“设计思维”矩形框，添加“退出”动画效果，触发器还是“矩形框5：菜单”，把“单击”改为“之后”，而其它的菜单项都设置为“之前”，设置方法同六。
PPT教程八、添加多张幻灯片
按下Ctrl + M 4次，添加4张幻灯片，在每一张上添加适当的文字。
选择刚刚弄成包含有的菜单幻灯片(也就是第一张)，选中“设计思维”矩形框对象，单击“幻灯片放映”，选择“动作设置”命令，超链接到第一张幻灯片，同理，其它每一个菜单对象都超连接到对应的幻灯片上。
然后选中第一张做好动画菜单的所有对象，复制粘贴到所有的幻灯片上，至此大功告成。