⑴ 网页前面的小图标怎么弄
1、第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(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部分加入下面的内容:
注意:该图标的路径一定要使用绝对路径。
2、第二种方法:在首页HTML文件中,加入link命令,是放在与之间
例如下面这样:
其中的href="http://www.fsyk.net/favicon.ico(只是一个例子,你只要将他替换成你的网址)将favicon.ico替换成你制作的ICO文件名即可
这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。
⑵ 怎么添加网站标题前面的小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>之间就可以了。
⑶ 如何在网页的标题栏上添加上小LOGO
工具/原料
电脑Dreamweaver CC2018图标
方法/步骤
1、打开DW并新建一个html页面。
⑷ 在网站域名前面加个小图标是怎么做的
在网站标题前加个图标,要满足以下条件:
1、要有一个图片,一般情况下为ICO格式,文件名为favicon
2、在网站的<head></head>标签里写上一段代码<link rel="Shortcut Icon" href="这里填图片文件路径" />,当然每个人编写网站风格不同,写的方法及所在文件也不同。
⑸ 网站左上角的小图标是怎么做的呢
将已做好的图标文件放到自己空间根目录下,命名为favicon.ico。
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的部分加入如下的代码:
<link rel="icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
如果网站模板是 XHTML 规格的,就在最后的>前加个/。
注:如果想要所有的网页上都显示自己的图标,那就需要在你所有的模板上都加上这段代码,路径不要写错了。