我的设计收集 - 关注研究最新网站设计技术及SEO网站优化 http://www.ljun.net 我的设计收集 - 关注研究最新网站设计技术及SEO网站优化！致力于为客户提供最专业、最有效的全方面网站设计解决方案。 zh-cn ASP 防重复提交订单 /36.html 2017-11-02 /36.html#comment 0 then '如果有值 if session("time2")+a > session("time") then ' session("time2")=now() '这里写提示 end if end if session("time2")=now()]]> ASP 防重复提交订单 手机网站触摸屏事件自动播放音乐的代码 /35.html 2016-02-26 /35.html#comment 这个搞了两天终于搞定，网站的资料，不知道查了多少。分享给大家，原理就是打开手机网站的事情，用户会触摸屏幕，然后影响音乐事件！

<audio id="bgmusic" src="sound/s1.mp3" preload="auto" autoplay="autoplay" loop="loop"></audio>
<script>
var content = document.querySelector(".content");
content.addEventListener("touchstart", function(e){
       //e.preventDefault();
    loadbgmusic();
})
content.addEventListener("click", function(e){
  loadbgmusic();
});
 var loadbgmusic = function() {
  var audio = document.getElementById('bgmusic');
  if(audio.paused){
   audio.load();
   audio.play();
  }
 };
</script>

]]> 手机网站触摸屏事件自动播放音乐的代码 301重定向使用程序实现 /34.html 2016-01-16 /34.html#comment 采用错误页面为动态404.asp   设置默认首页为 404.asp，程序如以下。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
url1="http://www.mediainchia.com.cn"  '原域名
url2="http://www.xinshishe.com"  '新域名
u1=Request.ServerVariables("SERVER_NAME")'取得网址域名地址
u2=Request.ServerVariables("URL")'获取 .com/net/等后面的UL地址

if u1="http://www.mediainchia.com.cn" then
 url1="http://www.mediainchia.com.cn"
else
 url1="http://mediainchia.com.cn"
end if 


if Trim(Request.QueryString)<>"" then'如果有变量参数，就获取，没有就跳过
 u3="?"&Trim(Request.QueryString)
end if

url="http://"&u1&u2&u3   '将获取到如http://www.71wl.com/404.asp?404;http://www.71wl.com:80/news/689.html
url=replace(url,url1&"/404.asp?404;","")
url=replace(url,url1&":80",url2)
url=replace(url,url1&"/404.asp",url2) '针对首页301跳转
url=replace(url,"index.asp","")
'Response.write(url)
Response.Status="301 Moved Permanently"
Response.AddHeader "Location",url

if request.ServerVariables("HTTP_HOST")="xinshishe.com"  then
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.xinshishe.com"
Response.End
end if
%>

]]> 301重定向使用程序实现 ASP压缩HTML代码 /33.html 2015-03-27 /33.html#comment '过滤空代码
Function Nohtml(ByVal t0)
IF Len(t0)=0 Or IsNull(t0) Then
Nohtml=""
Exit Function
End IF
Dim Regs,Matches,Match
Set Regs=New Regexp
Regs.Ignorecase=True
Regs.Global=True

'Regs.Pattern="<.+?>"
Set Matches=Regs.Execute(t0)
IF Matches.Count>0 Then
For Each Match In Matches
t0=Replace(t0,Match.value,"")
Next
End IF
't0=Replace(t0," ","")
't0=Replace(t0,vbCrLf,"")
't0=Replace(t0,"　","")
't0=Replace(t0," ","")
t0=Replace(t0,CHR(9),"")
t0=Replace(t0,CHR(13),"")
t0=Replace(t0,CHR(10),"")
t0=Replace(t0,CHR(22),"")
Set Regs=Nothing
Nohtml=t0
End Function

]]> ASP压缩HTML代码 手机访问pc网站自动跳转手机端网站代码 /32.html 2014-06-13 /32.html#comment <script language="javascript">
function mobile_device_detect(url)
{
        var thisOS=navigator.platform;
        var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
 for(var i=0;i<os.length;i++)
        {
 if(thisOS.match(os[i]))
        {  
  window.location=url;
 }
 }
 //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
 if(navigator.platform.indexOf('iPad') != -1)
        {
  window.location=url;
 }
 //做这一部分是因为Android手机的内核也是Linux
 //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手，即用navigator.appVersion信息做判断
  var check = navigator.appVersion;
  if( check.match(/linux/i) )
          {
   //X11是UC浏览器的平台 ，如果有其他特殊浏览器也可以附加上条件
   if(check.match(/mobile/i) || check.match(/X11/i))
                 {
   window.location=url;
   } 
 }
 //类in_array函数
 Array.prototype.in_array = function(e)
 {
  for(i=0;i<this.length;i++)
  {
   if(this[i] == e)
   return true;
  }
  return false;
 }
}
mobile_device_detect("http://***.***.com");
</script>

]]> 手机访问pc网站自动跳转手机端网站代码 ASP SQL 随机取数据程序。 /31.html 2013-08-29 /31.html#comment Randomize 
Set xuanguang = Conn.Execute("Select top 5 * From [FYBlog_title] order by rnd(-(id+" & rnd() & "))")

]]> ASP SQL 随机取数据程序。 ASP字符比较函数instr /30.html 2012-06-16 /30.html#comment '字符比较
If instr(字符串,"关键字")>0 then
......
End if

以上是搜索字符串

]]> ASP字符比较函数instr ASP取另一网站数据 /29.html 2012-05-30 /29.html#comment <%
Response.CharSet= "GB2312"  
Response.ContentType= "text/html"
Function   streamtochar(StrStream)
      set   stream=server.CreateObject("ADODB.Stream")
              stream.type=1
              stream.Mode=3
              stream.Open  
              stream.Write   Strstream
              stream.Position=   0
              stream.Type=   2
              stream.Charset= "GB2312"
              streamtochar=   stream.ReadText
              stream.Close
      set   stream=nothing
End   Function

Dim objXMLHTTP, xml
Set xml = Server.CreateObject("Microsoft.XMLHTTP")
xml.Open "GET", "http://www.aaaa.org/link/rrr.html", False 
xml.Send
Response.Write streamtochar(xml.responseBody)
Set xml = Nothing %>

]]> ASP取另一网站数据 CSS样式+JS使用Table隔行变颜色 /28.html 2012-05-17 /28.html#comment JS代码：

<!--
function onloadEvent(func){
    var one=window.onload
    if(typeof window.onload!='function'){
        window.onload=func
    }
    else{
        window.onload=function(){
            one();
            func();
        }
    }
}
function showtable(){
    var tableid='table';      
    var overcolor='#EEEEEE';   
    var color1='#FFFFFF';       
    var color2='#F8F8F8';       
    var tablename=document.getElementById(tableid)
    var tr=tablename.getElementsByTagName("tr")
    for(var i=1 ;i<tr.length;i++){
        tr[i].onmouseover=function(){
            this.style.backgroundColor=overcolor;
        }
        tr[i].onmouseout=function(){
            if(this.rowIndex%2==0){
                this.style.backgroundColor=color1;
            }else{
                this.style.backgroundColor=color2;
            }
        }
        if(i%2==0){
            tr[i].className="color1";
        }else{
            tr[i].className="color2";
        }
    }
}
onloadEvent(showtable);
-->

