昆明网站建设信得过品牌,西南首家三维全景技术提供商,为您提供营销型网站建设服务。

首页 > 按月存档: 2010-04
返回

网站前端设计中的CSS Sprites

  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应用:在这方面,淘宝网做的比较好,我就以淘宝网为例吧。
[实例一:淘宝频道页面导航]
效果图:

sprites图:

   

[实例二:淘宝首页]
效果图:

sprites图:

CSS Sprites优点:
  CSS Sprites为什么突然跑火,跟能够提升网站性能有关。显而易见,这是它的巨大优点之一。
  1.利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
  2.个人认为CSS Sprites能减少图片的字节,我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

CSS Sprites缺点:
  诚然CSS Sprites是如此的强大,但是也存在一些不可忽视的缺点。
  1.在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好只够的空间,防止板块内不会出现不必要的背景,否则可能会出现出现干扰图片的情况;这些还好,做痛苦的是在宽屏,高分辨率的屏幕下的自适应页面,你的图片如果不够宽,很容易出现背景断裂;
  2.CSS Sprites在开发的时候比较麻烦,你要通过photoshop或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐;不过网上已经有高手开发出“CSS Sprites 样式生成工具”,大家可以尝试一下。
  3.CSS Sprites在维护的时候比较麻烦,sprites是一般双刃剑,如果页面背景有少许改动,一般就要改这张合并的图片,无需改的地方最好不要动,这样避免改动更多的css,如果在原来的地方放不下,有只能(最好)往下加图片,这样图片的字节就增加了,因为每次的图片改动都得往这个图片删除或添加内容,显得稍微繁琐,而且重新算图片的位置(尤其是这种上千px的图)也是一件颇为不爽的事情。当然,在性能的口号下,这些都是可以克服的。
  4.由于图片的位置需要固定为某个绝对数值,这就失去了诸如center之类的灵活性。

CSS Sprites总结:
  性能压倒一切。CSS Sprites非常值得学习和应用,特别是页面有一堆ico(图标)。总之很多时候大家要权衡一下利弊,在决定是不是应用CSS Sprites。为保持兼容性和维护性,sprites图片中的各个部分保持一定的距离是一种不错的做法。

当网站SEO不再有外链

  从事网站SEO工作的很多人都对排名=原创内容+高质量外部链接这个公式十分的推崇,一些高手在向新手传授什么是SEO时,往往首先也是拿这个公式来开始自己的表述。曾经有人在点石上也对seo难点在那里这个问题做个调查,结果还是在意料之中,链接资源和高质量的内容建设分别在前两位,而目前来说单纯为了排名,搞定这两点确实足以。

  外部链接已经不再是秘密,什么是高质量的外部链接大家也都心知肚明。所有seo人员都有自己获取高质量链接的办法,区别在于新手收集的资源要短,而高手由于开始的时间较早,所以拥有的资源也较多,在资源的合理配比上也更有心得。诚然在搜索引擎设计之初,通过外部链接来计算网站权重的做法的确算的上是搜索引擎的创举,通过公众的投票发掘出了很多优秀的网站,然而时至今日,这种公众的“投票”的透明化,变成了seo人员充分利用的工具,而优秀的本能够在搜索引擎中得到良好曝光率的网站却有苦说不出。

  庆幸的是就搜索引擎发展的趋势来看,搜索引擎已经开始注重内容,算法上也逐渐在减少spam链接带来的对搜索引擎本身算法的影响。而一些大的社区和博客也已经开始取消了超链接功能,单纯面向搜索引擎优化的行为得到了遏制,面向用户体验的做法成了越来越多人思考的方面。 

  云南SEO预测,如果seo不再有外链,那么我们seo人员的工作重点在那里呢?

  长远来看,我们和搜索引擎的出发点应该是一致的,都是为了让用户获得更有效率的搜索,最快的帮助用户找到他们所需要的内容。未来网站的趋势我认为只有两种网站,一种是大型门户网站,方面用户了解到最新的咨询和信息,这种网站的seo或许会变成so,另一种是功能性网站,为用户提供很好的娱乐空间,seo的工作将变成了ued,或是客服等售后服务部门。一个恒定的趋势是用户在改变和影响着网站,而不是网站在选择用户。

分类: 标签:,

2010年Google首次PR更新 本站PR从0升为4

  今天早上在床上用iphone查了一下PR都还没有更新,刚刚(下午15点左右)群里同事说PR更新啦,立马一看,哈哈,恭喜本博客PR从0升到4。

   这次PR更新是2010年来的第一次更新,本站从2010年1月20日开博以来,受到Google、百度的热情款待,索引数据更新很快,我每每更新,一般几分钟内就能收录,最长的也不超过2天就被Google和百度收录,同时带来的是各位朋友的点击。现在PR为4对于百度的影响不会很大,对Google来说本站的更新将收到更好的关注,同时应该会带来更多的朋友。

在此写下此文以示纪念吧。

   PR值目前基本和网页的排名没有什么直接联系了,不过首页的PR值在一定程度上还是能够反映出一个网站的质量,同时迄今为止也仍然是链接买卖的重要参考指标。

   PageRank 技术:PageRank 会通过解析一个具有 5 亿多个变量和 20 亿个条件的方程,对网页的重要性进行客观的测定。PageRank 会将网页 A 上指向网页 B 的链接解释为由网页 A 对网页 B 所投的一票,而不是计算直接的链接数。这样,PageRank 根据网页收到的投票数来评估其重要性。

   PageRank 也会考虑发出投票的每个网页的重要性,也就是某些网页的投票具有的价值较大,为该链接的页面赋予的价值因而也就较大。 重要的网页会得到较高的 PageRank,并出现在搜索结果的顶部。 Google 的技术是利用网络中的综合信息来确定网页的重要性。

   因为没有人工干涉,也不对结果进行操纵,所以用户一直信任 Google 是一个不会因付费而影响排名的客观信息来源。

当前页 2 总页 212

云南网站建设昆明网站建设信得过品牌。结合5年多的网站运营经验,为您打造最优质的网站推广平台。是你身边最贴切的网站运营专家。
关于我们
我们的服务
成功案例
网站地图
联系我们

全国免费服务电话:
400-642-6482
给我们发送邮件:
service@lvegu.net

昆明网站建设公司 Copyright © 2008-2011. 云南略谷网络科技有限公司 版权所有