来谈谈：网页计划中审慎利用CSS sprites
表现和结构分离，在团队开发中更容易分工合作而减少相互关联性网页制造Poluoluo文章简介：CSSsprites是网站速率的优化很主要的一环，但也有其对功能的倒霉的地方。
CSSsprites是网站速率的优化很主要的一环，但也有其对功能的倒霉的地方。
VladimirVukićević的博文《ToSpriteOrNotToSprite》提到：
CSSsprites的最年夜成绩是内存占用。非准确机关的sprite图片会占意图想不到的内存空间。以WHITTV网站为例，这里是一张sprite图片，1299x15,000的png，已经由很好的紧缩，实践下载巨细只要26K摆布，可是扫瞄器不会转换紧缩的图象数据。当图片下载并解压，将泯灭75MB内存(1299*15000*4)。假如图片没有阿尔法通明，大概会减小到1299*15000*3，可常常仍是就义了衬着速率。即使云云，我们占用了55MB内存。这张图片尽年夜部分是空缺的，甚么都没有，没有甚么有效的内容。仅仅由于这张图片，当扫瞄器只加载WHIT主页时会增添75+MB内存。
MozillaWebDevelopmentBlog在《UseSpritesWisely》中总结道：
简而言之，即便是很小的sprite图片也有大概吃失落大批的体系内存--每一个页面50M乃至100M大概更多。速率固然相当主要，但要意想到sprite及其他hacks一样会影响用户体验。
如今再回过火看之前的《Yahoo与Gmail的CSSSprites对照》，综合功能方面Gmail无疑占了下风。固然，这些只是前端层面的优化，从本源下去看，计划师用起码的图片来完成最优的效果才是霸道。
正如雅虎女工程师NicoleSullivan在Velocity2009年夜会演讲PPT《TheFastAndTheFabulous》所提到的：
consistentdesign=cleancode=fastsite（分歧的计划=更洁净的代码=更快的网站）
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。 滚动条)层属性--溢出(visible/hidden/scroll/auto) Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。
页:
[1]