编织の梦想

Ajax 顶一下、Ajax 投一票代码、仿网易顶一下代码演示及下载

Sctercn@Gmail.com (admin) — Wed, 06 Aug 2008 14:30:54 +0800

Ajax 顶一下、Ajax 投一票代码、仿网易顶一下代码演示及下载

代码比较简单，大家多指正批评后台为ASP

修改了若干错误效果与163的顶一下类似。。
实现了投票时等待等效果~~

下面是顶一下的JAVASCRIPT代码

/*
*--------------------------------------------------------------------
*
*创建一个XMLHttp实例
*return object 成功创建返回一个XMLHttp对象实例,否则返回false
*
*--------------------------------------------------------------------
*/
function CreateAjax()
{
    var XMLHttp;
    try
    {
        XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");   //IE的创建方式
    }
    catch(e)
    {
        try
        {
            XMLHttp = new XMLHttpRequest();     //FF等浏览器的创建方式
        }
        catch(e)
        {
            XMLHttp = false;        //创建失败，返回false
        }
    }
    return XMLHttp;     //返回XMLHttp实例
}
*-------------------------------------------------------------------------
*
*函数名:Dig(id)
*功能:投票
*参数:id
*      1、id:文章的id
*
*-------------------------------------------------------------------------
*/
function Dig(id)
{
_xmlhttp = CreateAjax();
var url = 'service.asp?id='+id+'&n='+Math.random()+'';  //这里添加了一个参数n,表示为一个随机数，以避免浏览器缓存
if(_xmlhttp)    //判断XmlHttp是否创建成功
    {
        var content = document.getElementById("dig"+id);
  var dig = document.getElementById(id);     //获取页面中ID为文章Id的节点
        _xmlhttp.open('GET',url,true);
        _xmlhttp.onreadystatechange=function()
        {
            if(_xmlhttp.readyState == 4)        //客户端完成请求
            {
                if(_xmlhttp.status == 200)      //服务端完成处理并返回数据
                {
                    var ResponseText = unescape(_xmlhttp.responseText);   //获取service的显示字符
     var r=ResponseText.split(",");        //如果已经投票、service会显示Dig,投票数，这里分割字符用于显示错误和重置计数
                    if(r[0] == "Dig" )   //service返回了错误信息
                    {
                        alert("您已经投过票了！");
                        dig.innerHTML=r[1];
                    }
     //没有找到文章
                    else if(ResponseText == "NoData")
     {
      alert("参数错误！");
     }
     else
                    {
      //服务器返回了成功，重置投票数
      dig.innerHTML=ResponseText;
      alert("投票成功");
      //将投一票改成查看文章的按钮
      content.innerHTML='<a href="shownew.asp?id=' + id + '">查看</a>';
                    }
                }
                else    //服务器出现异常
                {
                    alert("服务器返回异常！");
                    top.location.href='index.asp';
                }
            }
            else    //请求未完成时的提示信息
            {
                dig.innerHTML='<img src="images/Loading.gif">';
            }
        }
        _xmlhttp.send(null); //向服务器发送请求，因为是get请求，会直接附在URL后面，所以这里括号中的数据为null，IE中也可以不写，但FF就必须加上null，否则会发送失败。
    }
    else    //创建未成功
    {
        alert("您的浏览器不支持或未启用 XMLHttp!");
    }
}

下载：

解压密码：www.knitdream.com

继续阅读《Ajax 顶一下、Ajax 投一票代码、仿网易顶一下代码演示及下载》的全文内容...

网站性能在线测试免费工具 (2008-7-30 9:27:51)

CSS新手阅读的CSS技巧十则 (2008-7-24 13:14:1)

216种Web安全颜色，Web安全颜色是什么？ (2008-7-16 14:55:32)

70个流行的AJAX应用的演示和源码下载 (2008-7-15 22:2:46)

8个简单实用的CSS秘诀 (2008-7-13 19:23:52)

美国海滩发现神秘怪兽引发网络大猜想

Sctercn@Gmail.com (admin) — Mon, 04 Aug 2008 08:34:47 +0800

