<![CDATA[像素生活 - web/css]]> http://www.leelive.com/ zh-cn PBlog2 v2.4 像素生活 http://www.leelive.com/images/logos.gif http://www.leelive.com/ 像素生活 http://www.leelive.com/article.asp?id=127 <![CDATA[ie6下文字重复的bug解决办法]]> qh121vip@163.com(pointc) Mon,02 Mar 2009 17:51:19 +0800 http://www.leelive.com/default.asp?id=127 解决办法有2种：
1.把后面一个受影响的div的代码提前，也就是要要把出现问题的代码层放在display:none的这个div 的前面！
2.直接把带有display:none的div外面再套一层div
]]> http://www.leelive.com/article.asp?id=119 <![CDATA[浏览器IE和Firefox下flash挡住div层的问题]]> qh121vip@163.com(pointc) Wed,07 Jan 2009 18:36:48 +0800 http://www.leelive.com/default.asp?id=119
在<embed>中加入wmode="transparent"属性

]]> http://www.leelive.com/article.asp?id=118 <![CDATA[ cursor:hand 与 cursor:pointer 的区别]]> qh121vip@163.com(pointc) Tue,06 Jan 2009 17:39:00 +0800 http://www.leelive.com/default.asp?id=118 cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。
cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。

结论：还是用 cursor:pointer 比较好用！


                             IE5    IE6    IE7    Firefox
cursor:pointer       ×           √     √         √
cursor:hand         √           √      √         ×

]]> http://www.leelive.com/article.asp?id=117 <![CDATA[HTML特殊符号对照表]]> qh121vip@163.com(pointc) Sun,04 Jan 2009 15:29:32 +0800 http://www.leelive.com/default.asp?id=117 http://www.leelive.com/article.asp?id=110 <![CDATA[CSS完美兼容IE6/IE7/FF的通用简便方法]]> qh121vip@163.com(pointc) Tue,02 Dec 2008 11:38:15 +0800 http://www.leelive.com/default.asp?id=110 通常我们遇到3种情况：

IE6 正常 IE7/FF不正常

这种情况下我们这样处理：

   padding: 7px !important;（针对FF/IE7）
   padding: 6px;（针对IE6）

IE6 IE7正常 FF不正常

这种情况我们要这么处理，因为!important IE7也是能识别的！

   padding: 7px;（针对FF）
 *padding: 6px;（针对IE6/IE7）

 IE6 IE7 FF都不一样

这种情况我们这样来处理：

    padding: 7px;（针对FF）
  *padding: 6px;（针对IE7）
  _padding: 5px; （针对IE6）

 注意顺序，在此多谢jonson的帮助补充！希望此贴能为那些因为浏览器的兼容问题而焦虑的同志们带来帮助！

]]> http://www.leelive.com/article.asp?id=109 <![CDATA[兼容IE,FF背景图片透明css代码]]> qh121vip@163.com(pointc) Mon,01 Dec 2008 18:37:12 +0800 http://www.leelive.com/default.asp?id=109     background:url(../images/new_listing/color_black.gif) no-repeat;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}
兼容IE,FF背景图片透明css代码说明：
filter:alpha(opacity=80);支持IE
-moz-opacity:0.80; 支持FF
opacity:0.80;支持w3c标准]]> http://www.leelive.com/article.asp?id=84 <![CDATA[企业网站常用中英文对照表 _ 设计]]> qh121vip@163.com(pointc) Mon,23 Apr 2007 16:58:12 +0800 http://www.leelive.com/default.asp?id=84
网站导航 site map

公司简介 PROFILE or COMPANY Profile or Company

公司设备 EQUIPMENT Equipment

公司荣誉 GLORIES Glories

企业文化 CULTURE Culture

产品展示 PRODUCT Product

资质认证 quality certification

企业规模 SCALE Scale

营销网络 Sales Network

组织机构 orGANIZATION organization

合作加盟 Join in Cooperation

技术力量 TECHNOLOGY Technology

