網頁設計標題圖標_網頁設計圖標怎麼做

1、怎麼設置title前的圖標網頁設計的

大概就是加<link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> 這樣的
然後做一個圖標，ico格式哦，放在根目錄下，就可以了

2、如何在網頁標題欄上顯示網站logo

我們經常在打開某個網站的時候，會發現它的地址欄前面有個個性圖標，而且在將網址添加到收藏夾的時候，前面也會有個個性圖標。這個東西太好玩了，是怎麼做出來的呢？

第一步，准備一個圖標製作軟體。
首先您必須了解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以.ico 作為擴展名。普通的圖像設計軟體無法使用這種格式，所以您需要到下載一個ico圖標工具,本站常用軟體既有,推薦強大的Microangelo,可以方便的製作ico圖標.漢化修正版下載地址：http://www.skycn.com/soft/2478.html

第二步，確定「收藏夾」圖標的規格。
在收藏夾里出現的是16*16；所使用的顏色最好成績不要超過16色。（為了清晰）,如果你不清楚可以在C盤查找*.ico格式的圖標,應該能在IE緩存里找到那些網站的圖標,你可以打開這些圖標就可以知道該用什麼格式的了,跟人家的一樣就行。

第三步，設計一個屬於您自己的圖標。
你可以將您的網站的LOGO做成一個縮圖或者另外設計一個別具特色的圖案來作為「收藏夾」圖標。總之，它一定要是屬於您自己的，並且能很好的代表您的網站的風格和個性。然後將這個圖標文件命名為：favicon.ico。可以製作的醒目些。

今天我就不製作了，有這方面興趣或特長的朋友可以自己製作一下試試。我就用一個本機上的圖標文件改一下吧。從本機上搜索一個文件，復制到桌面。用Microangelo打開，修改成16*16，使用256色吧,另存為favicon.ico。

最後，只需要將這個圖標文件（favicon.ico）上傳到您的網站所在的伺服器的根目錄下。(也就是你的主頁index.html所在的那個文件夾)您不需要對您的網頁文件作任何的修改，IE5會自動的不停的搜索您的網站的根目錄，只要它一發現了favicon.ico 這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。

如果您希望為不同的頁面設置不同的「收藏夾」圖標，那麼您就需要在該網頁文件的HEAD部分加入下面的內容:
<link rel=\"shortcut icon\" href=\"http://www.net/myicon.ico\">

注意：該圖標的路徑一定要使用絕對路徑。

還有一點需要說明的是：有些WEB站點的主機伺服器不支持圖標文件格式，那我們就沒辦法了。

3、用Dw設計網頁時網頁標題左邊圖標無法設置成功。

是不是你的ico位色太大了，這里的favicon必須是16*16或者32*32的，必須是8位色或者24位色的。

4、網頁設計中如何巧用圖標來吸引用戶

網頁設計中，為什麼要使用圖表？設計就是傳達信息：如果你的網站不能吸引用戶，這個問題不在於你分享的信息有多重要、有多刺激。在訪問一個網站的最初，大多數用戶首先掃描頁面來尋找視覺上看著有趣的內容，只有某些事物引起了他們的注意力，他們才真正開始閱讀。圖標是一個簡單、有效的方式吸引用戶閱讀你網站上的內容。圖標起著與分段一樣的心理效果：在視覺上，圖標打破了內容，使之不那麼讓人生卻。通過圖標將內容劃分成幾個容易理解的段落和重點，這樣的頁面很容易閱讀，在視覺上也足夠有趣以維持用戶的注意。因此，不要再浪費時間寫那麼多無人閱讀的內容了，開始使用圖標吧！在本文中，我們將展示很好的例子和網頁設計中使用圖標來支持內容的最佳做法。 1.如何使用圖標使用圖標的首要目標應該是幫助用戶更有效地吸收和處理信息。一般的做法是使用大量的空白和那些能增強內容的圖標。圖標通過給予內容更多的實質和有效的傳達，能很好地豐富內容。圖標應該用來吸引用戶注意信息內容，而不是削弱或取代它。 *讓功能清單更有趣列出服務清單是有效的市場推中實用、必要的一部分，但本質上來說，清單是乏味和無聊的。在您的功能清單中使用圖標將使其更具有吸引力。 * 吸引用戶關注Web應用程序的新功能在這種情況下，把圖標想成是logo，記住logo的目標是在產品和特定的圖像建立精神聯系。圖標應該獨特而簡單的：大部分的圖標只有128*128像素的，因此要用最低限度的方法，用少表達更多的信息。 *列出您的服務並增加可讀性圖標的使用讓你的網站顯得友好、吸引人和專業，這些表明了你注重細節，哪怕這個細節很小很小。讓你的圖標發揮創意：標題、工具條、功能清單都是放置圖標的好地方。