Three women who first discovered and photographed the Montauk Monster have issued a desperate plea for scientists to help them identify the devil span! Rachel Goldberg, Courtney Fruin and Jenna Hewitt gave their long-awaited interview to PlumTV, following hot on the heals of the CNN appearance by their buddy "Colin," who is keeping the monster's bones safe in his bong or Weber grill or whatever. The ladies revealed they have been in touch with a scientist from Stony Brook University, who supposedly told them it can't be a raccoon (legs/arms not in proportion to body), dog (feet "don't match up" — ??) or turtle (they don't have teeth). So basically we're dealing with a mutant, alien or satanic death hound. "Lock your fucking doors," as one self-described biologist told us yesterday! The women are hoping another scientist will take a look at the remains and give a less terrifying answer. A video except, along with some interesting mail, is after the jump. UPDATE: Plus a new, less decomposed photo via Newsday!

Highlights from PlumTV's interview are above, the full video is here. Note that the presence of the photos on one of the women's cameras is treated as evidence the picture was not Photoshopped. In fact, with proper formatting it's likely possibly to copy any image to a memory card and load it onto a phone. Just saying!

Here's the NEW PHOTO of the creature shown in the segment:

From the mailbag:

One corespondent believes the creature to be a model created by Australian artist Patricia Piccinini to promote "some company or movie or whatever." A sample of her work:

More evidence for the raccoon theory from an anonymous emailer! Not sure why the text cuts off so abruptly.

Also, it's still not a sea turtle.

And this thing has been haunting people for YEARS, in the demon shadows of wooded night:

My friend Sachit, Alex and myself can swear that we saw this creature one night around 1 o’clock in the morning during the summer. At first we thought it was just two people making out, then possibly a empty trash bin rolling in the wind on it’s side but then we saw a shadow of a creature that immediately jetted away from us up the shoreline. It was fast and couldn’t of been anything simple like a dog or a deer. We told this story to a lot of our friends and family over the past two years and every time they see our serious faces and feel our concerns everybody listened to our story and tells us how the hair on the back of their necks stand up every time. My friend Sachit was the first one to email this picture to me with the subject of the email saying “they found our monster”. I forwarded it to my brother and father and my brother told me to email someone about it. Well, here I am emailing you. Damn, I’m glad I could get that off my chest. Now my story can only be interesting to the people that heard it before this picture came about. Very cool.

More Photoshops! From an email tipster:

From Pope John Peeps II in the comments:

Be careful out there everyone. This monster had to come from somewhere — or SOME THING!

[Plum TV via Guest of a Guest]

UPDATE: From Newsday, a new photo of apparently the same carcass:

The picture-taker, Ryan O'Shea of Brooklyn, told the paper:

"Everybody I showed her pictures to said it looks like a dead dog," O'Shea said.

"But looking at the claws, and at the teeth in the front, it looked like it could be something else, something vicious."

It was relatively small, roughly 2 1/2 to 3 feet long, he said.

"I kept thinking, 'Boy, I hope its mother isn't around."

The mystery only deepens!

继续阅读《美国海滩发现神秘怪兽引发网络大猜想》的全文内容...

方正总裁祁东风离职董事长方中华代总裁职务 (2008-6-6 16:25:48)

收C网价偏高只为早获移动牌照 (2008-6-3 14:25:45)

联通C网开价1200亿中国电信砍价一半 (2008-5-27 11:15:26)

重庆公交车今晨坠下嘉陵江大桥10人重伤(图) (2008-5-8 13:30:40)

男子跳楼当场身亡警员搭帐篷保死者尊严(图) (2008-4-24 21:5:44)

IIS出现Server Application Error报错信息的解决方案

Sctercn@Gmail.com (admin) — Fri, 01 Aug 2008 11:01:40 +0800

Server Application Error

The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.

具体解决步骤：
1）右键单击我的电脑---->管理，打开计算机管理界面
打开本地用户和组---->用户
右键单击启动IIS进程帐号IWAM_****（注：****一般是计算机名）
点击设置密码，设置为一个你想要的密码。

2）同步IIS 配置数据库密码：
此处命令有二种，一种可以查看密码，一种是修改密码：

a.你可以利用查看密码命令查看 IWAM密码，然后把第一步中用户IWAM密码设置为与查看到的IIS配置数据库密码一样

b.也可以利用修改密码命令把IIS配置数据库密码修改为你第一步修改过的IWAM密码。

二种任你选择。

查看密码：
这里注意：在WIN2000中，查看到的密码为星号，若要不为星号，必须要先修改adsutil.vbs文件。

修改方法：
a.到c盘 inetpub\adminscripts找到adsutil.vbs （根据装系统时设定的不同，有的路径可能不一样）
b.右键单击，用记事本打开
c.查找 IsSecureProperty = True注意=前后各有一个空格
d.将 IsSecureProperty = True 改为 IsSecureProperty = False
e.保存，关闭，OK。

不罗嗦了，下面列出

查看密码命令：

开始--->程序--->附件 打开命令提示符
输入cd c:\inetpub\adminscripts

获取 IWAM 帐户密码命令： cscript.exe adsutil.vbs get w3svc/wamuserpass

获取 IUSR 帐户密码命令： cscript.exe adsutil.vbs get w3svc/anonymoususerpass

输入以上命令，按回车可分别查看IWAM和IUSR的密码。

修改密码命令：

修改 IWAM 帐户密码 cscript.exe adsutil.vbs set w3svc/wamuserpass "password"

修改 IUSR 帐户密码 cscript.exe adsutil.vbs set w3svc/anonymoususerpass "password"

password 设置为你想修改的密码，即与第一步中你设置的用户IWAM_****的相同，按回车即可修改完成。

这里一定要注意：w3svc与wamuserpass之间的杠是/而不是\，否则会出错。

并且还要注意：修改密码前请一定停止所有的Internet信息服务，否则后面可能会出错，并且IWAM帐户可能会被锁定。

如何停止？打开计算机管理，在Internet信息服务上单击右键，选择重新启动IIS服务，在选项中点停止IIS服务，确定即可。

3）更改组件服务中的密码

开始--->程序--->附件 打开命令提示符
先输入cd c:\inetpub\adminscripts

然后输入cscript.exe synciwam.vbs -v

系统会提示：

microsoft (r) windows script host version 5.6

版权所有(c) microsoft corporation 1996-2000。保留所有权利。

wamusername:iwam_myserver

wamuserpass:aboutnt2001

iis applications defined:

name, appisolated, package id

w3svc, 0,3d14228c-fbe1-11d0-995d-00c04fd919c1}