经理致辞 Manager`s oration

发展历程 Development history

工程案例 Engineering Projects

业务范围 Business Scope

分支机构 Branches

供求信息 Supply & Demand

经营理念 Operation Principle

产品销售 SALES Sales

联系我们 CONTACT US Contact Us

信息发布 INFORMATION Information

返回首页 HOMEPAGE Homepage

产品定购 orDER order

分类浏览 Browse by category

电子商务 E-Business

公司实力 STRENGTH Strength

版权所有 Copy right

友情连结 Hot link

应用领域 Application Fields

人力资源 Human Resource HR

领导致辞 Leader`s oration

企业资质 Enterprise qualification

行业新闻 Trade news

行业动态 Trends

客户留言 Customer Message

客户服务 Customer Service

新闻动态 News & Trends

公司名称 Company Name

销售热线 Sales Hot-line

联系人 Contact Person

您的要求 Your requirements

建设中 In construction

证书 CERTIFICATE Certificate

地址 ADD Add

邮编 POSTAL CODE Zipcode

电话 TEL Tel

传真 FAX Fax

产品名称 Product Name

产品说明 DESCRIPTION Description

价格 Price

品牌 Brand

规格 Specification

尺寸 Size

生产厂家 MANUFACUTURER Manufacturer

型号 Model

产品标号 Item No.

技术指标 Technique Data

产品描述 Description

产地 Production Place

销售信息 Sales Information

用途 Application

论坛 Forum

在线订购 On-line order

招商 Enterprise-establishing

招标 Bid inviting

综述 General

业绩 Achievements

招聘 Join Us

求贤纳士 Join Us

大事 Great Event

动态 Trends

服务 Service

投资 Investment

行业 Industry

规划 Programming

环境 Environment

发送 Delivery

提交 Submit

重写 Reset

登录 Enter

注册 Login

中国企业网技术支持 Powered by ce.net.cn

社区 Community

业务介绍 Business introduction

在线调查 Online inquiry Inquiry

下载中心 Download

会员登陆 Member Entrance

意见反馈 Feedback

常见问题 FAQ

中心概况 General Profile

教育培训 Education & Training

游乐园 amusement park

在线交流 Online communication

专题报道 Special report]]> http://www.leelive.com/article.asp?id=81 <![CDATA[突破网易相册的反盗链(源码展示)]]> qh121vip@163.com(pointc) Fri,13 Apr 2007 14:36:47 +0800 http://www.leelive.com/default.asp?id=81
可因为有防盗链的措施...

比如你看到一张图片,按传统办法查看地址(右键点属性查看),想把他放到别的网站里展示可出来的却是
显示不出来

解决的方法来了...

新建一pic.asp文件，内容如下：
程序代码

<%

Dim url, body, myCache

url = Request.QueryString("url")

Set myCache = new cache
myCache.name = "picindex"&url
If myCache.valid Then
body = myCache.value
Else
body = GetWebData(url)
myCache.add body,dateadd("d",1,now)
End If

If Err.Number = 0 Then
Response.CharSet = "UTF-8"
Response.ContentType = "application/octet-stream"
Response.BinaryWrite body
Response.Flush
Else
Wscript.Echo Err.Description
End if

'取得数据
Public Function GetWebData(ByVal strUrl)
Dim curlpath
curlpath = Mid(strUrl,1,Instr(8,strUrl,"/"))
Dim Retrieval
Set Retrieval = Server.CreateObject(" Microsoft.XMLHTTP")
With Retrieval
.Open "Get", strUrl, False,"",""
.setRequestHeader "Referer", curlpath
.Send
GetWebData =.ResponseBody
End With
Set Retrieval = Nothing
End Function


'cache类

class Cache
private obj 'cache内容
private expireTime '过期时间
private expireTimeName '过期时间application名
private cacheName 'cache内容application名
private path 'url

private sub class_initialize()
path=request.servervariables("url")
path=left(path,instrRev(path,"/"))
end sub

private sub class_terminate()
end sub

public property get blEmpty
'是否为空
if isempty(obj) then
blEmpty=true
else
blEmpty=false
end if
end property

