1、網頁製作 導航欄和分類欄怎麼在子頁面也共用呢
首先將導航欄或分類欄目製作成一個獨立的文件,這個文件需要根據你使用不同的網頁編程語言來進行不同的命名,比如.html .asp .php .jsp;再將這文件放置到需要調用的地方即可:
HTML靜態網頁調用:
<include file="header.htm" />
ASP網頁調用:
<!--#include.file="header.asp"-->
PHP網頁調用:
<?php include 'header.php';?>
2、網頁製作!求大神指導如何做出以下導航欄效果 急急急!!!!
這個得寫js啊,原理:本科生是一個div,它下面的內容是一個ul,div實現一個click方法,寫隱藏和顯示ul。
3、網頁設計 導航欄問題
這段代碼比較經典的下拉菜單,不過沒有美化,自己要美化的話,對列的項a a:hover的屬性進行定義即可,比如定義一個好的背景等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
*
body
#nav
#nav li
#nav li a
#nav li a:hover
#nav li ul
#nav li.show ul
#nav li.show ul li
#nav li.show ul li a
#nav li.show ul ul
#nav li li.show ul
</style>
<script type="text/javascript">
function getCss(elem,property){
if(elem.style[property]){
return elem.style[property];
}
else if(elem.currentStyle){
return elem.currentStyle[property];
}
else if(document.defaultView && document.defaultView.getComputedStyle){
property = property.replace(/([A-Z])/g,'-$1').toLowerCase();
var s = document.defaultView.getComputedStyle(elem,'');
return s&&s.getPropertyValue(property);
}
else{
return null;
}
}
window.onload = function() {
var obj = document.getElementById("nav");
var lis = obj.getElementsByTagName("li");
var arr = new Array();
var uls = obj.getElementsByTagName("ul")[0];
for(var i=0; i<lis.length; i++){
if(lis[i].className.indexOf("firstLevel")>=0){
arr.push(lis[i]);
}
}
for(var i=0; i<lis.length; i++){
lis[i].style.width = obj.offsetWidth/arr.length - 1 + "px";
if(lis[i].className.indexOf("thirdLevel")>=0){
lis[i].parentNode.style.marginLeft = obj.offsetWidth/arr.length - 1 + "px";
lis[i].parentNode.style.marginTop = -parseInt(getCss(uls,"lineHeight")) + "px";
}
lis[i].onmouseover=function(){
this.className+=(this.className.length>0?" ":"") + "show";
}
lis[i].onmouseout=function(){
this.className=this.className.replace(new RegExp("( ?|^)show\\b"), "");
}
}
}
</script>
</head>
<body>
<ul id="nav">
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
</li>
<li>
<a href="#">二級欄目</a>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
網頁設計 導航欄問題
4、UI設計網頁時,導航欄尺寸規格一般是多少
目前ios的尺寸都是_@2x,除了plus需要注意導航欄60PX,底部標簽欄148PX,尺寸需要_@3X也就是1.5倍計算。
5、網頁製作 導航菜單形式什麼意思
導航菜單的實現
首先定義導航外圍容器的樣式:
#left {
width: 178px;
}
現在外圍容器我內們只要簡單的定容義其寬度,並賦予left的id名。在left容器中,我們添加一個名為navcontainer的子容器來放置導航菜單。實現導航的標簽推薦使用無序列表ul,通過CSS我們可以改變其外觀和形式。HTML結構如下:
< div id="navcontainer">
< ul>
< li>< a href="#">Home< /a>< /li>
< li>< a href="#">About me< /a>< /li>
< li>< a href="#">ximicc< /a>< /li>
< li>< a href="#">Articles< /a>< /li>
< li>< a href="#">Photo roll< /a>< /li>
補充
< /ul>
< /div>
ul和li標簽構建了一個簡單的項目列表,其項目符號默認為小圓點,這是我們不需要的。利用CSS可以去掉那些小圓點,並用背景圖片的形式替換以我們製作好的圖標:
6、網頁設計左側導航欄
可以用js來實現,給每一項添加滑鼠移入事件,當滑鼠移入的時候,顯示右邊提前寫好的內容,滑鼠移開後再次隱藏。
附件是我寫的一個京東頁面最頭部部分的例子
7、網頁製作,如何把頁面內容排版居中,內容文字對齊導航欄
這塊的內容部分外圍應該有一個div,給這個div給如上導航欄的寬度和
塊居中(margin:0px
auto)就行
8、如何設計網頁導航欄標題
這是初學者可能會問的問題,其實這要具體情況具體分析的:比如如果內容非常多,就要考慮用「國字型」或拐角型;而如果內容不算太多而一些說明性的東西比較多,則可以考慮標題正文型;那幾種框架結構的一個共同特點就是瀏覽方便,速度快,但結構變化不靈活;而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采,封面性是首選;Flash型更靈活一些,好的Flash大大豐富了網頁,但是它不能表達過多的文字信息。還沒有提到的就是變化型了,我只是想把這個留給各位朋友了,因為,只有不斷的變化才會提高,才會不斷豐富我們的網頁!
烈火網 www.liehuo.net 推薦閱讀蒼井空在微博為青海玉上周五(23日),日本AV女優蒼井空在自己的微博宣布,擬發起為青海災民籌款的活...IPv4 地址枯竭的日子何時到來?五一放假安排,2010年勞動節放假三天百度聯盟峰會召開 三大舉措助力聯盟發韓國版獸獸照片下載地址,遭網友瘋狂追谷歌街景汽車肩負收集WiFi網路與MAC的關注地球日:共同珍惜資源倡導低碳生活中國電影著作權協會:網吧看電影收費網頁灰白:向玉樹地震遇難同胞默哀點擊彈出div圓角的遮罩層,可關閉可移動類似HAO123.COM的多個搜索引擎跳轉效果Tab選項卡效果,兼容IE、火狐、Chrome等網站技術分析報告之——開心網給Dedecms前台/後台添加來源網址功能極點五筆7.1 (x86/x64) 標准版/學習版 導航欄的位置
導航欄能讓我們在瀏覽時容易的到達不同的頁面,是網頁元素非常重要的部分,所以導航欄一定要清晰、醒目,一般來講,導航欄要在「第一屏」能顯示出來,但是有時第一屏可能會小於上面所說的435px,基於這點考慮,那種橫向放置的導航欄要優於縱向的導航欄考慮,原因很簡單:如果瀏覽者的第一屏很矮,橫向的仍能全部看到,而縱向的就很難說了,因為窗口的寬度一般是不會受瀏覽器設置影響的,而縱向的則不確定性要大的多。
網頁布局類型
網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。
1. 「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多是最多的一種結構類型。
2. 拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。
3. 標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。
4. 左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。
5. 上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。
6. 綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。
7. 封面型:這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。
8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。
9. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。