root, 2,

iishelp, 2,

iisadmin, 2,

iissamples, 2,

msadc, 2,

root, 2,

iisadmin, 2,

iishelp, 2,

root, 2,

root, 2,

out of process applications defined:

count: 1

3d14228d-fbe1-11d0-995d-00c04fd919c1}

updating applications:

name: iis out-of-process pooled applications key:3d14228d-fbe1-11d0-995d-00c04fd919c1}

重新启动IIS。搞定！

最后一步时提示显示 Error: 8004E00F:，而无法继续！！！别急,那就需要做下面的操作了。..

执行synciwam.vbs -v的时候出现Error: 8004E00F错误
可以参考下面

同步密码时出现如下错误：

C:\Inetpub\AdminScripts>synciwam.vbs -v
IIS Applications Defined:
Name, AppIsolated, Package ID
ROOT, 2,
IISHelp, 2,

Out of process applications defined:
Count: 1
{3D14228D-FBE1-11d0-995D-00C04FD919C1}

Error: 8004E00F:
C:\Inetpub\AdminScripts>

解决办法：
1、首先进入组件服务，查看组件服务/计算机/我的电脑/COM+应用程序，若报错"COM+ 无法与 Microsoft 分布式事务协调程序交谈"，无法查看里面的对象。那就再继续看下面
2、进入事件查看器，看msdtc服务是否正常启动。（应该是没有）
3、删除注册表中的键：
      HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\MSDTC
      HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\MSDTC
      HKEY_CLASSES_ROOT\CID
      (全部删除,呵呵，不要害怕哦...注册表不可怕)

4、还有那就是卸载IIS，然后重新装上去。呵呵，搞定！！！希望对一些朋友有用这篇文章，当然如果你还有其他的办法，别忘了告诉我啊！~

继续阅读《IIS出现Server Application Error报错信息的解决方案》的全文内容...

网站性能在线测试免费工具 (2008-7-30 9:27:51)

8个简单实用的CSS秘诀 (2008-7-13 19:23:52)

Generic Malware Debunking Post (2008-7-13 19:13:41)

比尔盖茨时代正式结束 (2008-6-29 13:1:50)

比尔·盖茨：退休前留给我们些什么？ (2008-6-6 16:22:54)

网站性能在线测试免费工具

Sctercn@Gmail.com (admin) — Wed, 30 Jul 2008 09:27:51 +0800

你可以通过以下测试来验证网站代码是否正确。看看你的网站是否完全兼容各大浏览器？是否知道多少秒可以打开你的网站？是否可以自信地说你的网站根本就没有打不开的时候？这些在一定程度上对你的网站的访问量产生了影响（其它一部分影响浏览量的原因及解决办法）。