CSS样式：

.ContentRight .products .text table{ width: 100%; border-collapse:collapse;}
.ContentRight .products .text table td{ border: 1px solid #ccc; padding-left: 7px; line-height: 21px; }
.ContentRight .products .text table .th td{ background: #E9EAE9; line-height: 25px; font-weight:bold;}
#table tr.color1{ background-color:#fafafa;}
#table tr.color2{ background-color:#fff;}

]]> CSS样式+JS使用Table隔行变颜色 ASP验证数据正确性程序 /27.html 2011-11-22 /27.html#comment 通过以下正则表达式来验证

'================
'验证信息是否合法(常用户注册)
'n--获取类型
's--验证字符
'================
Function g_ExStr(n,s)
 IF IsNull(n) or n = "" Then Exit Function
 Dim Reg_Ex,Ex_Str
 g_ExStr = False
 Set Reg_Ex = New RegExp
 Select Case n
  Case "Aug_Email"    '验证邮箱格式
   Ex_Str = "^\w+((-\w+)|(.\w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+"
   'Ex_Str = "^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
  Case "Aug_Moble"    '验证手机号码
   Ex_Str = "^1[3|5][0-9]\d{4,8}"
  Case "Aug_Cell"    '验证电话号码
   Ex_Str = "(^[0-9]{3,4}\-[0-9]{3,8})|(^[0-9]{3,8})"  
  Case "Aug_Number"    '验证是否为数字
   Ex_Str = "^[0-9]+"
  Case "Aug_China"    '验证是否为中文
   Ex_Str = "^[\u0391-\uFFE5]+"
  Case "Aug_UserName"   '验证用户名只能为5-20位
   Ex_Str = "^[A-Za-z0-9_]{5,20}"
  Case Else
   Ex_Str = "错误"
  End Select
  Reg_Ex.Pattern = Ex_Str
  Reg_Ex.IgnoreCase = True
  Reg_Ex.Global = True
  Set Match = Reg_Ex.Execute(s)
  IF Match.Count Then g_ExStr = True
End Function

IF g_ExStr("Aug_Email",request.form("email")) = False Then
     Response.Write("<script language=""JavaScript"">alert(""E-mail can not be empty!"");history.go(-1);</script>")
     response.end
end if

]]> ASP验证数据正确性程序 ASP 取相关文章代码及IN包含替换拆分 /asp-xiangguan.html 2011-03-03 /asp-xiangguan.html#comment 1、以下是ASP 取相关文章代码，可以通过后台增加关建字，然后前台通过SQL搜索语句查询出来。
Dim A:A = "手机,电脑,电视,硬盘"
Function sqlKeyWord(obj,field) 
Dim temp:temp = split(obj,",") 
For i = 0 To ubound(temp) 
sqlKeyWord = sqlKeyWord & field&" like '%"&temp(i)&"%' or " 
Next 
sqlKeyWord = left(sqlKeyWord,len(sqlKeyWord)-3) 
End Function 
Dim xianguanSql:xianguanSql = "select id,title from [pingpai_title] where " + sqlKeyWord(A,"feilei")
取出SQL查询语句是：[pingpai_title] where feilei like '%手机%' or feilei like '%电脑%' or feilei like '%电视%' or feilei like '%硬盘%'

2、ASP替换拆分代码，可通过替换能解决常见的取包涵文章的方法。
Function key(eword)
       eword = Replace(eword,",","','")
key = eword
End Function
xianguanText=key(rs("xianguan"))
xianguanSql="select top 12 * from [pingpai_title] where [feilei] in('"&xianguanText&"') Order By [paixu] asc"

这样就能解决in(‘’)里面的数据为 in('1','2','3',''4) ，这样就能取出数据。

]]> ASP 取相关文章代码及IN包含替换拆分 ASP清除IIS缓存 /25.html 2011-02-23 /25.html#comment 最近租了和台服务器，我的所有网站网站生成静态页面都会出现只能生成一次，而第二次就不行。这个问题困恼了我很久，后来发现造成这种问题的原因是IIS绶存。于是加了以下代码就解决了，给大家一块分享！

1、第一种方法：在ASP程序头部加上以下代码就可以很好的解决了（推荐）

Response.Buffer = True
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "No-Cache"

2、第二种方法：采用URL 取随机数据（在生成的地方加入以下代码）

如：<a href="about.asp?sui=<%=Rnd(1)%>"></a> 
这样每次生成的时候IIS就不会取上次的数据，从而取到最新数据。

]]> ASP清除IIS缓存 Apple苹果历史上做的10大蠢事 /apple.html 2011-02-10 /apple.html#comment Apple苹果作为新晋的科技老大，苹果最近意气风发，大有粪土当年万户侯—微软的气势。而且，凭借着iPad和iPhone的的巨大成功，不断囊括用户，进一步 巩固其领先的地位。在业界，已经逐渐形成了一股对苹果和乔布斯的个人崇拜。但是，苹果就真的那么完美吗？乔布斯真的已经达到封神的地步吗？

Apple苹果 CEO

笔者看来，苹果固然强大，但远还没有做到完美的境界。以今年为例，前有iPhone4的“天线门”，后有iPad的“商标门”，最近又发生了Mac Book Air系列笔记本电脑的“闪屏门”。前事不忘后事之师，下面我们来回顾一下苹果历史上做的十大蠢事，让大家了解一个更完整的苹果。

一、“处理器门”

1984年，当苹果推出Mac电脑时，该产品是革命性的。凭借其优雅、简单易用，有第一个大众化鼠标和图形界面，产品取得了巨大的成功。

进入了90年代，苹果放弃了英特尔处理器，而选择了IBM和摩托罗拉处理器。正式这次愚蠢的决定，让苹果陷入了多年的沉沦。甚至，在1997年，苹果公司差点就陷入解散的境地。

二、史蒂夫乔布斯“解雇门”

1985年春天，苹果电脑的董事会解雇了其创始人史蒂夫·乔布斯。这个决定，导致了苹果电脑灾难性的后果，公司水平每况愈下，到1997年，差一点就关门大吉了。

在这个危难的时刻，乔布斯重新执掌苹果帅印，由此不断推陈出新，推出了iPod、iPhone和iPad等一系列革命性产品，成为寰球最受尊崇的 CEO。

三、iPhone“天线门”

iPhone 4的天线设计让苹果很尴尬。尽管这一问题可能被夸大了，但是，对于花199美元或299美元购买iPhone的用户而言，要求他们只能以某种方式握持手机，显然有些滑稽。

苹果后来通过新闻发布会承认了这一问题，并通过发布软件升级包、免费外套等方式解决了这一问题。

四、Apple Newton（苹果牛顿）

有人说，Apple Newton（苹果牛顿）是iPhone和iPad的先行者。它曾自我吹嘘是平板式功能集一身的小型化IT产品，苹果认为这款产品将给电脑产业带来“革命”性颠覆。

