制作地址栏中的小图标

 更新时间:2016年9月20日 19:04  点击:1631
如果您使用的 WEB 浏览器是IE5或以上版本,那么当您将某些网站(如:网易、Yahoo等等)加入到“收藏夹”后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是“收藏夹图标”(F avorites Icon)。就拿“网易”来说,在标题“Welcome to netease !” 的左边,IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此,如果您正在浏览“网易”,这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝 e 中显得格外的醒目。 

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

  第一步,准备一个图标制作软件。 
  首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。 
  第二步,确定“收藏夹”图标的规格。 
  “收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰) 

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

  最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。 

  如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容: 
<INK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico"> 

  注意:该图标的路径一定要使用绝对路径。 

  还有一点需要说明的是:有些 Web 站点的主机服务器(如:Geocities )不支持图标文件格式,这时您就需要与管理员联系,要求他开通图标文件格式的支持。 

  马上行动,让您的网站也拥有一个“收藏夹”图标吧!


  国外网站经常封闭中国的ip访问,经一番查找,发现只要修改网站目录下的.htaccess文件就可以达到目的。

  那如果把中国的IP地址换成小日本的呢?
 
RewriteEngine On
RewriteCond %{REMOTE_ADDR} ^139.175.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^168.95.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^61.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^218.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^202.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^203.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^210.(.*)$ [OR]
RewriteCond %{REMOTE_ADDR} ^211.(.*)$
RewriteCond %{REMOTE_ADDR} !^202.60.132.55$
RewriteCond %{REMOTE_ADDR} !^210.0.[0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.0.[1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.0.1[0-1][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.0.12[0-7].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.4[8-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.5[0-5].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.[7-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.1[0-1].(.*)$
RewriteCond %{REMOTE_ADDR} !^210.2[3-4].(.*)$
RewriteCond %{REMOTE_ADDR} !^211.2[5-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^211.31.(.*)$
RewriteCond %{REMOTE_ADDR} !^203.[1-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.[1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.1[0-1][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.134.[0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.134.[1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.134.1[1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.134.2[1-4][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^203.134.25[0-1].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.[0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.10.(.*)$
RewriteCond %{REMOTE_ADDR} !^202.20.[0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.20.[1-7][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.20.8[0-1].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.21.[8-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.21.[1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.21.[1-9][1-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.22.[0-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.27.(.*)$
RewriteCond %{REMOTE_ADDR} !^202.129.6[4-9].(.*)$
RewriteCond %{REMOTE_ADDR} !^202.129.[7-9][0-9].(.*)$
RewriteCond %{REMOTE_ADDR}

  帮你的页面瘦身

  我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。   

  网站计数器代码放置的技巧

  在网页里放置计数器可以统计网站的访问流量,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出故障的时候。如果直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。所以,要提高网站的速度,就要讲究统计代码放置的位置,正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。   

  制作友情链接的学问

  很多站长都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片都下载完了才能显示出来,这样大大降低了网页的速度。因此,做友情链接时应尽量做到:   

  1.只做文字链接:做文字链接是不会延迟网页速度的。

  2.将所有链接放到一个独立的分页去,然后在首页链接上该页。  

  3.如果友情链接一定要出现在首页,请将链接所在的整个Table放到页面的最下方,因为页面是由上到下逐行显示的,将其放到页面的最下方,不会延迟其他内容的显示。  

  4.友情链接的LOGO图片先下载后再传到自己的网页空间,这样,速度由自己的网站空间决定而不受友情网站的影响。


<

  项目本身是讲纯私家苏州园林别墅。

  创意初始:

  力求  

  讲山清水润

  讲江南温婉

  讲气质

  讲在北方

  讲独特人文园林

  讲互动在中国元素衍生

  讲时光流转,四季切换,用网络平台展现平日无法企及的视觉效果。 

  按惯例 我们开始进行设计大纲:

  经过创意部门的开会,起草了一个方向性的大纲。大体从导向入手,考虑一个初次访问者的浏览层次。如下图

< ◇如何在网页中加入单个或几个空格?
◆在源代码中输入&nbsp,每个&nbsp之间请用空格分开。
◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符,然后将其色彩设成背景的色彩!

◇如何在网页中加入书签,在页面内任意跳转?
◆在源代码中需要插入书签的地方输入<a name="top"></a>,在调用的地方输入<a href="#top">Top</a>,其中的top是你设定的书签名字。
◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。

◇如何在网页中加入书签,在多个页面之间任意跳转?
◆方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。

◇将网页加入收藏夹?
◆请使用如下代码:(注意标点符号)
< a href='http:///htmldata/2005-10-12/'#'' onclick="window.external.addFavorite(''http://qiangwei.126.com'',''【梦想天空】qiangwei.126.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……'')" target="_top">将本站加入收藏夹< /a>

◇如何去掉链接的下划线?
◆在源代码中的<HEAD>…</HEAD>之间输入如下代码:
<style type="text/css"> <!--
a { text-decoration: none}
--> < /style>
◆在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择a,然后在decoration中选中none

◇如何将网页定时关闭?
◆在源代码中的<BODY>后面加入如下代码:
< script LANGUAGE="JavaScript"> <!--
setTimeout(''window.close();'', 60000);
--> < /script>
在代码中的60000表示1分钟,它是以毫秒为单位的。

◇如何设置命令来关闭打开的窗口?
◆在源代码中加入如下代码:
< a href="http:///" onclick="javascript:window.close(); return false;">关闭窗口< /a>

◇如何制作电子邮件表单?
◆在<FORM>中输入Action="youremail@XXX.XXX" ,提交采用POST方法。

◇如何自动加入最后修改日期?
◆在源代码中的<BODY>…< /BODY>之间加入如下代码:
< Script Language="JavaScript"><!--
document.write("Last Updated:"+document.lastModified);
-->< /Script>

◇如何在网页中加入EMAIL链接并显示预定的主题?
◆代码:< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>

◇如何让背景图象不滚动?
◆代码:<BODY Background="bg.gif" Bgproperties="fixed" >
◆在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,

[!--infotagslink--]

相关文章

  • Illustrator绘制一个方形的录音机图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 你最喜欢哪个版本?MIUI八个历史版本的系统图标汇总

    小米在3月9日下午5点推送了小米5的MIUI8.2更新,这次升级最大的改变是核心变成了Android7.0,因此加入了不少新功能。从MIUI1到MIUI8,历经了好几年了,下面小编为大家整理MIUI八个历史版本的系统图标,来看看吧...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • JS组件系列之Bootstrap Icon图标选择组件

    这篇文章给大家介绍js组件系列之Bootstrap Icon图标选择组件,对bootstrap icon图标相关知识感兴趣的朋友一起学习吧...2016-02-01
  • 教大家制作简单的php日历

    最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24
  • ps怎么制作宣传单

    ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
  • css中Font字体小图标应用

    Font字体小图标应用其实是在以前我们常用的css sprite进行升级了,我们可以直接在css中调用字体了,下面我们来看一篇关于Font字体小图标应用例子。 我们知道在页面上...2016-09-14
  • 怎样用PS制作GIF雪糕

    本文为大家带来gif雪糕的制作方法,难度不大,可效果很漂亮哦,关注一聚教程网学起来! 步骤: 1、使用AI新建一个1200*800的画布 2、使用矩形工具创建一个宽为250px,高度不...2016-12-21
  • 利用ps制作非常精致的蓝色水晶按钮

    关于利用ps制作非常精致的蓝色水晶按钮的教程小编在几年前就介绍过许多的相关教程了,今天我们一起再来看一篇水晶按钮制作效果吧。 最终效果 1、打开Adobe Photos...2016-09-14
  • Delphi使用大图标编译程序的方法

    这篇文章主要介绍了Delphi使用大图标编译程序的方法,需要的朋友可以参考下...2020-06-30
  • 美图秀秀制作印章的图文教程

    美图秀秀可以像ps一样的来制作达到ps同样效果的照片了,但美图秀秀是要简单了很多了,就拿利用美图秀秀制作印章讲吧,不会ps的朋友只需要几下就好了,压根没需要什么基础了,下...2016-09-14
  • 利用ps 制作粉绿色非主流效果(1/5)

    利用ps 制作粉绿色非主流效果粉色非主流图片的调色方法。作者用的方法非常实用,调色部分直接用通道覆盖法调出淡红色主色,然后处理细节部分,再加上暗角和文字即可。 原图...2016-09-14
  • Illustrator快速制作出斜面浮雕效果的小图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说快速制作出斜面浮雕效果的小图标的教程,各位想知道具体绘制方法的使用者,那么下面就快来跟着小编一起...2016-09-14
  • 如何把普通照片制作成非主流效果照片(1/13)

    这是一款如何把普通照片制作成非主流效果照片哦,如果你想把自己普通的照片制作成非主流效果的就进来免费下载吧。 这是一款如何把普通照片制作成非主流效果照片...2016-09-14
  • ps怎么制作广告

    ps软件是现在使用非常广泛的图片制作软件,很受大家喜欢。这次文章要给的大家介绍下ps怎么制作广告,下面具体来看看制作方法。 ps广告设计制作方法/步骤&#8195;&#819...2017-07-06
  • 利用利用滤镜制作简单的烟雾曲线教程

    本教程的效果都是由一条直线变形得到的。其中用到了波浪滤镜,使用的时候可以设置其中的波长及波幅等来控制曲线的弧度,连续使用后会得到类似烟雾的效果。后期再多复制几...2016-09-14
  • 如何利用photoshop制作帆布纹理

    本文是为大家介绍如何制作真实的帆布纹理,简单易学,希望对大家有所帮助,也请大家继续关注一聚教程网!谢谢! 方法1、打开ps,新建一个文档,大小自己定,我设置的是500*400.2...2016-12-21
  • C#实现带消息数的App图标

    这篇文章主要介绍了如何使用C#实现带消息数的App图标的方法,并附上全部源码,分享给大家,有需要的小伙伴可以参考下。...2020-06-25