Question

急将psd网页模版转换为html的详细讲解

将psd(图片)化成切片后另存为图像和html后,打开html还是只是图片啊拼凑一起的啊.如何把图片上的文字和图像做彻底的分离啊?还有是用css精确定位的吗?怎么个定法?请哪位大虾给提供详细的介绍或给提供个视频教程的共在线观看或下载,谢谢,可以追加分的.
请诸位一定要帮忙啊!

Answer 1

我来回答~
psd，是photoshop文件。你切片好后，点文件---存储为web所用格式---存储---选对路径就好了。等你存好后，你可以看见两个东西，一个是image文件夹，里面是你切片后形成的一张一张的图片，另一个文件是html文件，可以用dreamweaver打开，编辑。

图片上的文字和图像做彻底的分离，这个要用photoshop，这个是图层的问题，如果你用过photoshop就一定知道了。

关于css，你切片好后，是table的，不是加css的，css只是格式的控制，排版可以用两个，table（表格）和div（层），这些是dreamweaver的基本东西，可以去学学，我是做网站的，要分啊。要是说的好的话就把分给我吧~

不知道你的基础怎么样，所以不太好说。欢迎提问~

Answer 2

PSD网页模板主要是为了看静态效果图，现在很少这么做了，现在大部分网站都是动态的，一般用Axure来做网站交互式原型设计
PSD-HTML，当然不能直接转换
1、首先用Photoshop打开PSD源文件
2、适当编辑修改（例如文字，颜色，布局等）
3、然后使用钢笔工具切片，尽量保证切片合拼后能复原原效果图
4、将切片图片存储在网站更目录image文件夹下备用
5、开始准备撰写必要的html代码
6、将切片图片插入当网页相应位置，然后通过CSS调整样式即可
不过很多以前的网页前端设计师都是这么做的。