不过，但当苹果CEO史蒂夫乔布斯凯旋而归后，该项目就被砍掉了，尽管Apple Newton曾运作了十年（1989-1998年），但是，其命运还是以失败告终。

五、Apple III（苹果III）

除了彻头彻尾的败笔，几乎很难用其他词汇来描述Apple III。当该款计算机1980年投放市场时，偶遇一系列的稳定性和设计缺陷的问题，大大挫败了用户的信心。虽然苹果公司最终解决了这些问题，那为时已晚， 高达7800美元的价格更是让它远离消费者。

]]> Apple苹果历史上做的10大蠢事 造成百度网站快照倒退原因分析？ /baidu-kuanzhao快找-daotui.html 2011-01-21 /baidu-kuanzhao快找-daotui.html#comment 我们经常发现百度的快照倒退，但不知道是为什么？经过分析发现快照倒退原因有以下以大方面：

  • 网站关键词密度过高，网站优化痕迹太过明显，比如在网站关键词布局方面，让人一眼看上去就有关键词堆砌的现象，尤其你的网站排名很好的时候，要特别注意这方面的因素。
  • 如果你只是因为做友情链接造成网站快照倒退，那么建议你马上撤掉先前的链接，很明显你优化过度了，不及时改正过来将会万劫不复，排名迟早会掉下去，趁早除掉隐患，百度之所以没有一下子把你的排名掉下去，还在给你时间改正，不然等到下次快照更新时间或大更新到了，你的网站排名将会一泻千里。
  • 网站的内容是不是已经好久都没有更新了，对于企业站比较常见，大量采集网上重复的内容，搜索引擎会觉得你网站没有什么价值，快照倒退，从而网站的一些关键词排名会陆续的掉下去。
  • 在对网站采取优化的时候，什么事情都应该有规律性，比如一下子加大量外链，或添加大量内容，这些都会触动搜索引擎的神经，从而给你一定时间的考察期。

再谈下关于快照倒退，网站关键词排名变动的情况， 一般网站快照倒退，大家肯定以为网站又触犯了百度什么，将会受到惩罚，这个问题要视情况而论。

  • 如果你的网站快照倒退，关键词排名掉了，可以肯定的是，你的网站已经受到惩罚了，赶快想办法补救吧。
  • 如果是百度正在调整，好多网站的快照都倒退了，那么你根本不必着急，就等着吧，等百度调整完毕网站快照自然就会恢复过来。
  • 如果你的网站快照倒退，排名掉了一点，但是没有掉出首页，网站是不是好久都没有更新内容了，赶快做做外链，检查下友情链接，更新些原创内容。
  • 如果你的网站快照倒退，关键词排名还上升或不变，你这个网站对于搜索引擎来说还有点权重，这种上升也未必就是件好事。网站是出现了点小问题，但是还不至于影响到你的关键词排名，因为你的网站有一定的权重，给大家的建议是，尽量在下次更新时间或大更新来临前，把快照恢复正常，不然十有八九，你网站的排名逃不过这一关。
]]> 造成百度网站快照倒退原因分析？ ASP代码获取时间日期获取函数 /22.html 2011-01-18 /22.html#comment <%'获取当前日期时间%>
<%=now()%>

<%'获取当前年份%>
<%=DatePart("yyyy",now())%>

<%=Year(now())%>
<%'获取当前一年中的第几季度%>

<%=DatePart("q",now())%>
<%'获取当前一年中的第几月份%>

<%=DatePart("m",now())%>
<%=Month(now())%>

<%'获取当前一年中的第几星期数%>
<%=DatePart("ww",now())%>

<%'获取当前月中的第几天%>
<%=DatePart("d",now())%>

<%'获取当前日期%>
<%=Date()%>

<%'获取当前时间%>
<%=Time()%>

<%'获取当前时间的小时部分%>
<%=hour(now())%>

<%'获取当前时间的分钟部分%>
<%=minute(now())%>

<%'获取当前时间的秒数部分%>
<%=second(now())%>

]]> ASP代码获取时间日期获取函数 谈谈网站内部链接如何优化？ /21.html 2011-01-11 /21.html#comment 对于网站内链优化，最主要的还是HTML代码技巧，我们可以通过以下几种方法详细了解：

网站内链的优化主要有以下11点：

  • 1、对页面导航的优化。
  • 2、对文章列表页调用的优化。
  • 3、内容页面内链优化的办法其中最重要的准则就是：浏览者体验和搜索引擎优化兼而有之!
  • 4、网站目录结构不要超过三级。
  • 5、每个页面都需要有一个导航、以告诉用户目前所处地位及供给返回操作。
  • 6、为每篇文章加上标签，等你的内容多了以后，壮大的标签群的优势将凸显。
  • 7、定期检测逝世链，坏链，并将这些链接修复。
  • 8、文章内部锚文本不要过于频繁，一般一篇文章以不超过5次锚文本为宜。
  • 9、建立404页面。
  • 10、公共文章部分需加上相干内容链接及上、下篇文章导航，也可以根据需要加上一些如最新文章、人气回复等相干性链接。
  • 11、根据需要定期的写一些总结文章，将一些重要及精华文章在此排序，做个简略导航。效果也非常好，现在许多网站也都采用这种方法。

1、网站导航条优化：

  1. 导航条尽量不要用图片和flash，如果是图片，请加上描述；
  2. 导航条链接的写法首页连接不要/index.php，直接绝对域名连接xxx.com；
  3. 最好每个页面都有导航条，方便蜘蛛爬出来；

2、内链建设之二：列表页优化 (列表页优化主要谈的是栏目/频道/内容页调用其他列表页时候的优化)

  1. 列表页的相关性原则 ，列表页的链接最好是链接和列表页内容差不多的文章。
  2. 列表页的显示形式 列表页的分页显示 最好是每一个翻页都写出来，如：1 2 3 4 5 6 这样的形式，这样方便蜘蛛来爬取；

3、内链建设之三：内容页的链接优化

采用原创性连接：比如我在一篇介绍seo培训方法的时候，文章内容中出现了另一个栏目的“****有限公司”这个文章的标题，那么我可以连接到这篇文章，这种独一无二的标题叫做原创 性连接这种是可以做相互连接的!

采用名词性连接：我在介绍无限极的一片文章中出现了“seo”这个词，那么我们不能将其连接到seo这个栏目!因为这种连接叫做名词性连接，名词性连接只能连接到同频道(同栏目)内的文章， 或者首页!而原创性的链接则没有这种限制!

有的seo新手会将文章页面出现的关键词全部加黑加粗链接到首页，这种做法是不对的!一个文章的内容中，导出的链接数目不能超过5个!(当然特殊情况除外)因为如果这样去做的话会有链接农 场的嫌疑，也会分散该页面的权重!那么有的人会问：“我网站首页有两个关键词，而且文章内容中出现了这两个关键词，那么我可不可以把这两个关键词都连接到首页呢?”答案是不可以 因为： 搜索引擎只会计算一次连接权重，做多了没有作用，也会分散权重!

