CSS切图是什么?能形象点的解释一下吗?我不会代码,自学可以学会吗?完成页面设计后期需要CSS切图

html-css023

CSS切图是什么?能形象点的解释一下吗?我不会代码,自学可以学会吗?完成页面设计后期需要CSS切图,第1张

不应该叫css切图,应该叫网页切图。

网页设计图稿做好以后,要把图稿输出为网页放到网上给人看,需要图片根据需要切成一小块一小块的,有的直接写在html代码中插入网页,有的写到css里面做背景,通过html、css及js等代码和这些切成小块的图片组合起来形成设计稿上的样子。

具体怎么切,有很多细节,书店买点书看看,这个非三言两语能说清楚的。

切图就是把用设计软件设置好的图片切成相应的大小,切图后再把图片上传就可以可以加快显示速度,不用等整个图片都下载以后显示。

PS切图步骤:

1、打开PS,然后点击切片工具。

2、点击切片工具后,就可以把图片切成需要的大小。

3、切好图片后,点击导出web所用格式。

4、进入导出web所用格式页面,按住shift键把所有切片都选中。

5、导出格式设置为JPEG。

6、最后点击存储就可以了。

制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。