　　这里列出了一份常用的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。

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 Analyse r进行了色彩对比测试，以确保你的网站的色调会符合 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 用来分析网页，让你知道你的网站检索、设定的关键字好不好。

继续阅读《网站性能在线测试免费工具》的全文内容...

Ajax 顶一下、Ajax 投一票代码、仿网易顶一下代码演示及下载 (2008-8-6 14:30:54)

IIS出现Server Application Error报错信息的解决方案 (2008-8-1 11:1:40)

CSS新手阅读的CSS技巧十则 (2008-7-24 13:14:1)

Google改进后的Flash索引 (2008-7-18 19:52:42)

Google搜索结果页面点击分配 (2008-7-18 19:38:38)

CSS新手阅读的CSS技巧十则

Sctercn@Gmail.com (admin) — Thu, 24 Jul 2008 13:14:01 +0800

这十则CSS技巧汇编于网络，作为老手已经司空见惯了，也没有什么新意，但温故而知新，或许阅读一遍也有一定的启发，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，希望大家能认真阅读。

一、CSS字体属性简写规则

　　一般用CSS设定字体属性方法：
　　font-weight:bold;
　　font-style:italic;
　　font-varient:small-caps;
　　font-size:1em;
　　line-height:1.5em;
　　font-family:verdana,sans-serif;
　　可以把它们全部写到一行上去：
　　font: bold italic small-caps 1em/1.5em verdana,sans-serif;
　　这样看起来是不是简单多了，只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及font-varient，他们会使用缺省值，这点要记上。

二、CSS border的缺省值

　　通常可以设定边界的颜色，宽度和风格，如：
　　border: 3px solid #000;
　　这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。
　　如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。

三、给元素同时使用两个类

　　一般一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：
　　<p class=”text side”>…</p>
　　同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。
　　补充：对于一个ID，不能这样写<p id=”text side”>…</p>也不能这样写

四、CSS用于文档打印

　　许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。
也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：
　　<link type=”text/css” rel=”stylesheet” href=”stylesheet.css” media=”screen” />
　　<link type=”text/css” rel=”stylesheet” href=”printstyle.css” media=”print” />
　　第1行就是显示，第2行是打印，注意其中的media属性。
　　但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮等。

五、CSS图片替换技巧

　　一般都建议用标准的HTML来显示文字，而不要使用图片，这样不但快，也更具可读性。但如果你想用一些特殊字体时，就只能用图片了。
　　比如你想整个卖东西的图标，你就用了这个图片：
　　<h1><img src=”widget-image.gif” alt=”Buy widgets” /></h1>
　　这当然可以，但对搜索引擎来说，和正常文字相比，它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的：
　　<h1>Buy widgets</h1>
　　但这样就没有特殊字体了。要想达到同样效果，可以这样设计CSS：
　　h1 { background: url(widget-image.gif) no-repeat; height: image height text-indent: -2000px }
　　注意把image height换成真的图片的高度。这里，图片会当作背景显示出来，而真正的文字由于设定了-2000像素这个缩进，它们会出现在屏幕左边2000点的地方，就看不见了。但这对于关闭图片的人来说，可能全部看不到了，这点要注意。

六、CSS box模型的另一种技巧

　　这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：
　　#box { width: 100px; border: 5px; padding: 20px }
　　这样调用它：
　　<div id=”box”>…</div>
　　这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。
　　但用CSS也可以达到同样的目的，让它们显示效果一致。
　　#box { width: 150px }
　　#box div { border: 5px; padding: 20px }
　　这样调用：
　　<div id=”box”><div>…</div></div>
　　这样，不管什么浏览器，宽度都是150点了。

七、CSS设置块元素水平居中对齐

　　如果想做个固定宽度的网页并且想让网页水平居中的话，通常是这样：
　　#content { width: 700px; margin: 0 auto }
　　你会使用 <div id=”content”> 来围上所有元素。这很简单，但不够好，IE6之前版本会显示不出这种效果。改CSS如下：
　　body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto }
　　这会把网页内容都居中，所以在Content中又加入了:text-align: left 。
　　另外DTD不正确也会引起问题，可以参考这篇文章：
　　　

八、用CSS来处理垂直对齐

　　垂直对齐用表格可以很方便地实现，设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高，而想让导航文字垂直居中的话，设定这个属性是没用的。
　　CSS方法是什么呢？对了，把这些文字的行高设为 2em：line-height: 2em ，这就可以了。

九、CSS在容器内的定位