4、内链建设之四：网站地图制作(网站地图作用：方便蜘蛛抓取网页，有些页面如果太深了，可能蜘蛛爬取不到，方便客户浏览网站)

]]> 谈谈网站内部链接如何优化？ 使Pre标签使内容自动换行 /pre-huanhang.html 2010-12-27 /pre-huanhang.html#comment Pre元素可定义预格式化的文本，被包围在 pre 元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。

Pre标签的一个常见应用就是用来表示计算机的源代码。

而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用overflow:hidden那么会将原来的代码隐藏掉，用overflow:auto则会出现滚动条，代码也不方便阅读。

然而使用Pre标签就能很好的解决这个问题，以下是Pre标签样式

值  描述
normal       默认。空白会被浏览器忽略。
pre             空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap     文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap  保留空白符序列，但是正常地进行换行。
pre-line     合并空白符序列，但是保留换行符。
inherit       规定应该从父元素继承 white-space 属性的值。

有个pre-wrap，保留空白符序列，但是正常地进行换行。

在线页面上只要加上样式：
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
就能使<pre>的内容自动换行了。

]]> 使Pre标签使内容自动换行 有意思的SEO搜索引擎优化考试！ /seo-kaoshi.html 2010-12-27 /seo-kaoshi.html#comment 以下是网络上转载过来的，仔细看了下，哈哈很有意思。看你能回答正确几题！

1．如果你的网站是关于手机的，下面哪个是最好的网页标题？
A．手机，买手机，手机报价，手机新闻，手机游戏，手机软件
B．本站提供各种价格的便宜手机供你选择
C．手机|手机之家
D．主页|shouji.com

2．如果你的网站地图指向页面的链接超过100个，你会怎么办？
A．创建层次型链接，把网站地图按层次分成多个页面
B．继续添加新的链接
C．给网站地图添加一个新页面，把新链接加入新页面
D．不再往网站地图里加入新的链接

3．一个纯内容的页面（如文章，博客等）应该有多少字？
A．100－200
B．500－800
C．200－400
D．800+

4．最优关键字密度？
A．2％－5％
B．页面内容保持正常，但是利用隐藏文字，alt标签，meta标签尽量多加关键字
C．尽可能保持文章对用户的友好性
D．不管关键字密度，搜索引擎不关心这个，只集中于内容，做到人们都爱链接你的页面

5．你应该在meta标签里放什么？
A．在meta标签的keywords中放满关键字列表，把重要的关键字放在meta标签的description中
B．忽略meta标签，搜索引擎不用这些
C．在meta标签的description中写上你网站的简短描述，在meta标签的keywords放上最重要的关键字
D．在meta标签的keywords放上最重要的关键字，忽略meta标签的description

6．你怎么利用网站上的图片？
A．利用alt标签精确描述每张图片，包括图片周围的描述性内容
B．在alt标签中写上最重要的关键字，后面加上“图片”
C．只在必要的时候使用，不用每张都加，因为这根本不重要
D．利用alt标签加入关键字列表以增加关键字密度

7．下面哪个标签是用于强调重要文字的？
A．<b>
B．<strong>
C．<heavy>
D．<bold>

8．搜索引擎最信任哪种网站？
A．PR值高的网站
B．.edu和.gov网站
C．PR值低但反向链接多的网站
D．PR值中等到高且拥有很多高PR值反向链接的网站
E．B和D都是

9．下面哪个网站能提供高质量的链接？
A．PR＝7的网站
B．和你的网站内容接近且拥有从.edu和.gov反向链接的PR＝5的网站
C．拥有大量被搜索引擎K掉的重复页面
D．有一些可信的反向链接，PR＝6，但和你的网站关系不大的网站

10．如果有下面四个链接让你选择，你选择哪个？
A．PR＝5相关网站首页上的内容相关的链接
B．PR＝7内容无关链接页面上的链接，此页面上还有指向其它网站的50个链接
C．PR＝6内容相关链接页面上的链接，此页面上还有指向其它网站的20个链接
D．PR＝6目录网站页面上的链接，此页面上只有指向其它网站的10个链接

11．选择链接时下面哪个是最重要
A．链接文字
B．PR值
C．链接页面上的外链数
D．链接页面上的Title标签

12．建站开始的前6个月多少外链最合适
A．每个月50－70个
B．每个月100+
C．尽可能多
D．每个月25－40个

13．内容很少网站获得高排名的最好方法？
A．拥有大量各种各样网站的自然（内容相关）反向链接
B．网站页面填满关键字和隐藏文字
C．使用内容生成软件来做搜索引擎作弊来获得搜索引擎排名
D．付费来获得高PR值

14．下面哪种做法不会受到Google的惩罚？
A．针对搜索引擎自动生成数千个页面
B．稳步创建高质量链接
C．采集其它网站的内容
D．有google认为是坏链的网站的反向链接

15．设计网站的结构时，下面哪个方法不好？
A．创建网站地图指向网站的每个页面
B．网站的每个页面都可以通过最多3次点击访问
C．把网站的所有内部页面链接到你的其它网站
D．创建网站的结构性

16．网站获得流量最好的方法是什么？
A．点击付费广告
B．购买高PR值链接以提高本站PR值，以提高在搜索引擎中的排名
C．提交网站到搜索引擎和分类目录，专心创建网站内容
D．创建别人爱链的有质量的网站内容，然后通过博客，论坛等宣传网站内容
E．以上都是

17.网站优化的主要工作是什么？
答：通过调整网站的结构和内容令其达到逻辑结构，物理结构和内容结构的统一以便于搜索引擎的排名提高，其包含了网站目录结构和代码优化，关键字优化，内外链建设等优化手段。

18.如何判断一个有价值的外部链接？
答：反向链接网站的相关度，以及网站的反向链接广泛度，PR值以及搜索引擎排名。

19.如果你要买NOKIA3100手机电池，你会用什么关键字进行搜索。
答：诺基亚3100电池

20.说出你所了解的国外搜索引擎。
答：AOLYahooInfoSeekLycosExciteWebcrawlerAsk（支持自然提问）dmoz（ODP）Googlesearch（元搜索）

]]> 有意思的SEO搜索引擎优化考试！ 如何减少搜索引擎优化爬取单一页面？ /seo-pachong.html 2010-12-27 /seo-pachong.html#comment 我们经常会发现搜索引擎优化爬虫都非常喜欢爬取首页，以前认为大量爬取首页是好事，因为更新的文章经常在首页出现，可以被快速收录。现在看来，从局部上看是好事，但是从整体上看，爬虫每次爬取量都是有限的，抓到一定数据量就会离开。所以许多有价值的页面反而没被抓取到。

在这种情况下，在站内的某个页面被链接次数越多，它被爬虫抓取的频率就越高，最典型的例子就是首页。因此我们根据数据，把爬虫大量链接的页面，在站内许多地方都给nofollow掉，只留个别链接，保证爬虫以前抓取它一两次即可。这样在被抓取数据量一定的情况下，减少了单一页面浪费的爬虫流量，自然增大了爬虫爬取的页面数量。这样你的网站更新频率自然提高。

]]> 如何减少搜索引擎优化爬取单一页面？ 通过以下22点进行网站优化来提高网站权重 /youhua-22.html 2010-12-26 /youhua-22.html#comment 最基本的SEO网站优化上的一些方向性的东西google站长指南已经指出来了。如果要好好的做SEO，就从这些基本点下手，就可以提高自己网站在google中的权重。不要怀疑这些东西，看上去很基础很明了，但是SEO真正在乎的，就是这些东西。有一些是长久要做的，有一些是SEO暂时解决不了的难题需要站长配合，总之与其天天看论坛，不如从这些基本指南上下手，结合数据看看有多大效果。通过以下22点进行网站优化来提高网站权重。

