怎么把psd的文件转换成html5

html-css019

怎么把psd的文件转换成html5,第1张

您好!

1)您需要在PS里将这个PSD格式的文件拼合图层,压平为一张单层图像。存储为jpg或gif格式。

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

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

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

将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>