導航:首頁 > 萬維百科 > 如何設計網站的鏈接及導航

如何設計網站的鏈接及導航

發布時間: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)

與如何設計網站的鏈接及導航相關的知識