0、确保网站内容丰富，网站中包含相关的关键字，能够正确使用关键字，并且能够指明您网站内容的主题。

1、导出链接一定要注意指向网站的质量，不作弊、相关度一定要高。

2、不要作弊，包括使用软件刷点击率、站群、发垃圾链接、买卖链接、关键字堆砌（包括隐藏链接、文本、使用title和alt）、隐藏真实内容、欺骗性的重定向等等。

3、避免重复内容。（本站做的还不到位）

4、保证网站健康指数，不含毒。

5、网站应具有清晰的层次结构和文本链接。每个网页应至少可以通过一个静态文本链接打开。

6、为用户提供包含指向网站重要部分的链接的站点地图。如果站点地图中包含的链接数量过多，您应将该站点地图分成多个网页。

7、将特定网页上的链接限制在合理的数量内。

8、网站应实用且信息丰富，网页文字应清晰、准确地表述要传达的内容。

9、要考虑到用户会使用哪些字词来查找您的网页，确保网站上确实包含了这些文字。

10、尽量使用文字而不是图片来显示重要的名称、内容或链接。Google 抓取工具无法识别图片中所含的文字。如果必须对文字性内容使用图片，请考虑使用“ALT”属性来加入一些描述性的文字。

11、确保 <title> 元素和 ALT 属性具有描述性且准确无误。

12、检查链接是否损坏，并确保 HTML 格式正确。

13、如果要使用动态网页（即网址中包含“?”字符），请注意并非每一个搜索引擎信息采集软件都能抓取动态和静态网页。这有助于缩短参数长度并减少参数数目。

14、使用诸如 Lynx 的文本浏览器来检查您的网站，因为大多数搜索引擎信息采集软件查看您网站的方式与 Lynx 几乎一样。如果诸如 Javascript、Cookie、会话 ID、框架、DHTML 或 Flash 等复杂功能造成您无法在文本浏览器中看到整个网站，则搜索引擎信息采集软件在抓取您的网站时可能会遇到问题。

15、允许搜索漫游器在不使用可跟踪其网站访问路径的会话 ID 或参数的情况下抓取您的网站。这些技术对跟踪单个用户的行为非常有用，但漫游器的访问模式却完全不同。如果采用这些技术，可能会导致对网站的索引编制不完整，因为漫游器可能无法排除那些看上去不同、但实际却指向同一个网页的网址。

16、确保您的网络服务器支持 If-Modified-Since HTTP 标头。通过该功能，您的网络服务器可以告诉 Google 自上次抓取您的网站以来，内容是否已发生变化。支持该功能可以节省您的带宽和开销。

17、利用网络服务器上的 robots.txt 文件。该文件会告诉抓取工具哪些目录可以抓取，哪些目录不可抓取。确保该文件是适合网站的最新版本，以免意外拦截 Googlebot 抓取工具。请访问 http://www.robotstxt.org/faq.html，了解如何在漫游器访问您的网站时对其进行指示。您可以使用 Google 网站站长工具中的 robots.txt 分析工具来测试 robots.txt 文件，以确保正确使用此文件。

18、如果您的公司购买了内容管理系统，请确保系统创建的网页和链接可以被搜索引擎抓取。

19、使用 robots.txt 可避免抓取搜索结果页或其他自动生成的网页，这些网页不会为来自搜索引擎的用户带来太多额外价值。

20、对网站进行测试，以确保其在不同的浏览器中均能正确显示。

21、监控网站的性能并优化载入时间。Google 的目标是向用户提供相关度最高的搜索结果以及最佳用户体验。飞快的网站速度可以提高用户满意度，还可改善网页的整体质量（尤其对于互联网连接速度慢的用户），我们也希望网页的总体速度会随着网站站长对各自网站的改善而提高。

]]> 通过以下22点进行网站优化来提高网站权重 整理两大HTML标签优化应用 /html-biaoqian-youhua.html 2010-12-24 /html-biaoqian-youhua.html#comment 常方法HTML标签优化一

1. 使用相对URL

对于页面中的各种URL，例如链接、外链CSS的href、外链Javascript的src、图片src、iframe src等，如果能够确定它们与当前页面是处于同一域名下的话，则可以使用相对URL，这样每一个URL都能够节省至少一个域名的长度。

2. 删除HTTP或HTTPS

