CSS教程之CSS Sprite优化:削减HTTP链接数

在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？
　　CSSSprite最年夜的优点是：削减HTTP链接数。

　　页面上的数据，经由过程TCP/IP包传输。在1MADSL情况下，网速最年夜值为128Kb/s,MTU(Maximum

　　TransmissionUnit)的巨细默许为1500bytes.往失落TCP/IP的头部信息40bytes,一个package能够包容的文件巨细为1460bytes.上面是一张表示图：

　　

登录/注册后可看大图

　　必要的包越少，意味着速率越快。

　　例子：淘宝首页有一张sprite:hd_20090313.png,巨细为5.71KB(5848bytes).必要5个包来传输（5848/1460=4.005）。看数据，只多出了8bytes.优化到5840bytes后，就能够削减一个传输包。

　　大概隐恶扬善了，但关于关头页面，任何细节优化，偶然都是值得的。

　　相似的，关于页面中的链接数目，也能够思索扫瞄器的最年夜并发数来做细节优化。好比，在Firefox下，统一个host的最年夜并发数为6,增添链接数对下载工夫的影响以下：

　　

登录/注册后可看大图

　　当链接数从6的整数倍增1时，下载工夫分明增年夜。思索IE6最年夜并发数是2,削减链接数时，只管削减到偶数，是一个不错的优化守则。

　　参考材料

　　CSSSprites:ImageSlicing’sKissofDeath

　　CSS,ImageSprites,BackgroundImagesandWebsiteOptimization

　　PS:出一道标题考考人人：CSSSprite的弱点是甚么？

目前我们的站就是div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

仓酷云

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。