5、怎麼用一張圖製作網頁的小圖標

<h2><img src="01.jpg" width="30" height="30">這里是一個大標題</h2>

這樣啊，

6、網站標題旁邊的那個圖片是怎麼弄上去的？

製作抄網站ICON具體步驟如下：
利用相關圖形軟體製作1個16x16的圖片。推薦軟體：HprSnap一款很好用的截圖軟體，還能製作ICO格式的圖片。
把做好的圖片傳到網站伺服器空間的根目錄下，根目錄最直接的判斷就是網站首頁所在的目錄，直接把做好的ICO格式的圖片傳上去。
最後一步,很簡單也很關鍵。一般在主題文件夾裡面，/template文件夾裡面所*.html文件的<head></head>之間加入：<link rel="Shortcut Icon" href="網站根目錄/favicon.ico" type="image/x-icon" />
一般網站都有，看下其中的路徑是否正確就可以了，如果沒有的把以上代碼放入<head></head>之間就可以了。
大功告成，索引重建就可以了。

7、怎麼添加網站標題前面的小logo？而且要每個頁面都可以顯示?

首先了解下什麼網站ICON?ICON你可以把它比作成QQ頭像，一打看QQ看到那個圖像的頭像就知道，那個是誰了，很方便。ICON也是如此，如果你的網站被朋友收藏了，人家打開IE收藏夾的時候，或者看到網站標題，瀏覽器頂部。一看到你的網站ICON就知道那是你的網站，給人一種親切感，從技術角度講給人一種專業感觀（當然指的是新人啦）

製作1個網站ICON很簡單具體步驟如下：

1：利用相關圖形軟體製作1個16x16的圖片。推薦軟體：HprSnap很好用的截圖軟體，還能製作ICO格式的圖片，沒有的話可以網上搜一下。

2:把做好的圖片傳到自己的網站空間的根目錄下，所謂根目錄，就是網站首頁文件所在的目錄。很通俗很易的說法了，是針對新手說的，高手直接跳過吧。

3:最後一步,很簡單也很關鍵。一般在主題文件夾裡面，/template文件夾裡面所*.html文件的<head></head>之間加入：<link rel="Shortcut Icon" href="網站根目錄/favicon.ico" type="image/x-icon" />就OK啦！一般網站都有，看下其中的路徑是否正確就可以了，如果沒有的話把以上代碼放入<head></head>之間就可以了。

8、DW網頁製作時，如何在網頁標題前加上logo

1 、需要製作一個圖標文件命名favicon.ico，放在網站根目錄下，另外，由於你的機器不是第一次打開這個網站，所以重啟後才能看見，其他機器第一次打開的時候是可以看見的
2、圖標尺寸說明：16*16(網站FAVICON)或48*48(軟體圖標)
網站圖標使用方法：生成後網站ICO後(16*16像素的那個)，保存為favicon.ico,然後上傳到網站根目錄。

9、網頁設計圖標怎麼做

你指的是上面的小紅圈效果吧?

要點,將小紅點父級CSS的position設置為relative;

將小紅點本身的position設置為absolute,然後利用top和 right屬性來調整位置.

示例代碼:

.box{background:#455996; padding:10px; height:20px;color:#eee;font-size: 12px;}

.box div{ float:left; line-height:20px;}

.bt{ background:#405287; padding:0 20px; margin:0 10px; position:relative;}

.bt span{ display:block; position:absolute; line-height:14px; width:14px; height:14px; background:#F00; top:-5px; right:-5px; text-align:center;}

</style>

</div>

導航:首頁 > 萬維百科 > 網頁設計標題圖標

網頁設計標題圖標

與網頁設計標題圖標相關的知識