如何在网页的标题栏上添加上小LOGO？_教程

工具/原料

电脑DreamweaverCC2018图标

方法／步骤

1、打开DW并新建一个html页面。

2、在head标签中输入【<linkrel="icon"type="image/x-icon"href="#"/>】，在井号位置按一下空格，点击【浏览】按钮。

3、在本地找到保存的图标，点击【打开】。

4、将title名字修改成需要的网站名称。

5、保存后刷新网页即可完成。

使用PHOTOSHOP制作一个宽高均为32像素的小图标，制作完成后存储为ico格式的即可。

使用FLASHFXP下载网页到本地，并备份一份以防万一，使用记事本打开网页的源代码。

找到网页源代码的head部分，并在head部分插入下面这句代码，注意href里的地址是你存放ico图标的地址，根据你网站上存放的位置来写。

把修改过的网页文件上传到虚拟主机上，然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。

网页中如何设置在网页地址栏中的小图标:

下面我们就讲讲：

这两个代码的作用。

在浏览器地址栏有csdn有一个"圆圈"图标如何在自己的jsp网页之中设置?

通常做法是:

要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。

在源文件“<head></head>”之间添加如下代码：

收藏夹：

favicon.ico

你随便用一种画象素的工具，画一个图标，然后起成这个名字，上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件，只要有，就会显示。

并且是根目录下

地址栏的方法：

只是在网页中多加入下面一条代码就行了。

如果手头没有合适的工具制作图片，也可以选择一个自己喜欢的图片，然后到这个网站去自动生成一个。

Favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。

您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

第一步，准备一个图标制作软件。

首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http: //www.favicon.com/，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步，确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)

第三步，设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。

最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/tougao/11178110.html

如何在网页的标题栏上添加上小LOGO？

发表评论

评论列表（0条）