网页设计标题图标_网页设计图标怎么做

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>

导航:首页 > 万维百科 > 网页设计标题图标

网页设计标题图标

与网页设计标题图标相关的知识