仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 683|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS Sprites优化网页代码的办法

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:44:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介:照猫画虎,把你网站上常常利用的web图片元素打包――好比你的logo,RSS图标,另有其他不会常常变动的器材。
利用CSSSprites是在你尽量地利用其他的优化战略后最初的一招。它将你的一切图片放在一张图中,即你的一张CSSSprites由10张图片构成,那将制止9次HTTP哀求,这削减的9次哀求时延,恰是减速的加载工夫。这也有成绩,跟每一个HTTP哀求的服务器开支一样,需由Apache的子历程办理,占用20MB的内存。你最好帮你的服务器历程削减HTTP哀求:卸载媒体到Web前端AmazonS3,诸云云类。
上面是两个CSSSprites,一个是Google的,一个是PaulStamatiou的。

照猫画虎,把你网站上常常利用的web图片元素打包——好比你的logo,RSS图标,另有其他不会常常变动的器材。用Photoshop大概你的图片编纂工具,把它们放在单个的图片里。你能够尽贴着安排图片,但如果你略微留点白再下一步选中会更复杂些,然后保留图片。
编写CSS代码
有了CSSSprites,你将要用CSS选择器对每一个只显现精灵中部分图片的链接举行处置:只需你必要的那部分。你必要晓得待显现图片的准确巨细和地位。这步用到Photoshop中的切片工具并选出你要用的那部分的图。对新切片右键单击,选择编纂切片。在弹出的窗口会有图片的分辩率和地位。

在这个示例中,我选用巨细为42
谁可相欹 该用户已被删除
沙发
发表于 2015-1-17 23:43:01 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
只想知道 该用户已被删除
板凳
发表于 2015-1-24 15:12:26 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
兰色精灵 该用户已被删除
地板
发表于 2015-2-1 19:49:51 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
飘灵儿 该用户已被删除
5#
发表于 2015-2-7 16:13:41 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
老尸 该用户已被删除
6#
发表于 2015-2-22 20:18:11 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
7#
发表于 2015-3-7 04:18:09 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
若相依 该用户已被删除
8#
发表于 2015-3-14 12:45:26 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
深爱那片海 该用户已被删除
9#
发表于 2015-3-21 09:40:33 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表