　　CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器：
　　#container { position: relative }
　　这样容器内所有的元素都会相对定位，可以这样用：
　　<div id=”container”><div id=”navigation”>…</div></div>
　　如果想定位到距左30点，距上5点，可以这样：
　　#navigation { position: absolute; left: 30px; top: 5px }
　　当然，你还可以这样：
　　margin: 5px 0 0 30px
　　注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。
　　更多的CSS布局与技术，请参考52CSS.com的大量教程。

十、直通到屏幕底部的背景色

　　在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS：
　　#navigation { background: blue; width: 150px }
　　较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？
　　不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。
　　body { background: url(blue-image.gif) 0 0 repeat-y }
　　此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。

继续阅读《CSS新手阅读的CSS技巧十则》的全文内容...

Ajax 顶一下、Ajax 投一票代码、仿网易顶一下代码演示及下载 (2008-8-6 14:30:54)

网站性能在线测试免费工具 (2008-7-30 9:27:51)

216种Web安全颜色，Web安全颜色是什么？ (2008-7-16 14:55:32)

70个流行的AJAX应用的演示和源码下载 (2008-7-15 22:2:46)

8个简单实用的CSS秘诀 (2008-7-13 19:23:52)

Google改进后的Flash索引

Sctercn@Gmail.com (admin) — Fri, 18 Jul 2008 19:52:42 +0800

我们收到过许多期望我们改进对Adobe Flash文件索引问题的建议。今天，索引团队的软件工程师 Ron Adler 和Janis Stipins，将就我们最近在Flash文件索引编制上取得的改进与大家进行更深入的探讨和交流。

问：目前哪些Flash文件能更好地被谷歌索引到呢？
我们改善了对所有类型SWF文件中的文字内容的索引能力，其中包括像按钮或菜单这样的Flash“小工具”，独立自成一体的 Flash 网站，以及所有介于两者之间的Flash形式。

问：这些Flash文件中的哪些内容能被谷歌更好地索引呢？
用户在与您的Flash文件互动过程中所看到的一切文本内容都将得到更好地索引。如果您的网站包含Flash，其中的文字内容会被Google用来生成您网站的摘要。同时，出现在Flash文件中的文字可以用来匹配用户在Google搜索框中输入的搜索查询。

除了索引Flash文件中的文本内容，我们现在也能够识别在Flash文件中的出现的URL，并且把这些链接纳入搜索引擎机器人爬行的目标队列中，就像对待那些非Flash网页中出现的URL一样。例如，如果您的Flash 应用程序中包含指向您网站内部页面的链接，Google现在能够更好地发现并抓取您的网站。

问：那么Flash文件中包含的非文本内容呢，比如图片？
目前，我们只能识别和索引Flash文件中的文本内容。如果您的Flash文件里只有图片，我们将不能识别和索引出现在这些图片中的任何文字。类似地，如果一个Flash按钮没有任何附属的文字的话，我们将无法对这类指向特定链接的Flash按钮生成任何錨文本。

还应注意到的是，我们无法索引 FLV 文件，比如在 YouTube 上播放的视频，因为这些文件没有包含任何文字元素。

问： Google是怎样识别Flash文件里的内容呢？
我们开发出了一种算法，这种算法可以使Google机器人能够模仿人类通过点击按钮、输入内容等方式来了解Flash文件。我们的算法能够记住沿途它遇到的所有文字内容，其后这些内容都能被索引到。我们无法告诉您更多的保密细节，但是我们可以告诉您，通过使用Adobe的新型可检索性SWF数据库，这种算法的有效性得到了进一步提高。

问：我怎样做才能使Google索引到我的Flash文件中出现的文本呢？
基本上，您不需要做任何事情。我们已经取得的技术改进，使这项功能的实现，无需网页设计者或网站管理员做任何特别的操作。如果您的网站上有Flash内容，我们会在现有技术能力的基础上，尽最大能力对它们自动进行索引（详见接下来的问题）。

也就是说，您应该了解 Google现在已经可以识别那些展现在您网站访问者面前的文字信息。如果你希望 Google忽略一些次要内容，如"版权"或"加载"等信息，您可以考虑把那些文本替换为图片，这样它们就不会被我们抓取到了。

问：在索引Flash文件上，Google遇到的主要技术难题是什么？
目前的问题主要体现在三个方面，这也正是我们在努力解决的：

