网页设计中很多PSD模版,该怎么使用PS做好了后然后是不是要用CSS+DIV布局

html-css09

网页设计中很多PSD模版,该怎么使用PS做好了后然后是不是要用CSS+DIV布局,第1张

psd做好了未必一定需要使用div+css方式来布局,还可以做好辅助线,然后根据需要裁剪图片,然后使用Dreamweaver建立表格,将图片按照既定的布局插入,也是可以的。

其实不要恐惧切片,切片结束之后,选择按照web方式保存,你可以迅速得到一个带切好图片的网页,不明白的话可以1414

739联系我

psd文件没有div+css的切图功能吧!只有存储为Web所用格式,这个基本上是用表格来进行自动生成一个网页,而且也没有css文件,如果你想将psd文件全部还原成代码的话,那只能通过自己一点点积累写成一个页面,没有其他的捷径可以做到。

1. psd按1:1比例做好图,分辨率设置为72

2.做好图后将你需要的图片单独切下来,用psd生成的网页基本上没用(1.代码很累赘,2.不方便修改,3.生成的是table格式)所以最好是自己手动重写

3.div+css 按照你的网页设计来布局,写DIV时尽量简洁,不要多层嵌套,最好不要超过3层

4.如果图片都很小的话 可以整合到一张图片(01.gif)上 利用坐标控制 ,首先建一个固定大小的div层(如:id设置为 A),再给这个层设置背景,然后利用坐标控制背景的位置,如(#A{background:url(images/01.gif) no-repeat 10px -20pxwidth:20pxheight: 20pxfloat: left})注:图片最好用 gif格式因为png在IE6中不透明很麻烦!

5.试几下就明白了哈~~