分页: 139/218 第一页 上页 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 下页 最后页 [ 显示模式: 摘要 | 列表 ]
10月20
本文带你了解
1、什么是CSS Sprite技术;

2、为什么要使用CSS Sprite技术;
3、CSS Sprite demo浏览,实例下载浏览
下载文件 (已下载 199 次)
(官方下载),帮你直观了解;
4、由于要用到CSS的POSITION定位坐标,所以这个对于前端设计人员来说是个问题,这里推荐一个比较不错的工具,直接导入图片,拉出DIV,生成坐标!
    相关辅助下载(软件安装环境adobe air   地址:http://get.adobe.com/cn/air先下载adobe air然后运行安装即可)

网页中所用的图标集中到一张图片中(一般是PNG格式),利用CSS的POSTION进行定位显示
图例:
Highslide JS
1、什么是CSS Sprite技术
  CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需 顾忌这个问题。
  按照yahoo的rules for high performance web sites的原则,应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方法将多张图片组装成单独的一张图片,可以有效减少HTTP请求 的次数。
  当整幅图片载入完成后,你就可以使用CSS方法通过设置背景位置的方式完成所需图片的准确调用。
  加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。

2、为什么要使用CSS Sprite技术
  1. 图片限制(Image Slicing)
  典型如文本编辑器,小图标特别多,打开时一张张跑出来,给用户的感觉很不好。如果能用一张图解决,则不会有这个问题,比如百度空间、163博客、Gmail都是这么做的。
  2. 单图转滚(Single-image Rollovers)
  触发切换图片的需求,传统方案得重新请求新图片,因为网络问题经常造成停留或等待。如果能把多种状态合并成一张图,就能完美解决,然后再使用背景图技术模拟动态效果。
  3. 延长背景(Extend Background Image)
  如果图片的某边可以背景平铺无限延长,则不需要每个角、每条边单独搞出来,图片能少一个就少一个。其实,这个理论还可以扩展到四角容器里,好处是能大大简化HTML Structure。

相关导读:
阿里妈妈UED谈CSS Sprites技术
10月20
CSS Sprites简介

通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web设计向着精致、巧妙的方向发展,设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、悬停菜单的效果,这时CSS Sprite应运而生。

说白了,CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。

当页面加载时,不是加载每个单独图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。

CSS Sprites相关文章

CSS Sprites 图片整合技术:
http://www.blueidea.com/tech/web/2009/6776.asp
CSS Sprites:
http://www.blueidea.com/tech/web/2007/4967.asp
CSS Sprites + 圆角:
http://www.blueidea.com/tech/web/2009/6689.asp  
CSS Sprites应用

在这方面,淘宝网做的比较好,我就以淘宝网为例吧。

实例一:淘宝频道页面导航
10月20
今天过来百度收录掉了1300页,我哭!  带大家看看进来善变的搜索引擎!

关注搜索引擎的网友们一定会发现,今年搜索引擎的变化特别多,尤其是下半年,百度和Google频繁更改排名算法,着实让人摸不清思路。

因此,所有关注搜索引擎排名的工作者想尽办法,黑链,点击器等,只要能刺激排名的方式漫天飞舞,被发挥得淋漓尽致。搜索引擎也差不多是该出手应对了。越来越多人使用的方式一定是管用的,越来越多人都使用的方式,也会变得越来越不管用。当A因素能够刺激到排名,所有人都开始侧重使用A因素,A因素也会被搜索引擎慢慢放淡,然后大家又开始寻找新的B因素,待到B因素变得不重要了,重新寻找C。

百度近期的变化

一、对新网站的收录变快,24小时内就收录的网站并不稀奇;

二、对于网站的原创性要求更高,层次等级很明显的得到了改进;

三、重点提升了自身产品百科、图片、贴吧、知道、词典、有啊等相关内容页面的权重,现在百度这些产品的内容在第一页都有体现,特别是百度百科和百度图片(百度图片的权重较低于百度百科,但是相对门户站来说是同等地位的);

四、针对论坛和博客站点导入链接降权,论坛签名已经对百度失去效应了;

五、对门户站的权重比较看重,这是算法调整最直接得表现;

六、网站上出现弹窗广告、很多JS代码、双向友情链接过多的网站进行降权,导出单向链接过多予以降权(是百度为了防止最近链接交易站点作弊,请注意,对于行业门户和老站点问题不严重);

七、限制了新站的关键词排名。这一策略导致大量1-3个月的新站关键词排名浮动较大;

八、关键词中,区域性的网站排名靠前;

九、周四为大更新,并在10月15号进行较大规模的更新,部分站点关键词掉到N页

由此看来,如果做好百度的排名优化,势必要清理弹窗广告和一些与网站内容不相关的广告,并不要采集其他网站内容,最重要的是,不要购买友情链接或黑链接,多做友情链接有害无益(也许会有人骂我,但我仍然要举个例子,58分类信息做的连接数量在业内也是知名的,N多关键词原来是在首页,但在百度10月15日的大更新中,一大半的关键词被调整,不相信的朋友可以去参考一下相关排名数据)。

谷歌近期的变化

据国外媒体报道,Google推出实验室版网站管理员工具的同时,悄然撤下了爬虫统计中的PageRank部分。虽然此时谷歌工具条中尚未正式撤销PageRank,但此传闻在业界掀起轩然大波,难怪PR应该九月底十月初调整,而至今仍无音信。

谷歌为什么欲拿PageRank来开刀?确实有太多的人将网站的PR值看的过于重要,认为PR值高网站的关键词排名就自然会向前排,从而忽略了真正重要的因素,那就是内容,原创内容,有规律的原创内容更新。

谷歌一直考虑将网站实用性列入判断网站好坏的标准,此次撤下了爬虫统计中的PageRank部分,也无疑验证了这一点,当一个以PR值高而出现在搜索引擎前面的网站无法给访客提供有使用价值的内容时,这个网站对搜索引擎来说也将失去意义,而搜索引擎的最大价值就在于为用户提供有价值的信息。

都知道网站的PR值高低是由网站的外部链接来决定的,难道谷歌亦将外部链接这个重大的排名因素给砍掉?如果外部链接也不算进排名因素,那我们还能对网站做些什么?那么还存在SEO这个行业吗?难道SEO即将淡出人们的视野?这些都还不能定论,但必须肯定的一点,搜索引擎对那些有着大量有价值,原创内容的网站一直是给予呵护的,不管谷歌最后如何对PR定论,我们都必须坚持一点:那就是内容,原创内容,有规律的原创内容更新。

现在大家比较关心的是,如果谷歌真的取消了PageRank,那什么将会取代谷歌的PageRank,成为判断网站权重算法中新的宠儿呢?这个将会是业内讨论的新焦点。

在百度和谷歌近期的变化中,都可以看出对友情链接这一块的调整,黑链接、博客链接、论坛签名连接、购买的链接、友情链接尽量不适宜多做,只要保证几个长期稳定合作及与网站内容相关的网站友情链接就可以了,以15个左右为佳,要不然就像58同城那样,疯狂做友情链接后,导致网站被降权。

10月19
此前传出GOOGLE算法调整,貌似的确如此,TOMMYHU从2700P猛然升到11700P,然后在10月17日,18日每日收录增加100个P,今日又看到google谷歌撤销pr, 是真是假?!10月注定是不甘于寂寞的一个月份,大动作不断,我们拭目以待……
【搜狐IT消息】
北京时间10月16日消息,据国外媒体报道,Google推出实验室版网站管理员工具的同时,悄然撤下了爬虫统计中的PageRank部分。对此,Google并未发布任何
官方声明。

     今天google相关工作人员( Google员工苏珊-莫斯克瓦(Susan Moskwa)在Google网站管理员帮助论坛中确认了该消息)已公开说谷歌将删除工具栏的PageRank,PageRank不会列入算法中,以下是原文:

We’ve been telling people for a long time that they shouldn’t focus on PageRank so much; many site owners seem to think it’s the most important metric
for them to track, which is simply not true. We removed it because we felt it was silly to tell people not to think about it, but then to show them the data,
implying that they should look at it. :-
          原文:http://www.google.com/support/forum/p/Webmasters/thread?tid=6a1d6250e26e9e48&hl=en
原文大意为:我们老早就告诉你们了,不要花这么多精力去关注PageRank,但还是有很多人乐此不疲,把研究这个当成是头等大事,这是一件不正确的事情,我们在工具条去掉了PageRank的数据,就是不想让大家每天都傻傻的盯着PR的展示,仅仅关注数字的高低而已。但目前Google工具栏仍然提供PageRank信息,而Google工具栏的使用者数量显然远远超过网站管理员工具。

据悉早在2007年,Google就对去除Google工具栏中的PageRank功能征求过用户意见。但此事不了了之。未来Google可能会停止提供PageRank信息。不过业内人士称,PageRank
直接关系到Google的品牌,Google不会轻易作出该决定。

      在众多新闻中都可看到,在新闻内容中也可看出消息属实,这一消息确属事实,在互联网中引起不小的骚动。pr值本身是大家去判断一个网站好坏的重要指标之一。相对一些人比较看重pr。现在google pr值突然宣布要撤销,可能还有不少站长在忙着等谷歌这次更新,但没想到谷歌会来这招,相信相对比较重视pr值的站长多少有些失落感。尤其是有些靠谷歌 pr买卖为生的。

     谷歌pr撤销,其实没什么不好的,pr也只是衡网站好坏的标准之一,一个网站的好坏有可以有很多方法来衡量,我个人对pr不是怎么看重的。现在又很多人建站,刻意去追求pr,自认为pr高了,网站就算成功了。 其实一味追求PR值等各项指标,而不去关注用户的体验需求,不注重网站内容的质量和可读性,我们还是多把时间花在自身网站内部。没有一个内容丰富的平台,怎么去吸引更多的用户,我们建站的目的最终是给用户浏览者看。谷歌宣布撤销pr,无疑也是对做网站优化人员提高要求。

    现在谷歌pr值撤销了,那么我们用什么工具来衡量一个网站呢?我们可以通过 alexa排名,还有就是搜狗的sogou Rank,以及谷歌的google sitelink,当然了也可以通过肉眼去观察每个细节问题。毫无疑问,谷歌撤销pr值,无疑也意味着谷歌对互联网提高了门槛,不再允许有钻这一缝隙的。

其他相关消息:
chinaz相关讨论:http://bbs.chinaz.com/Shuiba/thread-1406011-1.html
admin5相关讨论:http://bbs.admin5.com/thread-1344092-1-1.html

猜测:如果Google放弃pagerank的评级标准,那以后判断Google的权重是什么?很多买卖高PR链接的网站会受很多影响,英文网站的权重又是以什么评判呢。难道只是单独看排名,看外链,Google排名很大一部分都是强大的外部链接,PR虽然只是很小一部分,可是如果舍弃Google自己研发的PR功能,也许Google不会轻易的放弃,所以这个新闻的真实性有待观察!
10月19
史无前例啊,一直拉TABLE拉了这么多年,今天终于给突破了,写了个兼容多平台,符合W3C标准的页面,不容易啊,sleepy烂技术也要赶快升级咯! 雄起,雄起!
10月19

body{font:12px #000000; margin:0; padding:0;}
*{font-family: 宋体 !important}
*{font-size: 9pt !important}

即加上HACK语句

*{font-family: 宋体 !important}
*{font-size: 9pt !important}

Highslide JS
全部实例代码如下(IE5,6,7,8,FIREFOX3.5.3测试通过)

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ebook酒店预订</title>
<style type="text/css">
body{font:12px #000000; margin:0; padding:0;}
*{font-family: 宋体 !important}
*{font-size: 9pt !important}
#main{margin:0 auto; width:900px;height:600px;background:#008800;}
.top{position:relative;margin:0 auto; width:900px;height:80px;line-height:80px;background:#008800;overflow:hidden;}
.addfov{position:absolute;top:0;right:0;padding-top:0;width:100px; height:30px;background:white;line-height:30px;text-align:center;}
#left{float:left;margin-top:5px;width:300px;height:500px;background:black;overflow:hidden;}
#right{float:right;margin-top:5px;width:598px;height:498px;background:white;border:1px dashed gray;overflow:hidden;}
.link{margin:0 auto; margin-top:2px;width:898px;height:50px;line-height:50px;background:blue;border:1px dashed gray;overflow:hidden;}
.bottom{margin:0 auto; margin-top:2px; width:898px;height:100px;line-height:100px;background:yellow;border:1px dashed red;overflow:hidden;}
</style>
</head>
<body>
<div id="main">

<div class="top">top
<div class="addfov">加入收藏</div>
</div>

<div id="left">
<div class="l1">l1</div>
<div class="l2">l2</div>
</div>

<div id="right">
<div class="r1" style="float:right;width:598px;height:250px;background:#CC0066;">r1</div>
<div class="r2" style="float:right;width:598px;height:250px;background:#CC0077;">r2</div>
</div>


<div class="link">友情链接link</div>
<div class="bottom">bottom</div>

</div>
</body>
</html>

10月18
刚刚看到的《青年文摘》2009 21 十一月上半月刊,贴上来一起分享
    据说.一个人的消费习惯首先在于培养。
    我曾经问我们这儿最奢华的酒店老总,为什么他的酒店要卖,VIP卡.他说,正常五星酒店的消费.估计大众都无法承受。通过VIP卡的方式.可以吸引一些本地顾客,另外就是培养消费群体,比方说,两位消费送一位,很多人一折算下来,不顾贵,于是就带着朋友或者客户来了.又尊贵又大方。还有些家长带着孩子来消费,这下就有意思了,孩子长大了.习
惯了大酒店的服务.这个群体就培养起来了。
    否则,即使你有了条件,你也想不起到本地最奢华的酒店去享用晚餐。只有等这个群体壮大了.酒店前期的投资才容易收回。
    我于是想到马云没上市的B2C.淘宝现在日益红火了.我以为马云赚钱了。而实际上却没有.他还在不断地往里砸钱。支付宝是免费的,淘宝是不收钱的,一切都还得往里面投资。因为大家还没有形成电子商务的消费模式。这个消费群体依旧在培养期间。就好比网络刚形成之初.没多少人习惯网上搜索新闻,没多少人有网络阅读的习惯。而到了今天.在线阅读.新闻传播,网络绝对是一个优势大项。就好比是奥运会里的田径、游泳啥的。
    马云的做法.就是一句话:为习惯性购买或者说消费“砸”钱。等马云的受众们一旦习惯了这种消费模式.马云就开始坐收渔利。
    我现在已经习惯足不出户在淘宝上购物了。
    我现在已经习惯电子阅读了。
    我现在已经习惯网络发表文章了。
    我现在已经离不开MSN了。
    而且:我现在也到贵得吓死人的地方去消费了.哪怕就我一个人。
    你若沉湎于不要钱的游戏.就会有你心甘情愿地交钱那一天。
    “等你开始想念我,我就开始收费。”商家就是这样,耐心细致地搭建起平台织好渔网,目的只有一个:赚“习惯”的钱。
10月17
如何对搜索引擎友好,让更多的很好的资源,原创内容被收录,被搜索,被共享,我们不光要写出漂亮的代码,做出很棒的博客系统,写出更多的好文章,原创内容,我们还要尊重搜索引擎的脾气与习惯与他们叫朋友,让我们一起努力,一起进步!
这里建议大家看书的同时一定要付诸实践,知识在应用中是财富,在大脑中只是脂肪!

感谢DIYIDU兄弟的收集,我全部下载下来,大家一起下载吧!
图书目录如下:
SEO搜索引擎优化基础教程

SEO搜索引擎优化高级教程

搜索引擎优化(SEO)知识完全手册

影响搜索引擎排名的77个因素

SEO基础知识及操作技巧手册

搜索引擎优化魔法书(SEO Magic Book)

搜索引擎优化(SEO)从入门到精通

SEO实操手册
8本seo搜索引擎优化电子书打包下载(多是PDF格式)
另外点这里可以查看更多
分页: 139/218 第一页 上页 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 下页 最后页 [ 显示模式: 摘要 | 列表 ]