1、Googlebot不能执行某些类型的JavaScript程序。因此，如果您的网页通过JavaScript加载Flash文件的话，Google可能无法识别该Flash文件，在这种情况下，它将不会被索引到。
2、目前，我们还无法把那些通过您的Flash文件加载的外来内容和您的Flash文件整合起来。也就是说，如果您的Flash文件加载了一个HTML文件，或一个XML文件，或另一个SWF文件等等，Google将分别索引这些资源，但是它们将不会被认为是您Flash文件内容的一部分。
3、虽然我们能够索引在网络上出现的几乎所有语种的Flash，但在识别用双向语言书写的Flash内容还有一定困难。在这个问题解决之前，我们将无法识别和索引Flash文件中的希伯来文或阿拉伯文的内容。

但是，在这些问题上我们也已经取得了相当的进展，所以，敬请期待我们进一步的改进！

附：

改进之前搜索结果中的Flash网站

改进之后搜索结果中的Flash网站, 搜索查询 [nasa deep impact animation]

继续阅读《Google改进后的Flash索引》的全文内容...

网站性能在线测试免费工具 (2008-7-30 9:27:51)

Google搜索结果页面点击分配 (2008-7-18 19:38:38)

Bodog’s Battle of the Brand (2008-7-15 15:19:19)

Yahoo Patents Anchor Text Relevance in Search Indexing (2008-7-14 19:30:37)

Content analysis and Sitemap details, plus more languages (2008-7-13 10:3:53)

Google搜索结果页面点击分配

Sctercn@Gmail.com (admin) — Fri, 18 Jul 2008 19:38:38 +0800

07年的时候在搜索引擎研究领域出现一张Google和百度的点击热图（如下），图的出处未知，但是从图中可以看出google和百度用户行为的显著区别，也可以看出在这两个搜索引擎中排名网站的流量分配的大概情况。

Google的用户点击呈现明显的黄金三角，搜索用户流量基本导入首页排名前三的网站，而百度的用户点击则是比较杂乱。这张图曾经被很多SEO用来强调关键词排名的重要性，尤其是“Google排名势必前三甲”理论的重要。但是这张图虽然给出一个SERP点击热点概况，却无法从中知道在Google首页的10个结果中不同排名之间的真正点击比例。

而在06年，康乃尔大学的学者们进行过一次eye tracking试验，通过试验参与者们使用google的多次搜索查询比较获得了一份相对真实可靠的Google搜索结果页面的用户行为分析。试验结果如下图：

从图中可以看出，Google排名前三位的网站几乎分流了搜索流量的80%，而第一名更是获得了超过半数的搜索流量，第二名和第三名所获得的点击则远远低于排名第一的网站，前三位点击比例大概是4：1：0.7。第五名网站获得的点击超过第四位（在标准浏览器界面中，Google搜索结果页面第一屏是显示5 个结果，这一结果与第十名点击大于第九名一起表明，首屏最后一个结果获得的注意力是大于倒数第二位的）。排名第七位获得的点击是最少的，原因可能在于用户在浏览过程中下拉页面到底部，这时候就只显示最后三位排名网站，第七名便被浏览习惯所忽略。调查结果还显示Google搜索结果页面第二页第一位排名的网站所获得的点击只有首页排名第十网站的40%。

关键词排名一直是被SEO所重视的，而获得SERP首页排名更是最大追求。但是从这份研究结果可以看出，即使网站排名进入首页，所获得的点击流量还是有很大差异的。所以要追求好的搜索流量，前三甲是势在必得，而第一位排名则更应该是最终目标，毕竟对于一个2万流量的搜索关键词第一名就劫持走了一万了。

这份06年的调研对于现在做SEO而言依旧是有参考价值的，虽然现在的Google搜索结果页面与当时相比有不少变化，譬如增加了sitelinks以及搜索结果的多样化，但是对于中文关键词搜索而言，google搜索结果页面的变动还是比较少的。而这个调研结果只具备参考价值的原因在于这次试验所做的关键词搜索数量有限且参与实验者基本为学生，不能完全代表Google用户群体，而且eye tracking试验本身就是很难做到准确度的。当然Google搜索结果页面的点击分配和流量分配到底怎样，Google自己是了解的，只是估计没有我们是没有机会知道了。

继续阅读《Google搜索结果页面点击分配》的全文内容...

网站性能在线测试免费工具 (2008-7-30 9:27:51)

Google改进后的Flash索引 (2008-7-18 19:52:42)

Bodog’s Battle of the Brand (2008-7-15 15:19:19)

Yahoo Patents Anchor Text Relevance in Search Indexing (2008-7-14 19:30:37)

Content analysis and Sitemap details, plus more languages (2008-7-13 10:3:53)