首页 > 编程技术 > html

制作地址栏中的小图标

发布时间:2016-9-20 19:04

如果您使用的 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--]