仓酷云

标题: CSS教程之CSS Sprite优化:削减HTTP链接数 [打印本页]

作者: 飘灵儿 时间: 2015-1-15 23:40
标题: 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就只是布局元素.

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

作者: 精灵巫婆 时间: 2015-1-23 20:56
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 愤怒的大鸟 时间: 2015-1-31 20:37
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 山那边是海 时间: 2015-2-7 01:23
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 再现理想 时间: 2015-2-19 12:36
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 只想知道 时间: 2015-3-6 15:18
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 老尸 时间: 2015-3-13 04:09
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 仓酷云 时间: 2015-3-20 12:35
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

欢迎光临仓酷云 (http://ckuyun.com/)