绝对URL都以HTTP或HTTPS等协议头开始，如果能确定URL的协议与当前页面URL的协议是一致的，或者说该URL在多种协议下均是可用的，则可以考虑删除这个协议头。这样做虽然有些非主流，但事实证明是可行的，而且也有理论依据(见http://www.ietf.org/rfc/rfc2396.txt 第5.2节描述)。Nexus One的这个页面中有些资源URL就删除了协议头，虽然并不是出于节省资源的目的，但至少证明删除协议头是可行的。

对于CSS，如果删除协议头在IE7、IE8下会造成CSS下载两次，这个是需要注意的问题。

3. 删除注释

与CSS、Javascript一样，也可以通过删除HTML中的注释来实现优化。然而，这一点对于HTML来说却要复杂一些，因为在HTML中存在某些特殊作用的注释是不能删除的。

(a). IE条件注释

<!--[if expression]> HTML <![endif]—>

诸如这样的语法，只有符合expression的浏览器才能识别其中的内容。

(b). CDATA注释

/*  */

CDATA本身是XHTML中才需要的，在CDATA中的内容不需要对特殊字符进行转义，不过为了兼容老版本的浏览器，需要加上注释，以免出错。不过，对于这个注释，如果你的页面并没有真正的使用XHTML标准则可以大胆的删除掉。使用XHTML标准不是简单的声明DTD就可以办到的，除此之外还需要服务器能够派application/xhtml+xml这样的内容格式，另外还需要浏览器支持，目前IE并不支持XHTML格式。因此，目前你的页面可能是按照XHTML规范来写的，也能通过HTML验证，但想要兼容IE则一定还是以HTML方式来展示的。这样一来，很多为了遵循标准而增加的内容则可以删除，具体的在后文的橙色部分详述。

(c). 自定义注释

产品中自定义的一些具有特定功能的注释，例如统计。

4. 压缩空白符

在HTML中的大多数标签中，多个空白符都会被压缩成一个来显示，于是可以通过删除多余的空白符来减小HTML体积。不过需要注意的是并不是所有的空白符都可以这样做，例如pre、textarea中的空白符是按原样显示的，标签属性中的属性值也是按原样显示的，例如title、value等。

5. 压缩inline css & Javascript

不管inline还是external，都需要压缩，这是减小体积的最直接的方式。

6. CSS&Javascript尽量外链

外链CSS和Javascript，不仅仅是减小HTML本身的体积，而且还可以充分利用浏览器的缓存机制，所以当CSS、Javascript的代码量超过一定体积时，尽量外链。除此之外，尽量避免在页面中使用onmouseover=”xxxx”的方式来注册事件，既不利于维护也容易产生不必要的冗余代码。

7. 删除元素默认属性

在HTML规范中，很多HTML元素的属性是有默认值的，对于这些默认值可以抹去不写，下面是不完全统计。

标签 属性 默认值
style media screen
link media screen
form method get
form    
input type text

常方法HTML标签优化二

常方法HTML标签优化二是指那些有违标准，或者会导致页面出现无法预料的问题的一类方法，算是一类非常规的方法，因此也仅仅适用于一些非常规的页面，例如搜索引擎首页。

1. 删除或替换

DOCTYPE对于页面展现非常重要，浏览器会根据具体的DOCTYPE来决定如何显示页面，除非你对删除DOCTYPE后的页面展示十分有把握，否则不要轻易删除。另外一种可行的方式是采用HTML5中的写法，即，大多数浏览器能够将这种doctype写法解析为标准或准标准(Almost Standard)模式，不过依然会造成一些问题，具体见这里。目前百度、Google都是这么做的。

2. 删除标签属性值的引号

引号不是必须的，删之。此处也需要考虑一些特殊情况，例如属性值中包含引号等。

（提醒：不符合XHTML规范）

3. 省略某些属性值

例如disabled、checked、multiple等的值都可以省略。

（提醒：不符合XHTML规范）

4. 删除可选的闭合标签

例如body、p、tr等标签是允许没有闭合标签的，具体的参考此处。

（提醒：不符合XHTML规范）

5. 删除自动闭合标签的”/”

（提醒：不符合XHTML规范）

工具

HTML优化工具目前比较理想的是Absolute HTML Compressor，另外，PageSpeed1.6中也引入了HTML压缩功能，不过目前只有四个简单的策略，尚处于实验性阶段。随着大家对前端性能越来越高的关注度，HTML优化及压缩方面也一定会有所发展的。

总结

1. HTML优化及压缩的发展滞后于前端其他资源，不过目前也已经引起大家越来越多的关注。

2. 绿色规则中的很多都是在写码过程中就可以注意和遵循的，如果能把这个优化融入到编码中，效果应该更好。

3. 橙色规则由于违背某些规范，只适用于某些特定的页面，使用时务必谨慎。

]]> 整理两大HTML标签优化应用 精美WEB2.0 Phtoshop的图层样式和渐变样式 /web-photoshop.html 2010-12-24 /web-photoshop.html#comment 以下精美WEB2.0 Phtoshop的图层样式和渐变样式非常适合做网页设计使用。

 一、精美的WEB2.0 Phtoshop的图层样式

web2.0 样式

下载v3.0：http://www.dezinerfolio.com/system/files/web_2_0_grads_v30.zip
下载v2.0：http://www.dezinerfolio.com/system/files/web20layerstylesve01.zip
官方下载地址：http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

二、Phtoshop的渐变样式

 

下载地址：http://www.dezinerfolio.com/system/files/df-220-Amazing-Styles-v3.zip
官方下载地址：http://www.dezinerfolio.com/2008/11/19/220-amazing-free-photoshop-layer-styles/
图层样式和渐变样式的载人：打开菜单中的“编辑”-“预设管理器”，在“预设类型”中选择“渐变”或“样式”，再点击“载人按钮”就可以了。

]]> 精美WEB2.0 Phtoshop的图层样式和渐变样式 CSS 3.0样式参考手册下载 /css3.html 2010-12-24 /css3.html#comment 备受期待的 CSS 3 新功能圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等。
CSS3 的出现，让代码更简洁、页面结构更合理，性能和效果得到兼顾！firefox，safari等浏览器已经支持CSS3了，有必要学习CSS3。

点击这里下载CSS 3.0 参考手册

]]> CSS 3.0样式参考手册下载 SEO网站优化中文网站书签收集 /seo-shuqian.html 2010-12-24 /seo-shuqian.html#comment 以下是我们收集的一些中文网站书签，对于做书签优化有非常大的帮助。

PR0
http://www.haoei.com/
http://bookmark.hexun.com/index.aspx
https://cid-4ae3537633c67758.skydrive.live.com/browse.aspx/.Favorites
http://leshou.com/
http://www.diubl.com/
http://www.loozi.com/
http://www.531d.com/
http://www.wang1314.com/
http://www.wozhai.com/        

PR2
http://szpc.net/
http://www.chunw.com/
http://www.xm123.com/
http://www.352200.com/net/

PR3
http://www.onedoor.cn/

PR4
http://www.35766.com/
http://www.chouti.com/
http://myweb.cn.yahoo.com/my.html
http://www.5135.net/
http://login.2345.com/login.php
http://www.beihai-go.com/
http://www.elanw.com/tuijian.php
http://zzxgj.com/
http://bms.yesky.com/

PR5
http://www.9fav.com/
http://vivi.sina.com.cn/
http://221.12.147.30/url_submit.php

PR6
http://shuqian.youdao.com/
http://zh.wikipedia.org/zh-cn/Wikipedia:%E9%A6%96%E9%A1%B5
http://www.hemidemi.com/bookmark/popular/channel
http://www.9ku.com/
http://shuqian.qq.com/

PR7
http://bookmark.udn.com/
http://cang.baidu.com/
http://www.mister-wong.cn/

PR8
https://www.google.com/bookmarks/

]]> SEO网站优化中文网站书签收集 右下角弹窗广告效果JS代码 /ad-right-js.html 2010-12-24 /ad-right-js.html#comment 右下角弹窗广告效果JS代码，有应用于定时提示用户，或投放小广告。

