当前位置:首页 » 网站资讯 » 网站怎么添加导航栏
扩展阅读
手机设置软件限流 2025-02-06 16:37:39
魅族s6网络共享打不开 2025-02-06 16:10:24
手机打不进来提示网络忙 2025-02-06 16:03:08

网站怎么添加导航栏

发布时间: 2022-05-02 19:13:09

A. 怎么制作网站顶部的导航条

<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:7em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>

<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

<p>
在上面的例子中,我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素(元素前后没有换行)。这样就可以使列表排列成一行。ul 元素的宽度是 100%,列表中的每个超链接的宽度是 7em(当前字体尺寸的 7 倍)。我们添加了颜色和边框,以使其更漂亮。
</p>

</body>
</html>

B. 网页导航栏是怎么弄出来的

自己做一个也可以,如果不会做,或者没有好的想法,我推荐你一些导航样式吧,是CSS+图片的:http://eeyi.blogspot.com/2009/02/23css.html
下载之后,压缩包里有两个预览文件,相中那个,就打开预览文件,找到相应的代码,然后复制到你的网页中就可以了。

还有,如果觉得这样的导航不好,也可以选用flash导航,网上也有很多的,下载下来模板,然后修改一下就是了。

C. 请问网页里头如何做当前位置导航栏如当前位置》首页》产品介绍》电脑

导航栏其实就是一组超链接,典型的导航栏将有一些指向站点的主页和主要网页的超链接,它是用来帮助网站访问者浏览站点的工具,或者称其为“网站地图”更为贴切。导航栏可以是按钮或者文本超链接。

你可以在你的站点的每个网页上显示一个导航栏,这样你站点的访问者就可以既快又容易地转向站点的主要网页。

你可以创建一组超链接以供自己浏览使用——也就是说,你可以创建一组自己的按钮,让它们连接到站点里的相关网页,重复这样做,就可以在任何网页上增加导航栏。你也可以设置自己站点的导航结构,然后让FrontPage 2000帮你创建并维护导航栏。比如,如果你移动或添加了网页,FrontPage 2000将相应地自动更新导航栏(重新计算超链接)。

注意:FrontPage 2000只是当你在一个站点上工作时才会创建导航栏,独立的网页则不行。

你可以组织导航视图模式下的网页来创建当前站点的导航结构。这个导航结构显示出你站点里网页之间彼此相关联的情形,你可选择“格式”菜单中的“共享边框”命令,来让FrontPage 2000自动设置导航栏。

认识导航结构
我们来仔细看看这些网页间的关系:

主页就是第一个添加到导航结构的网页,一般都叫做default.htm或index.htm,在本示例中,“欢迎”就是主页。

最上层网页和主页在同一层(但是不含主页在内)。在本示例中,最上层网页就是“说明”和“与我们联系”。

父层网页是包含另一个网页的父网页,以及直接链接到同层父网页的其他网页。在本示例中,“新功能”的父层网页就是“欢迎” (父网页)、“说明”和“与我们联系”。同理,“下载”的父层网页就是“产品”(父网页)、“新功能”和“服务”,但是并不包含“雇员”,因为它和“产品”没有链接。

子层网页就是直接位于其他网页之下的网页。在本示例中,欢迎有三个子网页(新功能,产品和服务),与我们联系有一个子网页(雇员),产品有两个子网页(下载和订购)。

网页上的导航栏可以横排或竖排。你可以在每个网页上添加超过一个以上的导航栏。例如∶要浏览不同网页层级,在下面导航视图模式里,请注意到“服务”和“新闻”是同层级的网页,而“服务”还有四个子网页。

为站点设置导航结构
通过组织导航视图的网页,你可以为你的站点创建导航结构。当你为站点里的网页添加导航栏时,FrontPage 2000将根据这个结构来创建每个导航栏。导航结构将决定导航栏上该有哪些超链接,而网页标题则决定超链接的标签:

在导航视图里,你可以做下面这些事:

若要为当前导航结构添加现有网页,可单击文件夹列表里的网页,然后拖曳到你想要将其放置的位置。

若要移动导航结构里的网页,可在该网页上单击,然后拖曳到其他位置,例如在另一网页之下或其旁边。