public property get valid
'是否可用(过期)
if isempty(obj) or not isDate(expireTime) then
valid=false
elseif CDate(expireTime)<now then
valid=false
else
valid=true
end if
end property

public property let name(str)
'设置cache名
cacheName=str & path
obj=application(cacheName)
expireTimeName=str & "expires" & path
expireTime=application(expireTimeName)
end property

public property let expires(tm)
'重设置过期时间
expireTime=tm
application.lock
application(expireTimeName)=expireTime
application.unlock
end property

public sub add(var,expire)
'赋值
if isempty(var) or not isDate(expire) then
exit sub
end if
obj=var
expireTime=expire
application.lock
application(cacheName)=obj
application(expireTimeName)=expireTime
application.unlock
end sub

public property get value
'取值
if isempty(obj) or not isDate(expireTime) then
value=null
elseif CDate(expireTime)<now then
value=null
else
value=obj
end if
end property

public sub makeEmpty()
'释放application
application.lock
application(cacheName)=empty
application(expireTimeName)=empty
application.unlock
obj=empty
expireTime=empty
end sub

public function equal(var2)
'比较
if typename(obj)<>typename(var2) then
equal=false
elseif typename(obj)="Object" then
if obj is var2 then
equal=true
else
equal=false
end if
elseif typename(obj)="Variant()" then
if join(obj,"^")=join(var2,"^") then
equal=true
else
equal=false
end if
else
if obj=var2 then
equal=true
else
equal=false
end if
end if
end function
end class
%>


将该文件上传到服务器空间，以后在要链接的图片地址前加上 http://www.pixbar.com/pic.asp?url= 图片地址 ，即可正常显示图片了!
]]> http://www.leelive.com/article.asp?id=75 <![CDATA[flv播放器代码]]> qh121vip@163.com(pointc) Wed,24 Jan 2007 14:48:36 +0800 http://www.leelive.com/default.asp?id=75
Flash动画
在线播放
]]> http://www.leelive.com/article.asp?id=70 <![CDATA[如何让自己的网页被GOOGLE和百度收录！]]> qh121vip@163.com(pointc) Tue,09 Jan 2007 10:15:43 +0800 http://www.leelive.com/default.asp?id=70 分享给大家~
首先我们要了解Google和Baidu收录网站页面的标准
Google是按照网页级别（PageRank）来收录的，只要网站有一定的网页级别，Google会快速收录的，而没有网页级别的网站，Google则坚决不去收录。
也就是说 Google更乐于收录大站的页面！
Baidu则很夸张，采用的是来者不拒，多多益善的原则，无休止的进行收录。
也就是说百度则乐于收录新站的页面。

上述所讲是大的标准，下面来看看如何优化代码 更好的适应这种标准~！


页面主题优化

一个页面的<title></title>部分是很重要的，如下：

<TITLE>像素吧 像素艺术 像素教程 像素欣赏 像素素材 像素画 www.pixbar.com</TITLE>

太多了吧，你会觉得Google这么傻吗？这么容易就被一个title所左右了？其实，我们不妨老实一些，实事求是的写下自己网站的名字。比如说，如果你的网站是一个原创文学站点，可能会起名叫“雅文轩”，很好听，但不疼不痒，Google不会知道“雅文轩”是干什么的，那么这里你可以写成“雅文轩原创文学”就好多了。

页面头部优化

页面头部指的是代码中<head></head>部分，具体一点就是<meta>中的“Description（描述）”和“Keywords（关键字）”两部分，这部分也是SEO们比较花心思的地方，理论一大堆！总结起来就是：

1、“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字，在这其中，你应该适当的对你网站的特色内容加以重复以求突出，比如：

<meta name="description" content="像素吧 打造专业的像素世界→像素艺术 像素教程 像素欣赏 像素素材 像素画 像素设计 像素图片 尽在像素吧! --- 论坛首页" />

在描述中就恰到好处的介绍了网站的内容，同时反复强调了“像素”二字，这是比较合理的，而相比下边这家网站的描述那:

<META NAME="Description" CONTENT="美容美发,中国美容美发,美容美发网,中国美容美发网,美容美发传播网,沈阳美容美发传播网,中国美容美发传播网">

这只能被搜索引擎忽略，因为很明显这是在堆积关键字愚弄搜索引擎程序。

2、“关键字”部分也很简单，你只需在这里列出你认为合适的，能突出网站内容的关键字就可以了，不要太多，10个8个就可以了，多了也没用，搜索引擎只会浏览靠前的几个，余下的都是浪费。不过有一点大家要明白，现在的主流搜索引擎都不再依靠<meta>中的关键字了，因此，这部分内容我们也只是“例行公事”，个人觉得意义不大，不过总好过没有。而且关键字的选择也是一门学问，具体可以参考网上的相关文章，别像下面这个网站这样做无聊的重复，显得太傻。

<META NAME="Keywords" CONTENT="美容美发,中国美容美发,美容美发网,中国美容美发网,美容美发传播网,沈阳美容美发传播网,中国美容美发传播网">

超链接优化

搜索引擎为何可以能够索引全世界的网站，是因为各个搜索引擎程序中都有一个会自动“爬行”于互联网上的智能机器人程序，这个机器人就是顺着网站之间的链接游览世界的，那么我们就应该为它创造一个良好的爬行通道——合理的设置链接。

怎样的链接才是合理的呢？你只需牢记以下几点：

1、采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字，许多公司、个人都喜欢酷酷的Flash动画，网站的入口也做成Flash片断，呵呵，这么做在目前几乎就是“自寻死路”，搜索引擎很难光顾这样的网站。而且个别设计者非常马虎，把网站的入口链接放在了Flash上，有时因为网络繁忙、缺少Flash插件而导致用户根本就看不到网站的内容，失败，失败中的失败。

2、按规范书写超链接，就像这样：<a href="/index.htm" title="网站评测，免费推广">中国酷站</a> ，别小看这个title属性，它既可以起到提示访客的作用，也可以让搜索引擎知道它要去哪里，注意，别写的太罗嗦：title="中国酷站导航是权威站点评测机构，免费推广你的网站" ，这么写的人八成精神有问题，而且时间富余的很。

3、最好别使用图片热点链接，理由和第一点差不多。

图片优化

图片优化不是让你修改图片的大小、颜色，而是你应该为每个<img>标签加上alt属性，就像这样：<img src="/Files/BeyondPic/2006-6/25/0662501025814423.jpg" alt="庐山瀑布" /> ，alt属性的作用是当图片无法显示时以文字作为替代显示出来，而对于SEO来说，它可以令搜索引擎有机会索引你网站上的图片，大家都用过baidu和google的图片搜索功能吧，你以为搜索引擎是怎么找到图片的，不会以为Google能看懂图片吧！？对于一些确实没什么意义的图片，最好也不要省略alt，而应该留空，即 alt=""。

为网站制作一个“网站地图”

什么是网站地图？说白了就是一个页面，在这个页面上呢，列出了你网站中各个栏目的入口地址，就像这个（http://quanyo.com/about/map.htm ），站点地图的作用很大，首先，对于一个栏目众多的网站，它可以帮助访客最快速度找到所需的内容；二则，可以给搜索引擎提供一份自己网站的“鸟瞰图”，方便搜索机器人依次索引整个网站。

PageRank（pr值）

PR值是Google提出的一个重要参数，它标明了某个网站的重要程度，那么pr值是如何确定的呢？目前普通的解释为：假如有ABC三个网站，彼此互作友情链接，那么当一个访客通过A上的友情链接来到B时，Google就认为A为B投了“一票”，同理，如果有人从C访问B，那么B又得一票，如果全世界的网站上都有B的友情链接，呵呵，可想而知，B就是世界上最重要的网站了！

那么如何提供我们自己的pr哪，找别人交换链接啊！不过不能乱找，也不能狂找，而应该找一些和自己网站内容相近，且较为优秀的网站，当然，你自己的网站也不能太差，谁会愿意和一个臭棋篓子下棋啊^_^

