关于psd文件转换成html和css的问题

html-css015

关于psd文件转换成html和css的问题,第1张

...

如果自己不懂,可以在网上学习一下 www.w3school.com.cn 很多人在这个网站学习的,包括偶。

当然,你自己不想学的话,可以花钱给别人做。

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

只能转换成XHTML,CSS是没法自动生成的。并且转换成的XHTML是以table布局,而不是以div布局的。给你说一下怎么生成XHTML,选择切片工具,PS cs3中快捷键是K,在PS文件中按你构想的结构切割,画出一块块方块,然后执行:文件-存储为web和设备所用格式,打开对话框,点击储存,在新弹出的对话框下方,选择保存类型为:HTML和图像,选择切片为:所有切片,点击保存。OK!