导航:首页 > 万维百科 > 如何设计网站的链接及导航

如何设计网站的链接及导航

发布时间:2020-09-12 22:24:41

1、【导航网页设计中】如何设定整个网页里的链接在新标签页中显示?

在<head>标签中加上<base target="_blank">,这样,所有的链接都在新的窗口打开;然后设置浏览器internet选项,让新窗口在新标签页中打开,具体情况请根据你自己的浏览器设置.

2、怎样制作自己的网址导航

1、打开百度,注册一个百度帐号。
2、输入已经注册好的百度帐号及密码,登录百度帐号。
3、登录百度帐号后,在左边有导航一栏,这里就可以存入我们有用的网址了。
4、在导航的右边,可以看到“添加”和“编辑”的按键,“添加”是新增加一个有用网址,“编辑”是对以前保存的网址进行修改。
5、输入自己想要添加的网址,并备注好名称,方便日后使用。填写完后点击后面的“添加网址”进行保存。
6、添加完成后,在导航中就出现了你添加的网址链接。以后只要登录百度帐号,就能轻松的打开你保存过的网站了。

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

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

<html xmlns="网址">

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

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

4、html中制作一个网页导航,怎么弄

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

5、如何制作一个网页链接

我觉得建站可以按照以下步骤进行:
1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“my
sites”。
2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)
3、打开你的网页编辑程序(例如fp、dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。
4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)
5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“file”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)
6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)
7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
8、把网站上传至空间里面,删了准备文件,就ok了!
不过也可以这样使用fp建站:
1、在fp里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。
4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
5、把网站上传至空间里面,删了准备文件。完毕。
(1)静态网页每个网页都有一个固定的url,且网页url以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性交叉,在功能方面有较大的限制。

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

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

7、网页制作导航链接:如下是一个导航的代码,请问要如何对导航添加链接?

<div><a href=""></a></div>
其中<a></a>放在<div></div>里面
还有 href 你拼写错误

8、什么是网站链接?网站优化如何设置链接导航?

网站链接有四种形式:1是超链接,就是一点击就可以跳转到所连接的页面;2是锚文本链接,直接点击锚文字跳转所连接的页面;3.是纯文本链接,不可点击的网址;4是图片链接,点击图片跳转所连接的页面。链接导航采用的是锚文本链接,就是用文本作为链接载体,直接点击文字跳转。优化建议:首页和分类页以核心关键词作为锚文本,内容页用目标长尾关键词作为锚文本。

9、网页导航条怎么做?

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

与如何设计网站的链接及导航相关的知识