项目下发下来以后,首先是栏目策划,理清栏目分类,后将栏目分类提交给程序员,制作栏目分类,当然,有时后台也不是以栏目分类来进行划分功能。在此只是提出常见的工作步骤。
栏目分类好以后,就开始打版。刚学的时候,是直接用DW画表格,添色块。工作一段时间以后通过同行指点,还是按PS先打效果图为先。居说这样可以在一张画布上统一风格。至少这样可以确保不至于到网站收工才看到最后效果。至于页面宽度上面脑子里面现在有几个数字。778。770。1002。
PS打完效果图以后就是切图。最早的时候对切图也是一无所知,最先用的是IMGAESREADY里面的切片工具,切吧,把要文字的地方图片都删掉。这样就成了一个页面。。。大概这样做,用了二个月,发现其中存在一些很重要的错误,即把文字放入切好的表格中,只要多一二个字,网页就面目全非,最常见的问题就是图片与图片中间有缝,全是一根一根的白线。那段日子里,最常见的口头缠就是:“MD,怎么又撑了”很影响美观且发现页面只有一个表格和网上见到的不一样。
仔细钻研网上的页面以后,发现都是表格套表格。至于用IMAGEREADY如何去实现就不得而知,后来考虑出一个新的切法,就是把一个自定的表格图片单独切出来,再把这个生成出的HTML文件去掉头尾放到预先留大表格中去。不过效果仍不明显。还是存在页面撑开的问题。后来听说FIREWORES网页切片功能蛮强的,稍微接触了FW以后,发现FW和IR之间的区别在于有无间隔文件,又去了解间隔文件。才发现当限定表格宽度或长度的时候,小于象素12(大概目测是12-15相素的距离)的时候,就需要插入间隔文件去撑一下,没有间隔文件的话,表格里的单元格就不会变窄。
了解到间隔文件以后就是试探,结合网上下下来的页面仔细推敲。然后总结出一套切图方式:1、PS打版2、在DW中画表格,制定好框架,当然,这些表格宽度都是参照PS版中的宽度来打的。PS中用选择框工具M键,F8,看到预定表格的长宽。3、表格做好后,不通过IR或FW切片工具来切图。直接把PS版生成最佳质量的JPG格式整图一张,或合并所有图层,用选择工具,一块一块的把需要的图片给扪下来。ALT+CTRL+S保存为网页格式。图片中含照片之类的图片就存成JPG,存相素化或渐变之类的就存在GIF。自已新建目录文件夹。再从DW中插入图片。到后面就套CCS,后面的事就归程序管了。至少现在做这些页面,想撑的话,难度也有一些了。过程中发现如果摸清了DW表格的性格,就好做很多。新锐友情提示切片这东西在初学者面前是个难度,希望这些能为一些初学者解决一些疑惑。