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

来源：百度知道 编辑：UC知道 时间：2024/05/31 11:32:38
如何将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>

导出一些有用图像元素，然后导出整张图片。在DREAMWEAVER网页编辑软件，页面属性--跟踪图片--选择那张整的图片，设好透明度，就可以根据图片来设计，当然如果想弄得好，要学好CSS等

用PS打开`做好切片后``然后在点文件→储存为WEB和设备所用格式→储存(在保存类型那里选择图象和HTML即可)