1、在电脑上打开PS软件,在软件的菜单栏中找到文件,点击后选择打开按钮。
2、选中需要处理的PSD文件,点击打开。
3、在软件的导航栏中选择切片工具。
4、用切片工具在图片上进行所需要的分割,如本例中分为上下两块。
5、在软件左侧的菜单栏中点击文件,选择存储为WEB选项。
6、在d出的对话框中,点击存储按钮。
7、在d出的存储对话框中,选择文件格式html和图像以及所有切片,点击保存。
8、打开文件存储的路径,可以看到生成了一个images文件夹和有网页图标的文件。
9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。
psd,是photoshop文件。你切片好后,点文件---存储为web所用格式---存储---选对路径就好了。等你存好后,你可以看见两个东西,一个是image文件夹,里面是你切片后形成的一张一张的图片,另一个文件是html文件,可以用dreamweaver打开,编辑。图片上的文字和图像做彻底的分离,这个要用photoshop,这个是图层的问题,如果你用过photoshop就一定知道了。
关于css,你切片好后,是table的,不是加css的,css只是格式的控制,排版可以用两个,table(表格)和div(层),这些是dreamweaver的基本东西
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)