切记！不要疯狂的交换链接，如果你的首页上一下子搞了几百个友情链接，呵呵，Google不但不会提升你的pr，没准还得认为你作弊，从而把你从自己的数据库中删除，到时你就哭吧。

静态页面与动态页面

目前所有的SEO都认为，Google一类的搜索引擎会尽量避免索引带有参数动态页面，而喜欢索引普通的静态页面，这一点并未得到Google等搜索引擎的明确回答，但从效果来看是这样，毕竟动态页面的变数太大，举个例子，你发了一个帖子，可能在论坛某板块的第1页上，可随着跟贴的增加你的发言可能就被挤到第10页上了，你说搜索引擎是不是很头疼啊。

因此，制作网站的时候，最好避免使用动态页面，或者改良技术，让动态页面自动生成对应的静态页面，既能便于搜索引擎收录，也可以降低网站服务器、数据库负担，一举两得，不过这也不是觉对的，还是那句话，网站流量决定一切，即便是一个全部采用动态页面的网站，但因为很受欢迎访客不断，那么它还是会被搜索引擎青睐，还是会出现在搜索结果的前列。而且，随着技术的进步，搜索引擎也会改进，搜索动态页面将来必定会更加容易。

避免大“体积”的页面

有经验标明，搜索引擎不喜欢索引大体积的页面，即一个页面代码部分的体积不要太大，控制在100kb内为佳，我见过一个网站，其首页光HTML代码部分的体积就高达近300kb，呵呵，每次浏览它都相当于下载一个小软件了，多亏现在是宽带，要是以前用56k小猫，非得以为死机了不可。

最重要的一点！合理的代码结构

搜索引擎喜欢格式清晰，结构分明的页面，理论上XML是最合乎搜索引擎的胃口了，呵呵，当然，这太极端了，不过如果采用最新的XHTML+CSS技术将页面数据同表现分离，即避免大量嵌套表格和其它冗余的代码还是能够完美实现这一要求的。为了说明这个问题，请允许我再次帮朋友的网站做下广告，呵呵，别看广告，看疗效！

案例1：http://www.leelive.com/

这个网站是朋友2个月前开办的，内容是为个人博客，网站本身并未作特别的优化，但是在页面制作上完全采用了符合web标准的XHTML 1.0 + CSS2技术构建，大家可以看一下它上面每个页面的源代码，是不是非常清晰，没有通常所见的凌乱的表格嵌套？就是这么一个个人站点，Google中“像素生活”搜索排名第一，“像素吧”搜索也是前1页；就因为这样，每天都有大量喜爱像素的人通过Google找到这里，根本不用他费力去做什么宣传，羡慕＋嫉妒！

之所以举这这个个网站，因为网站从建设开始我都是一直关注的，他们在搜索结果中的排名变化也是我亲眼目睹的，因为我和朋友都对SEO都不是很了解，但就是因为采用了web标准制作页面，让网站页面有了一个非常清晰的结构，也许真的就碰巧迎合了Google的搜索习惯了吧。当然，XHTML对于一些朋友还是有难度的，不过大家同样可以采用正确的HTML 4.01标准制作页面，窍门就是一个：多多使用CSS样式，减少代码中的修饰部分，比如文章标题就应该采用<h1>来表示，段落就采用<p>而不是<br /> 等等，这部分细说起来很麻烦，需要大家自己学习研究，现在国内的专业SEO们也开始重视XHTML技术，因为他们发现，XHTML可以切实满足建立一个“结构良好、条例清晰”的页面的这个要求。

好了，我本人的心得就是这么多，SEO是一个考经验取胜的领域，学习它不是那么直观，重要的是提高自己的技术、平时注意观察、多留意这方面的新闻。现在国内有人出了一本专门讲授SEO经验的电子书，售价高达2、3千元，大家还是不要相信的好，不是说这个人是骗子，只是这门技术变化太快，如果自己没有这个悟性的话，今天学会了明天就可能用不上了，白白浪费钱财。
]]>