如何将psd网页切图转换成html_随笔

psd网页切图转换成html，其实psd的切图就是网页前端的初步设计，这时候，网页的形象已经出来了，然后需要做的就是前端人员将psd的切图，参考psd去用html+css等一些语言去完成设计，如网站的背景，就需要css的background来实现，具体看下代码：

<html>

<head>

<style>

body{

width:960px

//限定网页的宽度

margin:0

auto

boreder:1px

solid

#f00

//加个边框利于观察

}

</style>

</head>

<body>

<p>我是测试文字</p>

</body>

</html>

1、在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮。

2、选中需要处理的PSD文件，点击打开。

3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割，如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件，选择存储为WEB选项。

6、在d出的对话框中，点击存储按钮。

7、在d出的存储对话框中，选择文件格式html和图像以及所有切片，点击保存。

8、打开文件存储的路径，可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。

欢迎分享，转载请注明来源：内存溢出

如何将psd网页切图转换成html