若要赋予网页一个有意义的标题,可在网页上单击鼠标右键,然后在快捷菜单上单击 “重命名”,再编辑名称。

若要在现有网页下增加新网页,可在现有网页上单击鼠标右键,然后在快捷菜单上单击“新建网页”。例如∶你可以在主页之下添加网页。

若要添加外部网页(不在你站点里的网页),可在你想添加外部超链接的网页上单击鼠标右键,然后在“URL”框中指定目标地址。

若要删除导航结构里的网页,可单击该网页,然后按Delete键。再单击“将本网页从所有导航栏中删除”。

添加导航栏到网页

我们已经知识,导航栏就是一组文本或按钮超链接,站点访问者利用它们可以到达你的Web站点中的某一个网页。一个典型的导航栏可能拥有指向站点主页和主要上层网页的全部按钮。当你添加一个导航栏到网页时,FrontPage 2000将根据你在导航视图模式下设置的导航结构生成导航超链接。

选择导航栏是垂直还是水平布置——例如∶可使用跨越网页顶部的水平导航栏,也可使用由网页侧边垂直而下的导航栏。

选择要显示的超链接类型——按钮(只在你使用主题时才可选择此选项)或文本。

选择要在导航栏中显示哪些超链接:

指向与当前网页同一层级的网页超链接;

指向当前网页的上一层网页(父层)的超链接;

指向当前网页的下一层网页(子层)的超链接;

指向主页的子网页的超链接;

指向你站点的最上层网页的超链接;

用于顺序浏览同一层级网页的上一页和下一页超链接;

一个指向站点的主页或一个网页的父网页的超链接。

在共享边框中使用导航栏
想要快速地在您的站点设置浏览系统吗?建议您使用含有共享过框的导航栏。共享边框是站点中一个或多个网页所共有的区域。利用共享边框可以仅用一个步骤即可将同样的内容放置在多个网页中,而无须编辑每个网页,这是网页制作者最常用的方式。您也可以在共享边框中使用导航栏。

但是共享边框中的导航栏与每一个网页都有关——当你在某一网页中查看导航栏时,它似乎颇有功效,但当你在另一个网页中查看时,也许显示的超链接就不那么合适。因为对于使用共享边框的在所有网页,共享边框中的导航栏都有一模一样的设置,因而你必须小心地设置它。

操作十分简单:

在网页视图模式下,将插入点定位在你想要放置导航栏的地方。例如,在共享边框内部单击便可在其中放置导航栏。

在“插入”菜单中,单击“导航栏”。

在“要添加到网页的超链接”之下,选择在导航栏中你所要的超链接类型(图1)。

在“方向和外观”之下,指定你要的导航栏是水平还是垂直,以及要显示文本还是按钮。如果你使用了主题,则只能选择“按钮”。

导航栏被添加到你的网页中。如果你的站点应用了一个主题,按钮式导航栏将使用主题的字体、颜色和其他样式组件。

提醒:当你添加一个导航栏到网页时,你可以选择你所要显示的超链接。这些超链接和导航结构中网页的位置有关。但是,如果你所选择的导航超链接和当前网页无关(例如∶你添加一个最上层导航栏,但站点除了主页外并无其他上层网页),该导航栏将不会在Web浏览器中显示。可是当你编辑该网页时,你将会看到导航栏的布置区。另外,如果你的站点服务器是FrontPage 97或更早的版本,导航栏将无法使用。

有关图表见http://tech.sina.com.cn/c/765.html
参考资料:http://tech.sina.com.cn/c/765.html

D. 如何设置网站导航栏

1. 导航栏策划要科学


所谓科学是要利于访客理解,如果利用过于新颖的语言文字就会使其面向小群体,如“新闻动态”就成“饭圈有事”,圈外人完全无法理解这是什么,这就导致不种于访客浏览。所以,导航栏的设置需要简介明了,面向大众群体,让人摸不着头脑的导航栏出会提高跳出率,为追求新颖得不偿失。


2.导航栏要符合搜索引擎抓取规则


