网页标题前面的网站标识怎样制作和添加

 时间:2024-10-12 20:10:23

1、 首先,我们打开百度并搜索【在线图标转换器】,找到可以在线制作图标的转换工具,这工具使用率很低,所以不必下载安装;

网页标题前面的网站标识怎样制作和添加

2、 然后将准备好的小图标(通常是网站logo)上传并转换成.ico格式,将新生成的图标下载到您的电脑里,存放在网站文件夹的根目录,修改图片名称为favicon.ico,这是图标的统一名称;

网页标题前面的网站标识怎样制作和添加网页标题前面的网站标识怎样制作和添加

3、 然后,用dreamweaver或者windows的记事本打开网站首页,将这段代码<link rel="shortcut icon" href=" /favicon.ico" />放到首页的<head></head>标签中,保存修改的首页;

网页标题前面的网站标识怎样制作和添加网页标题前面的网站标识怎样制作和添加

4、 修改后的首页和新生成的图标都上传至网站根目录,然后刷新首页界面,发现浏览器标题前面出现图标了,设置网站图标成功。

网页标题前面的网站标识怎样制作和添加网页标题前面的网站标识怎样制作和添加

5、注意要点: 1、网站缩略图标的名称和格式为favicon.ico,一般是网站logo图片制成缩略图标,图标为正方形; 2、添加<link rel="shortcut icon" href=" /favicon.ico" />代码在首页<head></head>标签里,保存后上传首页和图标到网站根目录; 3、上传后图标会在整个站点显示,不需要每一页都添加代码; 4、没有网站logo又不会制作图标的朋友,可以使用文字做成小方形然后转换成favicon.ico图标,简单地有了一个小图标。

  • 如何应用CSS样式
  • dreamweaver制作asp动态网页之删除记录
  • Dreamweaver:[53]css样式如何应用到网页中去
  • 【DW教程】文字样式
  • DW制作简约tab右侧图文混排效果模板
  • 热门搜索
    品味的意思 排气扇什么牌子好 休止符是什么意思 我的世界红石有什么用 respect是什么意思 were是什么意思 什么叫次新股 逆商是什么意思 枉然的意思 洒家是什么意思