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

html-css017

如何将psd网页切图转换成html,第1张

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里将这个PSD格式的文件拼合图层，压平为一张单层图像。存储为jpg或gif格式。

2）在PS里是不能直接存储为html格式的，您需要将这个jpg或gif格式拖到 ImageReady 软件里

这个软件一般是和PS捆绑在一起安装的，在专业的处理网页格式的软件，存储为web类型的

格式即可，例如存储为html 或 htm

可以的。

方法：将

psd格式

的图片用PS（Photoshop）打开，在工具栏的地方有一个选项直接可以将psd文件形式转换成HTML的格式（注意是保存文件类型位html）