1、網頁頭部標示的圖標代碼是什麼?
製作一個16x16 的圖標命名為 favicon.ico,放根目錄下。下面的代碼head 區:<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
2、如何設計網頁導航欄標題
這是初學者可能會問的問題,其實這要具體情況具體分析的:比如如果內容非常多,就要考慮用「國字型」或拐角型;而如果內容不算太多而一些說明性的東西比較多,則可以考慮標題正文型;那幾種框架結構的一個共同特點就是瀏覽方便,速度快,但結構變化不靈活;而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采,封面性是首選;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. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。
3、怎樣做網頁的標題
獨特不重復
即使在同一個網站內,主題相同,不同頁面具體內容也不會相同,頁面標題也不可能重復。每個頁面都需要有自己獨特的標題。比較容易出現這種情況的有搜索頁標題、分頁標題、翻頁標題、單頁標題等等。有些企業網站從首頁到內容就一個標題,這不僅不利用戶體驗更不利於優化 。
准確相關
每個頁面標題都需要准確的描述該頁面的內容,用戶一眼就知道這個頁面要表達的是什麼意思,搜索引擎也能夠很快判斷出該頁面的相關性。標題與也頁面相關性往往能夠使頁面獲得比較好的權重,並且有利於快速收錄和提高排名。搜索引擎絕不會允許掛羊頭賣狗肉的情況出現。
字數限制
標題過長會不僅僅使用戶反感,也不利於搜索引擎索引。百度返回頁的標題最多顯示30個中文字元,超過的字元會被自動隱藏。為了提高用戶體驗突出目標關鍵詞建議設置25個字元以內。
簡練通順,不要堆砌
這個現象在最常見,大多SEO喜歡玩堆砌,以此提高相關性以及增加關鍵詞密度,從而獲取短時間的排名。大部分做SEO的應該都很清楚,做關鍵詞排名容易,穩定關鍵詞排名就有難度。當以關鍵詞堆砌的方式獲取短時間的排名是非常不可取的行為,一旦受到搜索引擎的懲罰,想要恢復那是需要一個漫長的過程,得不償失。所以,標題精練簡短,干凈利索,一句廢話都沒有,這樣的標題才算是好的標題。
關鍵詞出現在最前面
有些企業喜歡把企業名稱放前面,讓用戶一看就知道是自己企業的網站,其實這種做法比較不利於優化,關鍵詞出現在最前面,表明關鍵詞的重要性,那麼搜索引擎也會認為這個關鍵詞對於網站來說是非常重要的,佔有很高地位,同樣無論在檢索或是相關度匹配的環節都會獲得優勢。建議標題以文章標題>分類標題>企業名稱這種形式排列,大家看熊向陽博客的頁面標題就是如此.
吸引用戶
很多網站的標題設計的非常獨特,不僅僅能夠吸引用戶眼光,更讓用戶欲罷不能,非要點擊看個究竟,這樣才能達到最好的SEO效果.
不出現特殊符號
有些標題使用了奇形怪狀的符號,或許認為這樣更加能夠讓用戶記住,體現標題新穎,其實這種想法是錯誤的,一般正規網站不會使用特殊符號,這樣會給用戶一種不正規不專業的感覺。另外,文章標題中盡量也不要出現符號,通常文章標題是頁面標題.
公司或品牌名稱
大多企業網站把公司或是品牌名稱放到標題後面是非常不錯的做法。雖然有時候標題過長會隱藏公司或品牌名稱,但是品牌名稱如果多次出現在用戶眼前,就算沒有點擊也能夠讓用戶留下更深的映象.
4、網站專題設計之如何設計網頁頭部
注重功能,交互,設計要考慮用戶長時間的瀏覽體驗。視覺上側重間距,布局,按鈕和logo,及icon樣式。注重規范和視覺識別性。樣式通常簡潔易用,絢麗元素少,視覺上並不強調沖擊力。
專題頁面時效性有限(大多專題是有推廣及活動時間限制的,過了這個時間,就很少會有人再訪問該頁面。),多為活動推廣和吸引用戶等內容,能在限定的時間的吸引最多用戶才能形成有力的推廣,需要強有力的視覺效果,和有趣的瀏覽體驗,來達到吸引用戶的特點。在規范和布局甚至交互上可以適當放寬要求。
首先,我們在製作網站頭部的時候,需要關注的是能不能抓住客戶的眼球,很多設計雖然精彩,但是不能抓住客戶的眼球,那麼,可能這樣網站設計也會是比較失敗的,讓來到網站的人沒有心情去細心的觀看,那麼,也就起不到任何的作用。無論您是營銷型的網站還是宣傳型的網站都要在設計網站的時候學會吸引受眾群,讓大家可以更加輕松的了解到網站的情況。
其次,操作簡單也是製作網站的一個非常重要的標准,很多人都希望自己企業網頁設計更加的具有實用性,即使自己的網頁再華麗,沒有任何的實用性,可能也只是一個簡單的畫面而已,不會有實際的作用,所以,網頁設計的時候還要注意到網頁的實用性或者是操作性,可以讓瀏覽的客戶直接的找到自己需要的板塊,並且找到自己需要的東西,這才真正的發揮到了網頁的作用。
如果需要打造系列專題,就要注意規劃設計復用元素,比如相同的logo標題,和為強調系列感的統一視覺風格。以此強化用戶的對系列專題的印象和認知。
網站設計專題頭部一定要具有吸引力,並且具有實際的操作性,這樣才能讓我們的網頁達到效果。好的專題設計,有創意,整體效果和諧,用戶印象深刻,內容傳達有效,視覺元素有延續和繼承。整個頁面銜接不生硬。這都需要設計師動腦去巧妙構思和發揮,有時工期緊迫,不能做到事無巨細,我也無法全部按照自己所寫這樣去設計專題。但這不妨礙我把它當做一個目標去不斷接近。
5、如何設計網頁標題
可以說標題的好壞很大程度上決定了客戶是否會點擊進入你的網站。1、關鍵詞的採用和突出2、控制標題長度和關鍵詞頻率3、公司名稱的使用4、關鍵字組合技巧這個被稱為「頁面優化」的階段,就是通過改進頁面的修飾性的因素,如網頁標題、描述、題頭文字等使得搜索引擎在訪問頁面的時候能迅速抓住頁面的要領,正確、完整地將網頁所發布的信息帶走,這些改進,無不是圍繞關鍵詞的使用來進行的。 網頁標題設計情況: 目前對於網頁標題的設計,有兩個有意思的情況。一個是直接寫企業名稱,另外一個要麼就是把標題寫的非常長、幾乎涵蓋了公司所有業務的關鍵詞。這兩做法都是錯誤的,對SEO來講沒有任何幫助,甚至會有負面的作用。因為這點在搜索引擎看來,覺得可能你的網站存在優化過度的問題。如果對於網頁標題利用的不好的話,這對於企業來講是一個非常大的損失,因為極有可能就是你的潛在客戶無法從搜索引擎上找到你的站。 對於企業站點的網頁標題設計,提幾點建議: 1.不要追求「一網打盡」網頁標題的文字最好是能夠概括頁面的內容,同時要注意標題文字的長短。因為標題過長,搜索引擎不能夠完整收錄。具有簡短概況的網頁標題,也非常適合SEO。 3.網頁標題含有非常明確的關鍵詞網頁標題中含有明確的對公司業務有幫助的關鍵詞,這一點可以提高你網頁在搜索引擎上的曝光率。當然,對於整個SEO項目來說,只做好網頁標題的設計還是不夠的。
6、網頁製作標題怎麼做,在線等!!
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿天貓側邊網頁菜單</title>
<style type="text/css">
*{margin:0; padding:0;}
body{ font-size:14px; font-family:"宋體";}
h1, h2, h3{ font-size:14px; font-weight:normal;}
li{ list-style:none;}
a{ color:#333; text-decoration:none;}
#nav{ width:202px; height:35px; background:#C00; margin:50px 0 0 20px;}
#nav h1{ padding-left:17px; line-height:35px; color:#fff; margin-right:17px;}
#box{ width:200px; border:1px solid #B00; border-top:none; margin-left:20px; display:none;}
#subnav{width:200px;}
#subnav .list{ width:200px; height:30px;}
#subnav .list h2{ width:160px; height:30px; padding-left:30px; line-height:30px; margin-right:10px;}
#subnav .list a:hover, #subnav .active a:hover{ color:#900; font-weight:bold;}
#subnav .active{ width:200px; height:30px; border-bottom:1px solid #b00; border-top:1px solid #b00; position:relative;}
#subnav .active h2{ width:170px; height:30px; padding-left:30px; line-height:30px; background:#fff; position:absolute; left:1px; top:0; z-index:4;}
#subnav .list_nav{ width:500px; overflow:hidden; border:1px solid #b00; position:absolute; left:200px; top:-1px; z-index:3; display:none;}
</style>
<script type="text/javascript">
window.onload=function()
{
var oNav=document.getElementById('nav');
var oBox=document.getElementById('box');
var oSubnav=document.getElementById('subnav');
var aLi=oSubnav.getElementsByTagName('li');
var i=0;
oNav.onclick=function()
{
if(oBox.style.display=='block')
{
oBox.style.display='none';
}
else
{
oBox.style.display='block';
}
}
for(i=0;i<aLi.length;i++)
{
if(aLi[i].className=='list')
{
aLi[i].onmousemove=function()
{
for(i=0;i<aLi.length;i++)
{
var aDivList=this.getElementsByTagName('div')[0];
aDivList.style.display='block';
this.className='active';
}
}
aLi[i].onmouseout=function()
{
for(i=0;i<aLi.length;i++)
{
var aDivList=this.getElementsByTagName('div')[0];
aDivList.style.display='none';
this.className='list';
}
}
}
}
};
</script>
</head>
<body>
<div id="nav">
<h1>所有商品分類</h1>
</div>
<div id="box">
<ul id="subnav">
<li class="list">
<h2><a href="#">服飾內衣、鞋靴運動</a></h2>
<div class="list_nav">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</li>
<li class="list">
<h2><a href="#">電子商品</a></h2>
<div class="list_nav">
<ul>
<li>222</li>
<li>2222</li>
<li>2222</li>
<li>22222</li>
</ul>
</div>
</li>
<li class="list">
<h2><a href="#">服飾內衣、鞋靴運動</a></h2>
<div class="list_nav">
<ul>
<li>3333</li>
<li>3333</li>
<li>3333</li>
<li>3333</li>
</ul>
</div>
</li>
<li class="list">
<h2><a href="#">服飾內衣、鞋靴運動</a></h2>
<div class="list_nav">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</li>
</ul>
</div>
</body>
</html>
7、CSS怎麼設計網頁頭部
在div+css布局中,一般都像下面這樣來整體構架的:
<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
對於header部分,肯定要顯示網站標題,除了顯示網站標題外,還可能要顯示其他比較重要的對象,比如網站的導航欄:
<div id="header">
<div id="title">這里是網站的標題</div>
<div id="nav">這里是網站導航欄</div>
</div>
導航欄一般是由多個小塊內容組成,選擇無序列表
<ul><li></li></ul>
8、如何設置網頁製作中的標題
樓主這個問法不明確,我把樓主問題的幾種可能性都回答邊:
1、如何設置網頁製作中的標題(瀏覽器中的名字,比如打開一個頁面,其最上面或者標簽上都有個名字,就像知道這個頁面的題目就是:如何設置網頁製作中的標題_百度知道)
其設置方法,是在html標簽<title></title>中聲明下!如:<title>如何設置網頁製作中的標題_百度知道</title>,這樣瀏覽器在收到頁面信息的時候就知道了 這個頁面的名字聲明為...。
2、頁面中的部分內容的標題,可以使用h1-h6這六個標簽,具體可以參照相關搜索結果,想知道詳細,可以補充發問,我再行解釋。
3、頁面保存時的名字(標題),這個用系統的重命名(右擊文件-重命名)就可以了。