<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>威言大义 &#187; 网站界面开发</title>
	<atom:link href="http://www.chenweionline.cn/archives/tag/%e7%bd%91%e7%ab%99%e7%95%8c%e9%9d%a2%e5%bc%80%e5%8f%91/feed" rel="self" type="application/rss+xml" />
	<link>http://www.chenweionline.cn</link>
	<description>言简意赅，论人论事论学问</description>
	<lastBuildDate>Thu, 05 May 2011 05:16:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>人民大学开发完成学术主页生成系统EasyScholar</title>
		<link>http://www.chenweionline.cn/archives/60.htm</link>
		<comments>http://www.chenweionline.cn/archives/60.htm#comments</comments>
		<pubDate>Thu, 05 May 2011 01:56:15 +0000</pubDate>
		<dc:creator>陈威</dc:creator>
				<category><![CDATA[技术杂谈]]></category>
		<category><![CDATA[网站开发]]></category>
		<category><![CDATA[威言大义]]></category>
		<category><![CDATA[开发经验]]></category>
		<category><![CDATA[网站界面开发]]></category>

		<guid isPermaLink="false">http://www.chenweionline.cn/?p=60</guid>
		<description><![CDATA[

热度:

&#160;&#160;&#160;&#160;&#160;&#160;继发布面向计算机领域的中文文献集成系统C-DBLP（后更名为SearchScholar）后，人民大学孟小峰教授领导的网络与移动数据管理（WAMDM）实验室近日又开发完成了学术主页生成系统EasyScholar。该系统基于WAMDM实验室在Web数据集成方向的研究成果及SearchScholar开发中的技术积累，自动收集整理学者的论文著作、承担项目、研究兴趣等学术信息，实现了学者个人学术主页的自动构建功能，大大简化了学者建立个人主页的过程。
&#160;&#160;&#160;&#160;&#160;&#160;EasyScholar着眼于目前国内学者在建立个人主页时收集整理论文著作、科研项目等信息时诸多不便，应用WAMDM实验室面向领域的Web数据集成技术从Web上的公开数据源自动获取学者的相关学术信息，在有限的人工参与下方便地建立学者的个人主页。由于使用了Web数据集成方法，在EasyScholar上建立学术主页不再是一个单调繁重的工作，而是一种方便快捷的体验。此外，EasyScholar根据国内外主流学术主页的风格制作了多种学术主页的模板，用户可以根据个人偏好定制学术主页的风格。生成的主页即可放在我们的学术空间，也可提供静态学术主页的打包下载功能，方便用户部署到其他站点中。
&#160;&#160;&#160;&#160;&#160;&#160;在以上成果的基础上，孟小峰教授进一步提出了构建适合中国学者的学术空间ScholarSpace的计划。ScholarSpace将由三部分组成，即文献集成系统SearchScholar，学术主页生成系统EasyScholar，和将开发完成的学者间社交网络SocialScholar。EasyScholar基于SearchScholar开发完成， SocialScholar将基于EasyScholar开发完成，而SocialScholar的实现会进一步提高SearchScholar的学术搜索质量和能力。学术空间ScholarSpace的这三个子系统形成彼此促进的关系，构成了一个学术信息和资源汇集与分享的良性循环，将为我国学者的学术交流提供便利。
&#160;&#160;&#160;&#160;&#160;&#160;欢迎大家试用：http://easyscholar.ruc.edu.cn/
]]></description>
			<content:encoded><![CDATA[
<table>
<tr cellpadding=0><td>热度:</td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun_dark.gif' width=10 height=10 border=0 /></td></tr>
</table>
<p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;继发布面向计算机领域的中文文献集成系统C-DBLP（后更名为SearchScholar）后，人民大学孟小峰教授领导的网络与移动数据管理（WAMDM）实验室近日又开发完成了学术主页生成系统EasyScholar。该系统基于WAMDM实验室在Web数据集成方向的研究成果及SearchScholar开发中的技术积累，自动收集整理学者的论文著作、承担项目、研究兴趣等学术信息，实现了学者个人学术主页的自动构建功能，大大简化了学者建立个人主页的过程。<span id="more-60"></span></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>EasyScholar</span>着眼于目前国内学者在建立个人主页时收集整理论文著作、科研项目等信息时诸多不便，应用WAMDM实验室面向领域的Web数据集成技术从Web上的公开数据源自动获取学者的相关学术信息，在有限的人工参与下方便地建立学者的个人主页。由于使用了Web数据集成方法，在EasyScholar上建立学术主页不再是一个单调繁重的工作，而是一种方便快捷的体验。此外，EasyScholar根据国内外主流学术主页的风格制作了多种学术主页的模板，用户可以根据个人偏好定制学术主页的风格。生成的主页即可放在我们的学术空间，也可提供静态学术主页的打包下载功能，方便用户部署到其他站点中。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在以上成果的基础上，孟小峰教授进一步提出了构建适合中国学者的学术空间ScholarSpace的计划。ScholarSpace将由三部分组成，即文献集成系统SearchScholar，学术主页生成系统EasyScholar，和将开发完成的学者间社交网络SocialScholar。EasyScholar基于SearchScholar开发完成， SocialScholar将基于EasyScholar开发完成，而SocialScholar的实现会进一步提高SearchScholar的学术搜索质量和能力。学术空间ScholarSpace的这三个子系统形成彼此促进的关系，构成了一个学术信息和资源汇集与分享的良性循环，将为我国学者的学术交流提供便利。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;欢迎大家试用：<a href="http://easyscholar.ruc.edu.cn/"><span style="COLOR: #0000ff"><span style="text-decoration: underline;">http://easyscholar.ruc.edu.cn/</span></span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chenweionline.cn/archives/60.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>中国计算机学会数据库专业委员会新版网站上线</title>
		<link>http://www.chenweionline.cn/archives/50.htm</link>
		<comments>http://www.chenweionline.cn/archives/50.htm#comments</comments>
		<pubDate>Wed, 05 Jan 2011 12:01:59 +0000</pubDate>
		<dc:creator>陈威</dc:creator>
				<category><![CDATA[网站开发]]></category>
		<category><![CDATA[开发经验]]></category>
		<category><![CDATA[网站界面开发]]></category>

		<guid isPermaLink="false">http://www.chenweionline.cn/?p=50</guid>
		<description><![CDATA[

热度:

&#160;&#160;&#160;&#160;&#160;&#160;经过与小组内同学的一起努力，数据库专业委员会新版网站终于在今天正式上线运行，大家可以通过域名http://www.ccf-dbs.org.cn访问新版网站。本次网站改版是受数据库专业委员会秘书长孟小峰老师委托，由WAMDM实验室Web组完成，前后开发和调试历时月余，网站界面多次调整，并由实验室研一同学完成了旧版网站到新网站的数据录入工作，期间颇费周折。值此新网站上线之时，特此感谢研一同学们的支持和帮助。
&#160;&#160;&#160;&#160;&#160;&#160;数据库专业委员会的原版网站已经运行近十年，经林灿师兄、王仲远师兄再到我已经经历了多次调整，但在界面、内容及后台管理方面仍存在诸多问题。针对这些问题，我们开发部署了新版网站。为了减轻开发量，我们选用了一个免费的asp.net平台的cms系统pageadmin cms，并把原主机平台升级到支持asp.net环境。在部署pageadmin cms的过程中，我们解决了许多小问题，如urlrewrite的配置、站点界面的修改、各种应用程序错误的调试等等。经过本次改版，专委会网站内容更加丰富，网站组织更加清晰，并且增加了一些新的功能模块，主要包括以下几个方面：

收集整理了历届NDBC会议的相关信息，建立了NDBC专栏，展示了中国数据库学术会议的发展历程。
简化了新闻快报的分类，只设“新闻”和“征文通知”两类，更加清晰明了。
基于1990至2009年NDBC的电子文献库建立了数据库专委会“数字文库”，提供对历届NDBC论文的浏览、检索和全文下载功能（特别感谢CNKI提供的论文数据）。
收集整理了已故的萨师煊教授、陆宏钧教授、李天柱教授、郑怀远教授等四位中国数据库研究界领军人物的生平事迹，建立了缅怀四位中国数据库研究先驱的纪念专题。
基于第27届中国数据库学术会议组委会整理的“中国数据库发展历史回顾文集”的材料，建立了数据库专业委员会“历史回顾”专题，收录了数据库领域知名研究者对我国数据库研究发展的回顾文章及珍贵的历史照片。
保留了“国际合作”、“数据库术语”、“相关资源”等原版网站的重要专题。

&#160;&#160;&#160;&#160;&#160;&#160;经过本次改版，数据库专业委员会的官方网站在界面、内容及后台管理方面有了长足的进步，也希望大家在使用的过程中把意见和建议反馈给我们，以便我们进一步改进。
]]></description>
			<content:encoded><![CDATA[
<table>
<tr cellpadding=0><td>热度:</td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun_dark.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun_dark.gif' width=10 height=10 border=0 /></td></tr>
</table>
<p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经过与小组内同学的一起努力，数据库专业委员会新版网站终于在今天正式上线运行，大家可以通过域名<a href="http://www.ccf-dbs.org.cn" target="_blank">http://www.ccf-dbs.org.cn</a>访问新版网站。本次网站改版是受数据库专业委员会秘书长孟小峰老师委托，由WAMDM实验室Web组完成，前后开发和调试历时月余，网站界面多次调整，并由实验室研一同学完成了旧版网站到新网站的数据录入工作，期间颇费周折。值此新网站上线之时，特此感谢研一同学们的支持和帮助。<span id="more-50"></span><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据库专业委员会的原版网站已经运行近十年，经林灿师兄、王仲远师兄再到我已经经历了多次调整，但在界面、内容及后台管理方面仍存在诸多问题。针对这些问题，我们开发部署了新版网站。为了减轻开发量，我们选用了一个免费的asp.net平台的cms系统pageadmin cms，并把原主机平台升级到支持asp.net环境。在部署pageadmin cms的过程中，我们解决了许多小问题，如urlrewrite的配置、站点界面的修改、各种应用程序错误的调试等等。经过本次改版，专委会网站内容更加丰富，网站组织更加清晰，并且增加了一些新的功能模块，主要包括以下几个方面：</p>
<ul>
<li>收集整理了历届NDBC会议的相关信息，建立了NDBC专栏，展示了中国数据库学术会议的发展历程。</li>
<li>简化了新闻快报的分类，只设“新闻”和“征文通知”两类，更加清晰明了。</li>
<li>基于1990至2009年NDBC的电子文献库建立了数据库专委会“数字文库”，提供对历届NDBC论文的浏览、检索和全文下载功能（特别感谢CNKI提供的论文数据）。</li>
<li>收集整理了已故的萨师煊教授、陆宏钧教授、李天柱教授、郑怀远教授等四位中国数据库研究界领军人物的生平事迹，建立了缅怀四位中国数据库研究先驱的纪念专题。</li>
<li>基于第27届中国数据库学术会议组委会整理的“中国数据库发展历史回顾文集”的材料，建立了数据库专业委员会“历史回顾”专题，收录了数据库领域知名研究者对我国数据库研究发展的回顾文章及珍贵的历史照片。</li>
<li>保留了“国际合作”、“数据库术语”、“相关资源”等原版网站的重要专题。</li>
</ul>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经过本次改版，数据库专业委员会的官方网站在界面、内容及后台管理方面有了长足的进步，也希望大家在使用的过程中把意见和建议反馈给我们，以便我们进一步改进。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chenweionline.cn/archives/50.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>C-DBLP更名为“学术空间ScholarSpace”并发布新功能</title>
		<link>http://www.chenweionline.cn/archives/46.htm</link>
		<comments>http://www.chenweionline.cn/archives/46.htm#comments</comments>
		<pubDate>Thu, 17 Jun 2010 05:36:48 +0000</pubDate>
		<dc:creator>陈威</dc:creator>
				<category><![CDATA[技术杂谈]]></category>
		<category><![CDATA[开发经验]]></category>
		<category><![CDATA[网站界面开发]]></category>

		<guid isPermaLink="false">http://www.chenweionline.cn/?p=46</guid>
		<description><![CDATA[

热度:

&#160;&#160;&#160;由WAMDM实验室开发的面向计算机领域的中文文献集成系统C-DBLP在成功运行近两年时间后近期正式更名为“学术空间ScholarSpace”，新名字更好地反映了系统的定位和发展方向。我们并不是要做一个中文版的DBLP文献系统，到目前为止我们已经在基于该系统的数据集开发了很多有价值的、DBLP所没有的功能和应用，ScholarSpace的目标是为国内计算机科学研究者建立一个中文的“学术空间”，汇集该研究者的文献著述、学术活动、科研项目、就职单位变迁等方面的信息，综合、全面、客观地展示研究人员的学术研究进展情况。
&#160;&#160;&#160;今年我们将ScholarSpace系统的进一步开发作为毕业设计实习课题交给大四本科生完成，经过几个月的研究和开发，系统发布了以下新功能：

文献作者研究兴趣：基于ScholarSpace的文献数据，我们从文献标题中自动抽取出该作者可能的研究领域情况在作者页面展示，并且提供查询相同研究领域作者的功能。
作者学术活动集成：利用面向领域的Web数据集成技术，我们从搜索引擎中集成了该作者的新闻信息，展示作者的学术活动及社会新闻情况。
作者列表展示：截至2010年6月，ScholarSpace收录的作者数量达到68,000+，为了方便用户浏览，我们发布了作者列表展示功能，以拼音序展示系统收录的所有作者姓氏，使用Ajax技术动态显示每个姓氏下的所有作者列表浏览功能。欢迎大家访问http://www.cdblp.cn/authorlist.php页面使用并提出宝贵意见。

&#160;&#160;&#160;上述几个功能所使用的数据都是由信息学院2006级本科生陈喆在实验室毕业实习期间完成的，在此向她表示感谢。
]]></description>
			<content:encoded><![CDATA[
<table>
<tr cellpadding=0><td>热度:</td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td></tr>
</table>
<p><p>&nbsp;&nbsp;&nbsp;由<a title="WAMDM实验室" href="http://idke.ruc.edu.cn" target="_blank">WAMDM实验室</a>开发的面向计算机领域的中文文献集成系统<a title="C-DBLP" href="http://www.cdblp.cn" target="_blank">C-DBLP</a>在成功运行近两年时间后近期正式更名为“<strong>学术空间ScholarSpace</strong>”，新名字更好地反映了系统的定位和发展方向。我们并不是要做一个中文版的DBLP文献系统，到目前为止我们已经在基于该系统的数据集开发了很多有价值的、DBLP所没有的功能和应用，ScholarSpace的目标是为国内计算机科学研究者建立一个中文的“学术空间”，汇集该研究者的文献著述、学术活动、科研项目、就职单位变迁等方面的信息，综合、全面、客观地展示研究人员的学术研究进展情况。<span id="more-46"></span></p>
<p>&nbsp;&nbsp;&nbsp;今年我们将ScholarSpace系统的进一步开发作为毕业设计实习课题交给大四本科生完成，经过几个月的研究和开发，系统发布了以下新功能：</p>
<ul>
<li><strong>文献作者研究兴趣：</strong>基于ScholarSpace的文献数据，我们从文献标题中自动抽取出该作者可能的研究领域情况在作者页面展示，并且提供查询相同研究领域作者的功能。</li>
<li><strong>作者学术活动集成：</strong>利用面向领域的Web数据集成技术，我们从搜索引擎中集成了该作者的新闻信息，展示作者的学术活动及社会新闻情况。</li>
<li><strong>作者列表展示：</strong>截至2010年6月，ScholarSpace收录的作者数量达到68,000+，为了方便用户浏览，我们发布了作者列表展示功能，以拼音序展示系统收录的所有作者姓氏，使用Ajax技术动态显示每个姓氏下的所有作者列表浏览功能。欢迎大家访问<a title="ScholarSpace作者列表页面" href="http://www.cdblp.cn/authorlist.php" target="_blank">http://www.cdblp.cn/authorlist.php</a>页面使用并提出宝贵意见。</li>
</ul>
<p>&nbsp;&nbsp;&nbsp;上述几个功能所使用的数据都是由信息学院2006级本科生陈喆在实验室毕业实习期间完成的，在此向她表示感谢。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chenweionline.cn/archives/46.htm/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Favicon:网站特色小图标</title>
		<link>http://www.chenweionline.cn/archives/6.htm</link>
		<comments>http://www.chenweionline.cn/archives/6.htm#comments</comments>
		<pubDate>Tue, 10 Nov 2009 13:08:08 +0000</pubDate>
		<dc:creator>陈威</dc:creator>
				<category><![CDATA[网站开发]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[网站界面开发]]></category>

		<guid isPermaLink="false">http://www.chenweionline.cn/?p=30</guid>
		<description><![CDATA[

热度:

     在浏览Sina、Sohu等知名网站时，我们会发现浏览器的地址栏和多标签浏览器的标签栏上都有一个非常醒目的小图标。以新浪网为例，在地址栏和标签栏中的小图标如下所示：


 
     这就是被称为favicon的小图标。Favicon是favorite icon的简称，也被称为wesite icon、page icon或url icon，一个好的favicon能够体现出网站的特色或内容。最早是用于Internet Explorer中的收藏夹功能，但目前的浏览器都支持这一功能，并且浏览器可以把favicon显示在浏览器的地址栏、标签式浏览界面的页标题前以及书签列表的网站名前。虽然它只是个不起眼的小家伙，但它却可以在地址栏、书签列表和标签栏中出现展示网站的logo或其他信息，为用户提供更好的浏览体验。
     最初将favicon展示到浏览器界面的方法是将一个名的&#8221;favicon.ico&#8221;的文件放到Web服务器的根目录下，Internet Explorer的收藏夹功能会自动识别该文件并显示，但后来出现了一种更为灵活的方法，通过HTML代码来为网站指定网站的favicon的存储位置。这种方法是通过在页面的&#60;head&#62;&#60;/head&#62;标签中加入link元件来实现的，添加favicon的代码如下：
&#60;head&#62;
&#60;link rel=&#8221;shortcut icon&#8221; href=&#8221;/directory in which you put the favicon/favicon.ico&#8221; type=&#8221;image/x-icon&#8221; /&#62;
&#60;/head&#62;
     在“威言大义”网站中，我也尝试着去实现这样一个小功能。在网上有很多在线生成ico文件的站点，只需要将本地生成的jpg或其他格式的文件上传即可在线生成标准的icon文件。ico文件的尺寸一般为16*16 pixel或才32*32 pixel，色彩为256色。在制作我的网站favicon时我使用了&#8221;FavIcon from Pics&#8221;网站的在线生成favicon服务。下面就是我的网站小图标的原图：


     将生成的ico文件放到指定目录下并调整页面代码后，favicon小图标功能在FireFox(3.5.5版本)中正常运行：

 
     在使用IE内核（IE 8）的世界之窗浏览器中也能够显示出相应的favicon：

 
     但在sogou浏览器中却不能正常运行。目前我正在调试中，读者如果有好的方法或经验也请不吝赐教。

]]></description>
			<content:encoded><![CDATA[
<table>
<tr cellpadding=0><td>热度:</td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td><td cellpadding=0><img src='http://www.chenweionline.cn/wp-content/plugins/statpresscn/images/sun.gif' width=10 height=10 border=0 /></td></tr>
</table>
<p><p>     在浏览Sina、Sohu等知名网站时，我们会发现浏览器的地址栏和多标签浏览器的标签栏上都有一个非常醒目的小图标。以新浪网为例，在地址栏和标签栏中的小图标如下所示：</p>
<p><img class="size-full wp-image-31  alignleft" title="新浪网地址栏" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/sina.bmp" alt="新浪网地址栏" /></p>
<p style="text-align: center;"><img class="size-full wp-image-32   aligncenter" title="新浪标签栏" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/sina1.bmp" alt="新浪标签栏" /></p>
<p> </p>
<p>     这就是被称为favicon的小图标。Favicon是favorite icon的简称，也被称为wesite icon、page icon或url icon，一个好的favicon能够体现出网站的特色或内容。最早是用于Internet Explorer中的收藏夹功能，但目前的浏览器都支持这一功能，并且浏览器可以把favicon显示在浏览器的地址栏、标签式浏览界面的页标题前以及书签列表的网站名前。虽然它只是个不起眼的小家伙，但它却可以在地址栏、书签列表和标签栏中出现展示网站的logo或其他信息，为用户提供更好的浏览体验。<span id="more-6"></span></p>
<p>     最初将favicon展示到浏览器界面的方法是将一个名的&#8221;favicon.ico&#8221;的文件放到Web服务器的根目录下，Internet Explorer的收藏夹功能会自动识别该文件并显示，但后来出现了一种更为灵活的方法，通过HTML代码来为网站指定网站的favicon的存储位置。这种方法是通过在页面的&lt;head&gt;&lt;/head&gt;标签中加入link元件来实现的，添加favicon的代码如下：</p>
<p>&lt;head&gt;</p>
<p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;/directory in which you put the favicon/favicon.ico&#8221; type=&#8221;image/x-icon&#8221; /&gt;</p>
<p>&lt;/head&gt;</p>
<p>     在“威言大义”网站中，我也尝试着去实现这样一个小功能。在网上有很多在线生成ico文件的站点，只需要将本地生成的jpg或其他格式的文件上传即可在线生成标准的icon文件。ico文件的尺寸一般为16*16 pixel或才32*32 pixel，色彩为256色。在制作我的网站favicon时我使用了&#8221;<a title="在线制作favicon文件" href="http://www.html-kit.com/favicon/" target="_blank">FavIcon from Pics&#8221;</a>网站的在线生成favicon服务。下面就是我的网站小图标的原图：</p>
<div class="mceTemp">
<p style="text-align: center;"><img class="size-full wp-image-36  aligncenter" title="favicon原图" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/logo-1.jpg" alt="favicon原图" width="53" height="63" /></p>
<p style="text-align: left;">     将生成的ico文件放到指定目录下并调整页面代码后，favicon小图标功能在FireFox(3.5.5版本)中正常运行：</p>
<p style="text-align: center;"><img class="alignleft size-full wp-image-39" title="firefox favicon" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/firefox-favicon.bmp" alt="firefox favicon" /><img class="size-full wp-image-40 aligncenter" title="firefox favicon1" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/firefox-favicon1.bmp" alt="firefox favicon1" /></p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">     在使用IE内核（IE 8）的世界之窗浏览器中也能够显示出相应的favicon：</p>
<p style="text-align: center;"><img class="size-full wp-image-41 aligncenter" title="世界之窗浏览器" src="http://www.chenweionline.cn/wp-content/uploads/2009/11/世界之窗浏览器.bmp" alt="世界之窗浏览器" /></p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">     但在sogou浏览器中却不能正常运行。目前我正在调试中，读者如果有好的方法或经验也请不吝赐教。</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.chenweionline.cn/archives/6.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