智码联动建议需要做推广的网站最好使用文字类型的导航栏,因为很多js,flash,图片的导航栏网络不能抓取识别,对网站的推广有一定的影响,搜索引擎会判定网站相关性不高,用户体验度较差等。


3.导航栏跳转要正常


这就是导航的设置问题了,有些导航栏点击没有跳转,或者跳转页面不符合,这很致命。访客认为这个网站很差,不专业并且不信任无法产生成交,所以在网站上线前后都需要对网站的各个跳转进行检查,以避免发生这类事情。


4.导航栏内容要有重点


导航栏的关键是告诉访客我这个版面的内容是什么,方便访客浏览,需要尽量做到简介的划分网站内容,合格的布局栏目,长度适宜,内容关联强,把重点放到前面,非重点置后。让访客尽量看到重点的内容,吸引访客进行深入了解。

E. 怎么用列表和浮动,创建网页的横向导航条

1、用Dreamweaver新建一个HTML文件。

F. 网页导航条怎么做

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

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

G. 网页中的导航条是怎么做出来的啊

导航的那段代码单独保存为一个后缀为.asp的文件,然后在有导航的页面在相应位置调用,调用的语句为
<!--#include
file="***.asp"-->
其中,***就是你导航的文件名。

H. 添加导航菜单!怎样设置

点系统功能在左下角菜单管理一栏有个网站头部导航菜单设置点了之后选择添加一个新链接就可以了

I. 如何使用frontpage 2003制作导航栏

我们已经知道,导航栏就是一组文本或按钮超链接,站点访问者利用它们可以到达你的Web站点中的某一个网页。一个典型的导航栏可能拥有指向站点主页和主要上层网页的全部按钮。当你添加一个导航栏到网页时,FrontPage2000将根据你在导航视图模式下设置的导航结构生成导航超链接。

选择导航栏是垂直还是水平布置——例如∶可使用跨越网页顶部的水平导航栏,也可使用由网页侧边垂直而下的导航栏。

选择要显示的超链接类型——按钮(只在你使用主题时才可选择此选项)或文本。

选择要在导航栏中显示哪些超链接:

指向与当前网页同一层级的网页超链接;

指向当前网页的上一层网页(父层)的超链接;

指向当前网页的下一层网页(子层)的超链接;

指向主页的子网页的超链接;

指向你站点的最上层网页的超链接;

用于顺序浏览同一层级网页的上一页和下一页超链接;

一个指向站点的主页或一个网页的父网页的超链接。

在共享边框中使用导航栏

想要快速地在您的站点设置浏览系统吗?建议您使用含有共享过框的导航栏。共享边框是站点中一个或多个网页所共有的区域。利用共享边框可以仅用一个步骤即可将同样的内容放置在多个网页中,而无须编辑每个网页,这是网页制作者最常用的方式。您也可以在共享边框中使用导航栏。

但是共享边框中的导航栏与每一个网页都有关——当你在某一网页中查看导航栏时,它似乎颇有功效,但当你在另一个网页中查看时,也许显示的超链接就不那么合适。因为对于使用共享边框的在所有网页,共享边框中的导航栏都有一模一样的设置,因而你必须小心地设置它。

操作十分简单:

在网页视图模式下,将插入点定位在你想要放置导航栏的地方。例如,在共享边框内部单击便可在其中放置导航栏。

在“插入”菜单中,单击“导航栏”。

在“要添加到网页的超链接”之下,选择在导航栏中你所要的超链接类型(图1)。

在“方向和外观”之下,指定你要的导航栏是水平还是垂直,以及要显示文本还是按钮。如果你使用了主题,则只能选择“按钮”。

导航栏被添加到你的网页中。如果你的站点应用了一个主题,按钮式导航栏将使用主题的字体、颜色和其他样式组件。

提醒:当你添加一个导航栏到网页时,你可以选择你所要显示的超链接。这些超链接和导航结构中网页的位置有关。但是,如果你所选择的导航超链接和当前网页无关(例如∶你添加一个最上层导航栏,但站点除了主页外并无其他上层网页),该导航栏将不会在Web浏览器中显示。可是当你编辑该网页时,你将会看到导航栏的布置区。另外,如果你的站点服务器是FrontPage97或更早的版本,导航栏将无法使用。