导航:首页 > 万维百科 > 网页设计小图标怎么弄

网页设计小图标怎么弄

发布时间:2021-03-05 01:53:59

1、如何设置网页的小图标

网页中如何设置在网页地址栏中的小图标:
下面我们就讲讲:
<link rel="SHORTCUT ICON" href="http://****/*****.ico">
<link rel="BOOKMARK" href="http://*****/*****.ico">
这两个代码的作用。
在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置?
通常做法是:
要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。
在源文件“<head></head>”之间添加如下代码:
<Link Rel=\"ICON NAME\" href=\"http://图片的地址(注意与刚才的目录对应)\">
收藏夹:
favicon.ico
你随便用一种画象素的工具,画一个图标,然后起成这个名字,上传到你所有网页文件的那个文件夹里就行了。
一般都会自动找这个favicon.ico的文件,只要有,就会显示。
并且是根目录下
地址栏的方法:
只是在网页中多加入下面一条代码就行了。
<link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” />
如果手头没有合适的工具制作图片,也可以选择一个自己喜欢的图片,然后到这个网站去自动生成一个。
Favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http: //www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。

2、html 怎么添加ico小图标

这位网复友你好,如果你制说的是网站浏览器标题前面的小图标,可以用下面的方法:
1. 将图标文件命名为favico.ico(有在线生成工具,不能只改后缀名),上传到网站根目录。
2. 在网站首页的源文件<head> </head>之间插入下面的斜体部分代码<head> ……<link rel="shortcut icon" href="favicon.ico"></head>
3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上: <link rel="icon" href="favicon.gif" type="image/gif" >

3、网页标题上面的小图标怎么做

图标通常都是ICO格式的,网上大把的制作这种格式的工具,制作好之后放到服务器上,网站程序代码里调用就行了

4、网页设计图标怎么做

你指的是 上面的小红圈效果吧?

要点,将小红点父级CSS的position设置为relative;

将小红点本身的position设置为absolute,然后利用top和 right属性来调整位置.


示例代码:

<style type="text/css">

.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  class="box">

 <div>欢迎你:欧阳XX</div>

 <div class="bt">消息<span>0</span></div>

 <div class="bt">注销</div>

</div>

5、网页制作,请教文字前的箭头小图标怎么做,谢谢~

跟是什么PHP ASP 没关系,这个其实就是一个小图片,你在PS 或者FW里面都可以制作,做好之后,你放在列表前面就可以了,只要放一个,如果你是动态网站的话,就是一个循环读取数据库的过程,只要在前面加<img src="你制作的图片的位置"/>就行了,如果你是静态的,那就麻烦一点,在每一行前面都加上<img src="你制作的图片的位置"/>

6、网页前面的小图标怎么弄

在网站标题前加个图标,要满足以下条件:
1、要有一个图片,一般情况下为ICO格式,文件名为favicon
2、在网站的<head></head>标签里写上一段代码<link rel="Shortcut Icon" href="这里填图片文件路径" />,当然每个人编写网站风格不同,写的方法及所在文件也不同。

7、网站前面的图标是怎么弄的??

在<head><head>标记之间输入

<link rel=“icon”href=“picture location”type=“image/x-icon”/>

或者用favicon来表示:

规格为32×32、48×48、64×64、128×128。直接使用PS作为图片,命名为favicon.ico,然后使用FTP软件上传到网站的根目录,替换原始文件。如果你不想使用FTP软件,你也可以在网站的后台替换它。

(7)网页设计小图标怎么弄扩展资料:

关于favicon图标的使用

Favicon.ico通常用作网站的缩写徽标,显示在地址栏或浏览器的标签上,用于显示网站的徽标,如下面的百度徽标。目前,主流浏览器支持favicon.ico图标。

一。生成图标ico

许多网站支持图片在线转换成ICO格式,图片大小通常在几十万左右

在线生成ICO

2。以HTML格式设置

成功生成favicon.ico图像文件后,浏览器将自动弹出压缩文件

将favicon.ico映像放入根目录(或其他目录)中的压缩文件中

在页面源文件的<head><head>标记之间插入

<head>

...

<link rel=“快捷方式图标”ref=“/favicon.ico”/>

</head>

在href中指向ICO图片的路径

8、如何将网页上面那个ICO小图标取出来?

http://tieba.baidu.com/tb/favicon.ico
就是baidu的
一般情况下查看页面源代码,查找包含.ico的语句,然后打开另存为即可,有专时候页面上因为网速属等原因可能找不到,多打开几次就可以了

9、网站左上角的小图标是怎么做的呢?

将已做好的图标文件放到自己空间根目录下,命名为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 规格的,就在最后的>前加个/。

注:如果想要所有的网页上都显示自己的图标,那就需要在你所有的模板上都加上这段代码,路径不要写错了。

10、怎么在网页中制作浮动的小图标

1.新建一个HTLM的网页.
2.转到"布局"面板,选中"绘制层"按扭,在网页上面画一个图层
3.然后,在图层里放入你想要的内容,比如一张图片等.
4.再次,在窗口栏中,将"时间轴"掉出来.也可Alt+F9.
5.这步最关键,将你绘制的图层用鼠标拖到时间轴上(注意是"拖动"哦),然后将时间上面的选项"自动播放"和"循环"勾起.
6.最后一步.在时间轴第一桢上,点击鼠标左键,选中"录制层路径",然后在网页上拖动你画的图层.这时你会看见拖动图层后面有些小点,那么恭喜你,你这时是在绘制浮动广告的路径,绘完后,保存.预览.完成了.(若想直线运动,可在针上点左键,选"添加关键针",再到网页上移动图层即可,如你懂FLASH,那就简单了)

与网页设计小图标怎么弄相关的知识