psd转html教程,psd转h5

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

楼上这说的，从没见过哪个软件可以生成DIV+CSS的- -

将网页效果图切片成为HTML只用PS或者firework的切片工具将作网页时需要用到的图片切出再导成web格式，LZ可以先了解下网页的布局以及做网页时需要用到哪些图片，切出来的HTML是用table将每个图片装起来而组成的网页，可更改性低，建议LZ先用DIV+CSS写出网页大致框架，然后再把切出的图片填进去。

具体的转换步骤是：

切片工具切图--------文件----储存为web和设备所用格式---- 点击储存后在格式化一栏选择HTML和图像

搞定~，很简单的。LZ只需要了解切图工具的用法就可以了。

PS：图片一般储存为PNG格式。一个网页最少需要两次切图，先考虑好自己网页布局和需要的图片再切片导出，可以大大提高工作效率哦~

ps图片如何生成html

1、首先，在ps中打开一张要处理的图片。

2、然后，在左侧的工具栏中点击切片工具。

3、接着，用切片工具把图片分成4份。

4、之后，再依次点击左上角的文件——存储为web所用格式。

5、在弹出的窗口中点击存储的按钮。

6、最后，弹出的保存窗口中把格式选择为HTML图像，再点击保存按钮即可。

怎样将psd文件转化为html格式

psd是PS的格式，用PS转成你想要的格式就可以了~！如果你想转了html就在文件-储存为WEB和设备所有格式-储存

就变成html格式了（不过图片文件还是在文件夹里面）

视频教程这个我就没有啦~！不过我说的绝对没有错~！因为因为我自己有时候也会用到~！

如何将psd网站模板转换成html网页形式

将psd网站模板转换成html网页形式，首先需要理解，psd的模版，只是对于网站的一个整理布局，使用图片的形式来做的，而在浏览器上需要过html+css+js等等这些技术手段才可以来做出来，如PSD的网站的背景颜色，在网页中，需要去使用background：#f00，来实现，psd其实就是一种参考，具体我们看下，一些小的代码设计：

html

head

style

body{

width:960px; //限定网页的宽度

margin:0 auto;

boreder:1px solid #f00 //加个边框利于观察

}

/style

/head

body

p我是测试文字/p

/body

/html

PSD文件怎么转化为html

psd是ps的格式，用ps转成你想要的格式就可以了~！如果你想转了html就在文件-储存为web和设备所有格式-储存

就变成html格式了（不过图片文件还是在文件夹里面）

视频教程这个我就没有啦~！不过我说的绝对没有错~！因为因为我自己有时候也会用到~！