第1步、认识网址前的小图标
1、能在浏览器标签、地址栏左边和收藏夹栏显示小图标的网站，其网站都是使用了其名称为“favicon.ico”图标文件，格式为ico格式，图标大小一般为16*16,32*32像素。这种图标是不仅可以是网站的缩略标志，也可以是展示网站个性的缩略logo标志，甚至也可以说是网站头像。如果要让网站看起来更专业、更美、更有个性，制作和使用“favicon.ico”文件是必不可少的。
2、 Favicon原本是windows中存储单个图案的一种图标文件格式，现可以用作软件、文件夹以及网站等的缩略标志，显示在用户的资源管理器，浏览器的地址栏、标题栏和多页面浏览器的标签栏上。图标文件一般尺寸较小，常见的为16*16,32*32，48*48。图标是部分透明的，可以直接打开浏览使用。
第2步、制作ico格式的小图标
1、制作ico格式小图标的方法有很多，可以使用photoshop、fireworks等这样的软件来制作。不过，这样的软件专业性很强，一般人不建议使用，我们使用了在线制作的方法。在百度搜索“ico图标制作”，找到ico在线制作网站，如“www.ico.la”网站，如下图
2、打开这个网站，根据提示上传图像，上传图像后，得到很多ico图标的尺寸，下载我们需要的16*16,32*32两种尺寸的图标到电脑，如下图
第3步、使用ico小图标
1、如果我们是想在网页首页的地址栏、标签位置显示我们刚才制作的小图标，那么我们就打开首页的源代码，找到head部分，并在head部分插入下面这句代码。我选择的是用“计事本”打开的首页源代码。 ，如下图所示
2、“href”后面的参数是ico图标的地址，href="favicon.ico"的意思是说，我把这个图标文件存放在了和首页相同的的位置，也就是网站的主目录，具体根据你网站上存放的位置来写，如下图
第4步、上机测试
因为本网站程序是用ASP来开发的，所以在测试前，我们电脑上得安装好了IIS，并给网站新建了一个虚拟目录，如下图所示
在“index.asp”文件点右键，选择并点击“浏览”，如下图
我们看到在打开的网页上已经在地址栏、标签栏已出现了我们制作的小图标;发送这个网站的快捷方式到桌面，我们也看到了我们制作的这种小图标，如下图
至此，网址前的小图标已成功实现，是不是很开心、有成就感呢?