<script type="text/javascript">
var RBMessage={
 boxW:200,
 boxH:101,
 init:function(){
  var that = this;
  this.createBox();
  document.getElementById("msg_close").onclick = function() {
            that.BoxWin.style.display="none";
        }
 },
 bind: function() { //绑定窗口滚动条与大小变化事件
        var that = this,
        st, rt;
        window.onscroll = function() {
   if( !!window.ActiveXObject && !window.XMLHttpRequest ){
    clearTimeout(st);
    clearTimeout(that.timer2);
    that.setOpacity(0);
    st = setTimeout(function() {
     that.BoxWin.style.top = that.getY().top;
     that.show();
    },500);
   }
        };
        window.onresize = function(){
   if (!!window.ActiveXObject && !window.XMLHttpRequest) {
    clearTimeout(rt);
    rt = setTimeout(function(){
     that.BoxWin.style.top = that.getY().top
    }, 100);
   }
  }
    },
 show: function() { //渐显
        clearInterval(this.timer2);
        var that = this,
        fx = this.fx(0, 100, 0.1),
        t = 0;
        this.timer2 = setInterval(function() {
            t = fx();
            that.setOpacity(t[0]);
            if (t[1] == 0) {
                clearInterval(that.timer2)
            }
        },
        10);
    },
 fx: function(a, b, c) { //缓冲计算
        var cMath = Math[(a - b) > 0 ? "floor": "ceil"],
        c = c || 0.1;
        return function() {
            return [a += cMath((b - a) * c), a - b]
        }
    },
 setOpacity: function(x) { //设置透明度
        var v = x >= 100 ? '': 'Alpha(opacity=' + x + ')';
        this.BoxWin.style.visibility = x <= 0 ? 'hidden': 'visible'; //IE有绝对或相对定位内容不随父透明度变化的bug
        this.BoxWin.style.filter = v;
        this.BoxWin.style.opacity = x / 100;
    },
 getY: function() { //计算移动坐标
        var d = document,
        b = document.body,
        e = document.documentElement;
        var s = Math.max(b.scrollTop, e.scrollTop);
        var h = /BackCompat/i.test(document.compatMode) ? b.clientHeight: e.clientHeight;
        var h2 = this.BoxWin.offsetHeight;
        return {
            foot: s + h + h2 + 2 + 'px',
            top: s + h - h2 - 2 + 'px'
        }
    },
 moveTo: function(y) { //移动动画
        clearInterval(this.timer);
        var that = this;
  var moveTopNum=-that.boxH;
        this.timer = setInterval(function() {
   moveTopNum+=5;
            that.BoxWin.style.bottom =  moveTopNum +'px';
            if (moveTopNum >= 0) {
                clearInterval(that.timer);
    that.bind();
            }
        },50);
  return this;
    },
 createBox:function(){
  this.BoxWin=document.createElement('div');
        this.BoxWin.style.width = this.boxW+"px";
        this.BoxWin.style.height =  this.boxH+"px";
  this.BoxWin.style.bottom = - this.boxH+"px";
        this.BoxWin.id = "msg_win";
        this.BoxWin.innerHTML = '<div class="icos"><a href="javascript:void 0" title="关闭" id="msg_close">X</a></div><div id="msg_title">温馨提示(标题)</div><div id="msg_content"></div>';
        document.body.appendChild(this.BoxWin);
  var that = this;
  setTimeout(function() { //初始化最先位置
            that.BoxWin.style.display = 'block';
            that.moveTo();
        },1000);
  return this;
 }
};
RBMessage.init();
</script>

]]> 右下角弹窗广告效果JS代码 做好SEO网站优化要掌握好分寸 /seo-youhua-fencun.html 2010-12-08 /seo-youhua-fencun.html#comment SEO网站优化技术本身就是一个不断探索的过程，搜索引擎在变SEO技术也要随时调整，一条路走到黑的方法是不行的，在日常工作中遇到壁垒不可怕，通过所掌握的数据分析能找到问题所在及时的改正，通过现象看本质也是对从事SEO工作的一项基本要求。在技术上遇到的危机要一分为二的去看待，看到危也要看到机遇，没有一种方法是永久不变有效的。

网站内容伪原创

对于网站管理员比较少的时候网站内容的更新不会比较少，通过对知名网站的分析会发现网站的竞争优势不一定是外部链接。网站内部链接的优化设计同样重要，并且易于操作。搜索引擎本身就是一个大型数据库，在数据库中存放的都是比较有价值的东西，而大量重复的内容就会严重影响了搜索引擎对网站的抓取，降低了网站在搜索引擎中的权重。当然网络中重复转载的东西非常多，文章的转载不一定就会造成网站权重降低，关键是网站内容的相关性，网站中的内容都是围绕关键词的文章，这样在用户进入网站之后会沿着网站的链接更加深入的了解问题，同样会获得好的用户体验，网站对相关问题的整理也是一种比较好的方式，但是不是鼓励网站内容的转载，尽管转载对网站权重影响不是很严重还是支持原创内容。并且要保证原创的比例。

网站外链群发

在SEO网站优化中最重要的一个工作就是网站外部链接的优化，外部链接理想的增上形式应该是多种多样的，比如软文的大量转载，指向网站的外部链接的分布是非常广泛的，而在站长自己建立的博客论坛资源的时候网站的外部链接通常比较集中，虽然有几十甚至上百的博客论坛资源但是对于整个网络而言仍然是一个链接孤岛，容易被搜索引擎视为作弊，但是这种方法不是不可行的，在网站推广的初期还是可以操作的。利用一些站外部资源站推动网站的PR和权重，但是不要将这些工作作为工作的重点。

事情都是一分为二的，SEO网站优化也是这样，不是说某种方法就是有效，某种方法就是降权，关键是站长怎样利用这些技术。

]]> 做好SEO网站优化要掌握好分寸 最新推出VIP香港空间通知 /vip-hk.html 2010-11-01 /vip-hk.html#comment 尊敬的客户，为满足广大客户要求，提升香港空间更优质的网络环境，我司旗下网站（www.39wa.com）全新推出VIP香港虚拟主机，VIP香港空间有着更优质的网络环境、并且在稳定、速度、安全等方面做了更大的改进，各方便有了明显的提升。凡购买企业型香港空间以上就可以自动开通，欢迎广大用户订购！如有疑问欢迎来电来函咨询！

]]> 最新推出VIP香港空间通知 精选30个采用超大背景的国内网站 /30-beijing.html 2010-08-25 /30-beijing.html#comment 随着显示器分辨率和网络带宽的飞速发展，好像越来越多的网站开始使用超出常规尺寸的照片或插图来作为网站的背景。不得不承认的是，超大的背景图片能让网站的视觉冲击力更强，尤其是在分辨率大的显示器下。和传统的网站设计相比，这种设计能给网站更多的生命力。现在利晶科技为您精选了80个使用超大背景的国内网站，作为网页设计师的你一定要看，绝对不会失望的！

1、August
使用了Flash可扩展背景图片可根据浏览器的尺寸可看到扩展。

2、Car Freaks
这个网站经常更换他们的首页背景图片来保持新鲜感。

3、Go To China
一个使用高清晰度照片作为网站背景图的完美实例。在调整浏览器大小后网站的背景图也会随之扩展。

4、MacAllan Ridge
整体配合很好，有山中有树的感觉！蕴含很深！

5、tnvacation.com

6、Jirnsum.eu

7、Surf in Paradise

8、Flame Digital

9、Frisk Design

10、Monterey

11、Pueblo Bonito

12、Jansport

13、Champneys

14、Include Digital

15、Alba Nigra

16、Welcomebrand.co.uk

17、Nefty's World

18、Upstruct

19、Cinq7

20、Liberato Creative

21、Youlove.us

22、Brandon Wolvin

23、Buen Retiro Vergara

24、The Farmer and the Chef

25、CSS Layout

26、Pivonka.eu

27、Charles Martin Books

28、MTV

29、Careforkidsfarm.com

30、Viget – Inspire

]]> 精选30个采用超大背景的国内网站 精选15个国外CSS架构网站收集 /jingxuan15-css.html 2010-08-12 /jingxuan15-css.html#comment 我们为您精选了15个国外CSS架构网站，网站架构设计都非常不错！可以去参考下。CSS架构通常只是一些CSS文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置等。技术应用非常到位！

1、960 Grid System
960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果，基于960像素的页面宽度。它有两种类型，12和16列，他们可以独立使用或是协同使用。

