2008-05-26
2008-04-19
包含中英文的列表项在水平排列时和其他列表项对齐问题解决方案
出现这种情况的前提条件是：
1、你使用的IE6.0或更低版本的浏览器；
2、你使用了“Verdana”这种英文字体；
3、你需要水平排列列表项（例如用来做横向导航菜单的时候）；
4、你需要设置该列表项的字体大小；
5、你的其中一个列表项包含英文或阿拉伯数字（都包含英文时，这个问题不存在）
看起来似乎约束条件很多，但是一旦偶尔碰到了会是一件让喜欢追求完美的你很头大的事情……
我来举一个具体点的例子，例如以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
ul{
list-style:none
}
li {
float: left;
font-family: Verdana;
margin:0 3px 0 0;
}
a:link,a:visited {
color:#000;
display:block;
font-size:12px;
}
a:hover{
color:#aaa;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#">我的主站</a></li>
<li><a href="#">我的Blog</a></li>
<li><a href="#">我的论坛</a></li>
</ul>
</body>
</html>
这个时候你会郁闷的发现你看到结果的是这样子的：
图1：
可以看到中间的英文的列表项和其他的列表项并不在同一条水平线上。（当然这个问题只出现再你用IE浏览的时候）
究其原因，大概是IE在显示同字号的中英文字体时给定的行高不同。下面给出我总结出来的几条解决方案供大家参考，同时酌情使用。
方案一：不使用“Verdana”这种字体
使用系统默认的宋体问题则迎刃而解，如果你实在觉得英文在宋体下太难看，你还可以使用英文字体“Tahoma”，这种英文字体是系统自带的英文字体。比“Verdana”稍微瘦一些。美中不足的是，使用这种字体在小于13px的时候会发生下划线和中文字体粘连的现象（见图2）；
图2：
如果你非要使用“Verdana”字体，或者你不喜欢下划线挨的那么紧，那么就请你看下面的方法……
方案二：调整文本的垂直对齐方式
将列表项的垂直对齐方式调整为“text-top”或者“text-bottom”若改列表项里的中文和其他列表项已经对齐但英文还是偏下一像素（如图3）.如果你不需要显示下划线的话到这一步已经可以算完成了。如果需要显示完整的下划线，那么就需要一些小花招了，你可以先将A标签的下划线取消，设置它为“block”模式，再给它加一个1像素的下边框，当然别忘了给a:hover 也加一个。
图3：
下面是最终代码，当然我做了其他的一些细节上的小调整让它看起来更舒服一些：
图4：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
ul{
list-style:none
}
li {
float: left;
font-family: Verdana;
margin:0 3px 0 0;
vertical-align:text-bottom;
}
a:link,a:visited {
display:block;
color:#000;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
font-size:12px;
padding: 0 0 1px 0;
line-height:11px;
}
a:hover{
color:#aaa;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #aaa;
}
-->
</style>
</head> <body>
<ul>
<li><a href="#">我的主站</a></li>
<li><a href="#">我的Blog</a></li>
<li><a href="#">我的论坛</a></li>
</ul>
</body>
</html>
……
阅读全文
2008-03-27
如何修改国内注册的域名的NS服务器
到目前位置.cn还是1元/年，相信大家都注册了不少吧。这其中应该有不少人还在使用国外的免费空间，但是有一些空间绑定域名的时候需要修改域名的NS服务器，至少我经常遇到这样的空间。于是问题就出来了，国内注册的域名的弱智控制面板，大部分只能支持修改A记录，改NS的功能非常不好用，而且不能给二级域名添加NS服务器，通常我是用一些第三方的免费的NS服务的，如value-domain.com、dnspod.com等等，方便灵活很好用。下面我以将新网注册的.CN域名的NS服务器修改至value-domain.com为例介绍一下国内域名控制面板中怎么有效的修改NS。
首先登录你购买域名的代理网站，进入“会员中心”，点击“我的业务”-“我的域名”。
“我的域名”栏目中你可以看到“最近到期5个域名”这样的列表，点击该栏目后面的“更多”打开所有域名的列表，找到你要修改NS的域名，点击域名后面的“详情”，注意是“详情”而不是“解析”。
打开“域名详情”页面，点击“DNS”标签，点击下面的“更改负责解析XXXXXX（这里XXXXXX代表你的域名）的DNS服务器”
在第一个输入框中填写“NS1.VALUE-DOMAIN.COM”，第二个里面填写“NS2.VALUE-DOMAIN.COM”（注意格式，后面都没有点）点“保存”
OK，大功告成！
修改NS以后需要等几个小时才能生效！
……
阅读全文
2008-03-26
drupal6.0安装时出现的“register_globals is enabled.”问题及解决
drupal6.0安装第一步出现的问题:
点install即出现 register_globals is enabled. Drupal requires this configuration directive to be disabled. Your site may not be secure when register_globals is enabled. The PHP manual has instructions for how to change configuration settings. (Currently using PHP register globals Enabled (’1′))
解决办法(任选一种)：
1/如果你可以设置服务器中的PHP.INI，将里面的register_globals设置为off。
2/如果不能设置php.ini，可以修改.htaccess中的register_globals为0。
3/建立一个文件，名称为 php.ini
内容输入一行 register_globals Off
然后上传到安装根目录。
……
阅读全文
2007-07-04
免费CSS编辑工具CSSVista
一段CSS代码是否同时兼容多个浏览器是衡量该代码设计是否成功的一个重要因素. 因此编辑某个CSS代码的时候,即时测试兼容性就非常必要了.免费软件CSSVista能够让你在编辑CSS代码的同时,在侧边栏预览CSS代码在IE6和Firefox下的显示效果.
CSSVista界面内一共有三个模块,一个CSS编辑区域,IE6预览窗口和Firefox预览窗口.在软件地址栏输入URL,点击Edit CSS,它会自动获取该网页上所有的CSS代码文件,并将界面拆分为三栏.它还支持查看在800*600和1024*768两种分辨率下的显示效果,并且能够高亮标记网页中的各种元素.
……
阅读全文
2007-06-27
2007-06-24
著名相声演员侯耀文突发心脏病猝死家中
非常喜欢的一位相声演员，对他的《口吐莲花》，《糖醋活鱼》，《见义勇为》，《候氏发声法》，等等经典都还记忆犹新，没想到走的这么突然……
以下是新闻报道：
新浪娱乐讯 6月23日，著名相声演员侯耀文突发心脏病猝死，享年59岁。目前，相声界人士正纷纷赶往侯耀文位于昌平区玫瑰园的家中。
当晚，新浪娱乐第一时间联系上了电视节目主持人、侯耀文的师侄汪洋(blog)。电话中，汪洋确认了"侯耀文因心肌梗塞猝死"的消息，并透露：三叔侯耀文在家中突发心脏病，被120急救车送往北医三院抢救无效去世。现在是侯耀文的大徒弟贾伦在侯耀文家中处理相关事宜，自己因身在外地，也是刚刚打电话给贾伦时得知的这个情况。
今天是周末，北京的两个相声俱乐部都在演出，侯耀文的师兄弟、晚辈、圈中好友得知这个消息后，都从家中或者演出场所赶往玫瑰园。汪洋因在外地录制直播节目，也委托了妹妹立即赶往昌平侯耀文家。而郭德纲(blog)在得知师父去世的消息后，也第一时间从安徽启程赶回北京。目前，侯耀文的徒弟贾伦和王玉正在处理后事。
……
阅读全文
2007-06-18
31 个用来测试你网站各项性能的免费在线工具
你是否肯定你的网站完全兼容各大浏览器？是否知道多少秒可以打开你的网站？ 是否可以自信地说你的网站根本就没有打不开的时候？ 是否……
虽然它看似不重要，但这些在一定程度上也对你的网站的访问量产生了影响 （ 其它一部分影响浏览量的原因及解决办法 ）。这里列出了一份 31 个我最喜爱的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。
网站代码验证 没人可以细致到保证自己的网站代码都是正确的，你可以通过以下测试来验证网站代码是否正确。
1 . WDG HTML Validator 一个很好的工具，能找出网站语法错误的地方，并标注出来，也可选择对网站上单独的每一页进行单页分析。（ 强烈推荐 ）
2 . W3C Markup Validation Service 对 HTML 和 XHTML 都能进行代码测试，自称是互联网络上第一个（也是使用者最多的）的 HTML 验证工具。
3 . W3C CSS Validation Service 用于验证 css 源代码，能够标注出不好的 css 代码设计。例如：“Same colors for color and background-color in two contexts”。
4 . RUWF XML Syntax Checker 用于查找 XML 文件的错误。
5 . W3C Feed Validation Service 用于查找 Atom 和 RSS feed 中的错误语法。（ 这个我经常用到 ）
6 . W3C Link Checker 用于搜寻查明你网站内的所有链接里是否有断链。（ 强烈推荐 ）
7 . Juicy Studio Link Analyser 测试网站内的链接的 URL 是否存在死链，与 W3C Link Checker 很类似。
网站的使用性
我们常常看到网站设计者把重点放在怎网站的吸引力上，而完全不考虑会不会影响来访者的使用，一个浏览难度很大的网页是注定要失败，要让你的来访者方便的得到他要的信息（从而成为重复访客），你的网站应当遵循 WCAG section 508 易用性规则。
8 . Watchfire WebXACT 所有严谨的设计师和开发者都必须使用的工具，它会生成一个非常详尽的报告书，包括：网站质量，易用性和隐私等。（ 强烈推荐 ）
9 . ATRC Web Accessibility Checker 测试网站的 WCAG 2.0 Level2 兼容性，它会生成一份报告，提出一系列建议，如：如何提升页头，链接，数据，图表和文字的访问速度。
10 . WAVE 3.0 Web Accessibility Tool 高度可定制的工具，它采用了图形化模型展示网站兼容性问题（ WCAG 1.0 and section 508 ）。（ 强烈推荐 ）
11 . TAW Web Accessibility Test 测试网页是否存在冲突（ WCAG 1.0 兼容性 ），通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。
12 . HiSoftware CynthiaSays portal 采用了非常严格的规则来测试网页（ 根据 section 508 和 WCAG 1.0 规则 ），生成的报告也极为详细（ 详细到很难看懂 ）。
13 . HERA Accessibility testing with Style 使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。
14 . Juicy Studio CSS Analyser 进行了色彩对比测试，以确保你的网站的色调会符合 WCAG 1.0 的要求。
15 . Juiciy Studio Readability Test 分析你网站上的文字是否有语法错误或拼写错误等问题，容易让人理解不（ 根据 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 规则 ）。（ 适合英文网站使用 ）
网站的速度
打开你的网站的速度快慢，是来访者会不会再次访问网站的关键因素，在一般情况下，一个网络不是很快的来访者是不愿意访问一个充满着图片、flash 动画、多媒体文件的网站。为了使你的网站覆盖人群的范围最大化，你必须优化你的网站，使它的打开速度尽可能的快。
16 . Web Page Analyzer from Website Optimization 一个很好的工具，它在分析完一个网页后，会为减少加载时间提出优化建议，着重优化物体的数目，图片和网站的总体大小。（ 强烈推荐 ）
17 . WebSitePulse Test Tools 有一系列的工具来确定网站的加载速度和主机信息。
18 . Internet Supervision Url Check 从世界各地不同的服务器来测试你的网站的加载时间，用于确定是不是各地的来访者都能顺利快速的打开你得网站。
浏览器模拟工具
这是一个普遍的问题，因为现在有着很多的操作系统和浏览器，你得网站必须得兼容它们，但这绝不是一件容易的事。通过下列工具，你可以了解你得网站在各种浏览器上的显示效果。
19 . Browsershots 能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是结果要在 1 - 3 小时后才能出来。
20 . IE NetRenderer 实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。
21 . MobiReady Report 分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。
搜索引擎优化 (SEO)
一个网站，如果对搜索引擎有着比较好的友好度，一定会比较有竞争力。
22 . UrlTrends 会显示网站的访客是如何通过搜索引擎来到你的网站，还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。（ 强烈推荐 ）
23 . iWEBTOOL Backlink Checker 一个很好的工具，它能找出有什么站点链接到你的站点，那些站点是什么类型的站点。
24 . iWEBTOOL Multi-Rank Checker 显示你网站的 Alexa 和 Google PageRank 数值。
25 . Microsoft adCenter Labs: Advertising and Keyword Research Tools 一个极好的工具，用于分析和预测你网站的来访者和市场。（ 强烈推荐 ）
26 . Domain Tools Whois lookup 一个 WHOIS 网络工具。
27 . SEO-Browser 可以让你看到在搜索引擎眼里一样的网站（ 去掉所有的”美丽”配件 ）。
28 . SEO Workers SEO Analysis Tool 非常有用的工具，分析了网站上的各种分类特征，包括 meta 标签、关键字密度及加载时间。（ 强烈推荐 ）
29 . Seekport Seekbot 可以分析网站的数据和内容，以得出搜索引擎会如何有效的解释分析的网站。
30 . SEO Chat SEO Tools 用以分析网站 Google adsense 盈利潜力，关键字密度，Meta tag 等等……
31 . Marketleap Search Engine Marketing Tools 用来分析网页，让你知道你的网站检索、设定的关键字好不好。
原文：avivadirectory.com
译者：peterzsk
译文原地址：http://zsk.akaka.com.cn/2007/06/31-free-tests-online/
……
阅读全文
2007-06-14
Google Adsense 提供广告投放域名保护
即是说，用户可以自行设定广告生效的域名区域，在被允许的域名名单之外的只则不计算展示、点击次数。
希望此举可以有效的杜绝恶意展示和点击。
以下内容来自"Google 黑板报"
AdSense 新功能：广告投放域名保护（Allowed Sites）
2007年6月14日 下午 04:38:00
日前，AdSense
针对中文发布商发布了一项重要的新功能，允许发布商自行设置展示其广告的网站，以避免由于自己的广告代码被无关的他人使用，对自己的帐户造成不良影响。这是由中文的发布商提出，最终实现并针对中文发布商发布的重要功能。这表明在
Google（谷歌）AdSense 团队的努力下，中文 AdSense 发布商的功能需求将越来越多越来越快地得到实现， 同时也表明谷歌 AdSense
一直不遗余力地不断改进产品和系统，保护发布商、广告主以及用户多方的利益，实现携手共赢的目标。
下面是关于该功能的一些常见问题，希望对大家了解这一功能有所帮助。
什么是域名保护？
域名保护是指 AdSense 发布商希望或者允许他们的谷歌 AdSense 广告显示在固定的网站或网页上。
为什么 AdSense 提供这样的功能？
一些发布商担心他们的广告被人在网上恶意点击，比如复制他们的代码到一个不属于他们的垃圾网站进行点击。提供此项功能，我们允许发布商控制他们的 AdSense 广告代码显示在指定的网站或者网页上。
怎样使用此功能？
只需要下面 6 步简单的设置，您就可以在您的 AdSense 账户中设置好域名保护功能。
1）在 https://www.google.com/adsense 登录你的 AdSense 帐号。
2）点击"AdSense 设置" 链接，一排设置链接会出现在此链接下，点击"域名保护"。
3）选择"只允许指定的网站展示我的广告代码" 。
4）系统会自动展示你的账户中指定的广告展示网站列表，如果你是第一次使用的话，列表清单会是空白。
5）在输入栏中输入你希望展示广告的网站或者是网址。
6）点击"保存修改"，这样系统会自动添加你输入的网址。
我需要把我所有的网站都加入到域名保护列表中吗？最多能够添加多少个网站呢？
是的，您需要将所有您希望展示广告的网站加入到域名保护列表中，如果某个网站不在其中，您不会从这个网站的广告点击或展示中获得收益。目前，您在域名保护列表中最多可以输入 100 个网站。
如果我忘记了将我的网站加入域名保护列表会怎么样？
如果您忘记了将网站加入域名保护列表的话，所有从该网站获得的点击或者展示收益都不会记入您的账户，因此，当您在新的网站上添加谷歌 AdSense 广告的时候，请务必同时更新您的账户域名保护列表。
没有出现在我的域名保护列表的网站会展示广告吗？
如果展示您广告的网站不在您的域名保护列表中，广告仍然会在此网站上展示，但是点击和展示不会被系统记录。
我的报告中会显示所有网站展示的广告的数据还是只提供域名保护列表网站中的数据？
报告中只会提供域名保护列表网站广告点击和展示的数据，不在域名保护列表中的点击，展示和收入的数据不会被记录在账户中。
域名保护的功能开通后需要多久才会生效？
一般在 4 小时之后您的更改即可生效，但是在某些情况下，最多可能会需要 48 小时您的更新才会生效。
* 此能属于自愿开通
……
阅读全文
2007-06-12
如何避免Adsense帐号被锁定
如果Google发现某个Adsense用户在点击自己的Adsense广告，那么会将这个Adsense帐号关闭。一些Adsense用户却不明白，为什么自己的帐户会被Google关闭，即使他们自己从来没有点击过广告，而Google却仍然声称他们手动点击自己的广告。
那么Google是如何确定Adsense用户自行点击广告的呢？
记住，就在你曾经注册Google Adsense用户的时候，Google就知道你的IP地址，子网以及你电脑系统的其他资料。在Google的数据库中一直记录你帐号登录的资料和信息并不是一件困难的事情。当你注册了Adsense帐号，开始在你的网站进行广告展示，这时你就开始检查你的Adsense账户在某段时间所取得的收入。每当你登陆到你的Adsense账户的时候，Google都知道你所使用的这个IP地址做过什么其他重要的事情，Google会在你的帐号中记录和保存你所有的IP地址和映射关系。因此，如果你从你朋友的电脑上登陆你的Adsense帐户，Google可能会把你和你朋友的电脑进行一些关联，稍后如果你的朋友点击任何Adsense广告，Google都可能把它当作你的点击广告。事情就是这么简单。
怎么避免被Google锁定Adsense帐号？
这里总结了一些技巧，可以帮助你避免被Google错误地锁定你的Adsense帐号。简单来说就是，在如下情况下，你千万不要登录你的Adsense帐户：
使用一位朋友的电脑
使用网吧的电脑
使用你的办公室的电脑
使用一个公共代理服务器上网
如果你家里没有电脑，但是你又不能避免要登录Adsnese核对帐目，那么设置一个Adsense自动发邮件的功能，通过电子邮件将账目发送给你。记住你可以使用任何电子邮件系统，但不要使用Google的Gmail来接收报告。（Google当然会知道你登录到你Gmail邮件帐户的IP地址）
结论：按本文提示所说去做，你会避免一些被锁定Adsense的最常见的技巧。但这些都不是Google确定你信息和点击的唯一的途径，所以，要小心行事。无论任何原因，永远不要点击自己网站上的广告！
……
阅读全文
