方法:将
psd格式
的图片用PS(Photoshop)打开,在工具栏的地方有一个选项直接可以将psd文件形式转换成HTML的格式(注意是保存文件类型位html)
首先就是将PSD转换成HTML,有两种,一种是TABLE方式,另一种是DIV+CSS方式,当然TABLE简单,DIV+CSS用习惯了更简单,你也可以用PSD的切图工具将其切好后进行生成,但是效果不好,所以切好后进行布局,将图片拼上去就可以了,要考虑到浏览器的兼容性。楼上这说的,从没见过哪个软件可以生成DIV+CSS的- -将网页效果图切片成为HTML只用PS或者firework的切片工具将作网页时需要用到的图片切出再导成web格式,LZ可以先了解下网页的布局以及做网页时需要用到哪些图片,切出来的HTML是用table将每个图片装起来而组成的网页,可更改性低,建议LZ先用DIV+CSS写出网页大致框架,然后再把切出的图片填进去。
具体的转换步骤是:
切片工具切图--------文件----储存为web和设备所用格式---- 点击储存后在格式化一栏选择HTML和图像
搞定~,很简单的。LZ只需要了解切图工具的用法就可以了。
PS:图片一般储存为PNG格式。一个网页最少需要两次切图,先考虑好自己网页布局和需要的图片再切片导出,可以大大提高工作效率哦~
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)