2、WYMstyle CSS Framework
这个项目的目的是提供一组经过良好测试的模块化的CSS文件，能够用于网站的快速设计。WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。

3、YAML CSS Framework
Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 Internet Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。

4、YUI Grids CSS
基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4KB的文件可提供超过1000中页面布局组合。

5、Logicss Framework
Logic CSS 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”)，排版支持文本字体大小调整(使用EMs) 和垂直居中，符合可定义的灵活的布局网格利用css代码生成工具。

6、CleverCSS
CleverCSS是一个用于css的受Python启发的小型的标记语言，它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法：它基于缩进而且不单调。虽然这显然违反了Python的规则，它依然是组织样式的很好的主意。

7、Elements CSS Frameworks
Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架，它有自己的项目工作流。它拥有你完成项目所需的所有东西，这也让你和你的浏览者感到愉悦。

8、Blueprint CSS
Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布局和一个打印样式。

9、Schema Web Design Framework
Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始并立马让你的设计跑起来。

10、Emastic CSS Framework
Emastic 是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的网站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

11、That Standards Guy CSS Framework
只能调用单个样式文件；主样式需要取得CSS认证(WCAG 1.0)；跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac；IE Hacks使用独立文件；快速创建模板；少量注释/实例演示，可以节省时间来理解。

12、Content with Style Framework
下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板

13、Boilerplate CSS Framework

14、ESWAT Web Project Framework
ESWAT正在重新整理。如果你是冲着我的网站框架来的，那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。

15、Tripoli CSS Framework
Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准，Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

]]> 精选15个国外CSS架构网站收集 SEO网站优化十大技巧 /seo-youhua-jiqiao.html 2010-08-07 /seo-youhua-jiqiao.html#comment 搜索引擎优化(SEO)是网站网络营销中的核心部分，它可以提高目标网站在搜索引擎的搜索结果页面的自然排名。

一、以文字为主的页面元素

不少网站充斥了大量的图片和FLASH动画，搜索引擎却不能识别这些文件所表达的意思，也无法收录到搜索引擎中。能够用文字表达的地方，尽量不要用图片来代替，避免把文字做到图片里面，要让文字成为主角，其它只是点缀。

二、URL的优化

一个好的URL会对网站有好处。那么，什么样的URL才是最完美的呢?我认为深度为2。即“首页/文章/index”这样权重是最高的，而那些“首页/栏目/……/n栏目/index”因为深度太深，对搜索引擎不友好。因为你的层次越深，权重越低，大家可以看看新浪，它的新闻虽然多，但是层次都不超过3级。关于文章内容的URL普遍是“/10/0517/20/64000146BC.html”这样的格式毫无意义,除了能表示它是什么时间更新的，就没有任何意义。而一些优化好的网站，都是直接使用拼音目录的。

三、标题的优化

网页优化可以说是从Title开始的。在搜索结果中，每个抓取内容的第一行显示的文字就是该页的Title，同样在浏览器中打开一个页面，地址栏上方显示的也是该页的Title。因此，Title可谓一个页面的核心。对Title的书写要注意以下问题：

(一)Title简短精炼，高度概括，含有关键字，而不是只有一个网站名。

(二)前几个词对搜索引擎最重要，因此关键字位置尽量靠前。

(三)将Title组织成符合语法结构和阅读习惯的短句，避免无意义的词组罗列式Title。

四、适当使用Keywords

关键字不仅是搜索引擎优化的核心，也是整个搜索引擎营销都必须围绕的核心。关键字的使用要注意以下问题：

(一)站在客户的角度考虑选用准确实用的关键字

(二)毋用意义太泛的关键字，关键字要体现网站或宣传品的独特性和卖点

(三)用自己的品牌或地理位置做关键字，突出品牌优势和区位优势

(四)控制关键字数量、密度及分布

一页中的关键字最多不要超过3个为佳，然后所有内容都针对这几个核心关键字展开，才能保证关键字密度合理。

五、合理使用描述

描述部分用简短的句子告诉搜索引擎和访问者关于本网页的主要内容。它的重要性在Title和Keywords之后。描述的书写要注意以下问题：

(一)描述中出现关键字，与正文内容相关

(二)同样遵循简短原则，字符数含空格在内不要超过200个字符

(三)补充在Title和Keywords中未能充分表述的说明

六、合理搭配网页语言

Table因其数据处理能力强,兼容性好。后来为什么大家都采用DIV+CSS。不仅因为更符合引擎抓取。更重要的是DIV+CSS好处是体积小。Table有个致命的弱点就是太复杂了。导致页面体积增大。网页体积越小，显示速度也越快。DIV虽然有这个好处，但兼容性却较差。各种浏览器中有各种不同的标准，即使是IE6和IE7也不能完全兼容。我提议整体布局用DIV,一些复杂细节用Table。这样才能达到最完美的搭配。

七、重复内容的优化

搜索引擎非常反感重复的东西，重复出现最多的地方在于一些分页。比如，内容页里有页一…页N。各栏目的文章列表等等都会出现大量重复的标题。对于那些内容页的分页我采用第一页。原始标题，那么从第二页开始，我就会在标题中插入“第二页：文章标题”如此的形式。这样不是就不重复了吗?有一些人处理这个问题使用了AJAX技术。我认为不合适,因为这样会导致分页的内容无法被搜索引擎所抓取。在分页时，还有个问题就是Keywords/ Description或许也会造成重复，我的解决办法是从第2个分页开始就剔除Keywords/ Description这两个标签。

八、增加反向链接和提高PR值

网站制作发布后，应该考虑和一些网站交换友情链接。交换友情链接可以增加网站的反向链接数，如果对方的PR值高，那效果更好。关键是反向链接的链接按钮，不要用图片，要用文字，而且要用关键字作为链接按钮。一个页面的PR值的一个简单计算公式：PR(A)=0.15+0.85(PR(Ti)/C(Ti)+…+PR(Tn)/C(Tn))。合理的利用PR值高的页面，并非所有页面都互链就好。网站尽量减少交换链接的数量，控制在5，6个高质量网站交换链接。

九、把握好SEO的时效性的尺度

SEO是个不断变化的行业,搜索引擎每天在调整算法，用户爱好和热点也在变化，所以SEO是个动态过程，没有一劳永逸的搜索排名。但不要把能优化的地方都优化，要使网站显得自然平衡，从而保证收录的持久性。

十、避免使用SEO作弊手段

了解基本的作弊手段，目的是避免无意间采用了相关手段遭到处罚。常见手段有关键字堆砌，虚假关键字,隐形文本/链接，重定向，复制站点或内容，桥页/门页，隐形页面，重复注册等。

另外，选用高速稳定安全的服务器，富有吸引力的域名，丰富的网站内容，大量的原创文章，页面元素优化，良好的导航及框架结构也是SEO公认的重要组成。同时SEO从网站架构开始,贯穿网站建设、运营的整个营销过程。只有前期工作扎实有效才能减少优化的工作量，我们不能把SEO看作是一个步骤，要把它当成一种网站从构建到达成运营目标的始终坚持的理念。

]]> SEO网站优化十大技巧