網頁設計製作中製作導航代碼_網頁設計中

1、html靜態網頁導航製作問題

這個網站的導航不是簡單的靜態導航,而是利用JAVA+CSS做的導航.
你可以參考下這個網專 http://www.lanrentuku.com/lanren/menu/
裡面有很多很屬實用的代碼.可以直接下載和利用的.

你如果只是想簡單地做一個滑鼠移過去就換的圖片,你可以先做一個表格.
然後插入事先做好的2個圖片(一個是原來的,一個是滑鼠移過去就變換的)
使用dreamweare,在表格中:插入,圖象對象,滑鼠經過圖象時

分別插入2個圖片和做好超連接就可以了

利用JAVA那些導航需要看得懂代碼才能去做哦.不然會看到頭暈的,呵呵.

2、求網頁製作導航欄的代碼或方法

css代碼如下：---------------------
#box_topbar {
/*width: 980px;*/
width:100%;height:135px;
z-index:100;
_position: relative ;
_top:0px;
}
#topNav {
width: 100%;height: 105px;
z-index: 100;
overflow: visible;
position: fixed;
top: 0px; /* position fixed for IE6 */
_position: absolute;
_top: expression(documentElement.scrollTop + "px");background:#1a1a1a;
color:#fff;

}
html代碼如下------------------------------
<div id="box_topbar">
<div id="topNav">
</div></div>

做網頁還是用Dreamweaver更方便一些的

3、網頁製作導航鏈接:如下是一個導航的代碼，請問要如何對導航添加鏈接？

<div><a href=""></a></div>
其中<a></a>放在<div></div>裡面
還有 href 你拼寫錯誤

4、html中製作一個網頁導航，怎麼弄

用表格做！
看你的導航是橫排的還是豎排的。
橫排的就建一個一行多列的表格，豎排的就建一個一列多行的表格。把每一個鏈接放在各個單元格中。最後把這個表格保存為一個HTML文件，在需要導航的頁面上include這個文件在你指定的位置就OK了。這樣的好處是你只要做一次導航文件就可以在所有你想要用！的地方引用。改起來也灰常方便，因為你只要改這個HTML文件就會在所有引用的地方全部生效了！

5、網頁設計導航是怎麼做的

1、打開Deamweaver8，新建一網頁文件。接著輸入以下導航菜單的內容：

<head>

<title>導航欄示例</title>

</head>

<body>

</ul>

</body>

</html>

2、此時對應效果如圖：

3、接下來准備相關的導航按鈕圖片（可以事先利用PS製作好）。

4、然後將以下CSS代碼加入到<head></head>之間：

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代碼之間，網頁此時的效果如圖：

6、關於製作網頁導航條的語句！

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
html,body,a,div{padding:0;margin:0;}
.nav a{ text-decoration:none;line-height:24px;float:left;width:100px;height:24px; background-color:#00FFFF; color:#FF0033; border:1px solid #000000; text-align:center}
.nav a:hover{ background-color:#0066FF; color:#CCCCCC; font-weight:bold}
</style>
</head>
<body>
<div class="nav">
<a href="#">首頁</a>
<a href="#">導航1</a>
<a href="#">導航2</a>
<a href="#">導航3</a>
<a href="#">導航4</a>
<a href="#">導航5</a>
</div>
</body>
</html>

7、網頁設計導航條

下面的代碼，你去看看，不好用再說。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">

</style>
</head>

<body>
<div id="navigation">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關於我們</a></li>
<li><a href="#">產品展示</a>
<div>
<ul>
<li><a href="#">產品1一</a></li>
<li><a href="#">產品2一</a></li>
<li><a href="#">產品3一</a></li>
<li><a href="#">產品4一</a></li>
<li><a href="#">產品5一</a></li>
<li><a href="#">產品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">聯系電話</a>
<div>
<ul>
<li><a href="#">產品1一</a></li>
<li><a href="#">產品2一</a></li>
<li><a href="#">產品3一</a></li>
<li><a href="#">產品4一</a></li>
<li><a href="#">產品5一</a></li>
<li><a href="#">產品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">公司介紹</a></li>
</ul>
</div>

</body>
</html>

8、網頁設計製作導航條如何製作

一, 鍵盤上可以直接輸 |
二, 如果是一條虛線的話, 那麼是這樣做的:
用Fireoworks新建一個1*3PX的圖片, 在中間畫一個點,然後將其導出,再在DW里建一個單元格,將其背景設為這個圖片(注意,讓它垂直方向重復,水平方向不重復 -- CSS),大功告成
三,CSS
<a href="#" style="border-right:1px solid #000">鏈接</a>

9、網頁設計中,怎麼做成上面是導航條,下面是內容....... （我要簡單的代碼，讓我做參考）

沒明白你什麼意思！你是說就像百度知道首頁一樣，導航條在上面，導航條的下面也有內容？還是內容在導航條裡面，滑鼠放在導航條上自動彈出導航內容的效果？

導航:首頁 > 萬維百科 > 網頁設計製作中製作導航代碼

網頁設計製作中製作導航代碼

與網頁設計製作中製作導航代碼相關的知識