网站切片排版的四大秘诀

哇塞，你们知道吗？Zuo网站切片排版，就像画画一样，要讲究技巧哦！今天我就来给大家分享一下怎么样才Neng让我们的网站既好kan又好用，摆烂...。

圆角导航条的秘密

比如说 我们有一个圆角的导航条图片，这个图片两边dou有圆圆的角，中间还有漂亮的渐变色。我们就要把这个圆圆的角单独切出来然后中间的渐变色也要切，但是只切一个像素的条纹哦。这三个东西，我们Ke以把它们合并到一张图片里然后用CSS的positon属性来控制它们的位置。这样，我们的导航条就变得既漂亮又方便控制啦，琢磨琢磨。！

图片命名有讲究

实际上... 还有哦，图片的命名也hen重要呢！比如 我们不要叫什么index_02_01、index_01、index_02这样的名字，这样谁kan了dou不懂。我们要养成好习惯，把切好的图片名字取得有意义，这样一kan就知道是什么图片了。

CSS和图片的较量

通常Neng用CSS写的，我们坚决不用图片。主要原因是Ru果首页有hen多图片，网站打开的速度就会hen慢，就像蜗牛一样慢吞吞的。而且，每个图片dou要下载， 欧了！ 对服务器也是一个请求，这样就会增大浏览器和服务器之间的交互次数。所以Ru果我们Ke以用CSS来写纯色的部分，就不需要切图了这样网站的运行效率就会大大提高哦！

图片格式有讲究

是个狼人。 切割效果图的时候，图片的保存格式也hen重要呢！比如 我们用PhotoshopZuo的按钮或者图标，一般dou存成png格式，主要原因是png格式Ke以保存geng多的颜色。用相机拍的风景或者人物，一般用jpg格式保存，主要原因是jpg格式压缩效果好。还有，Ru果图片里面有透明效果，就要存成png-8的格式，这样文件小，而且支持透明哦！

切图技巧

好了 我了以下几点切图技巧，希望对大家有帮助：

• Neng用CSS写的，坚决不用图片。
• 图片命名要有意义。
• 根据需要选择合适的图片格式。
• 合理利用CSS控制图片位置。

网站制作的步骤

来日方长。 设计效果图→切图+制作静态html模板→嵌套至CMS，这些dou是网站制作的步骤。虽然切图是Zui简单的一步，但是里面也有hen多技巧哦！

网站改版和维护

Ru果在网站改版或者维护的时候， 要geng换图片，就需要一个一个从浏览器中右键查kan图片地址，然后记下那些长长的没有规律的图片名称。这样真的hen麻烦呢！所以我们在保存图片的时候，给它取个有意义的名字是hen必要的。

好了今天的分享就到这里啦！希望大家douNeng学会这些技巧， 从一个旁观者的角度看... Zuo出既好kan又好用的网站哦！