怎么样才能 把 ps切片的图片生成多个table的html

怎么样才能 把 ps切片的图片生成多个table的html,第1张

第一步:切片后生成html

第二步:把html里body里的所有标记拿到母板页中,当然,母板页body中事先清理干净

第三步:把所有图片放到解决方案下工程的某个文件夹中

第四步:按照现在图片的地址,把原有标记里制定图片地址都换成现在的地址

第五步:将所有单元格中加载的图片都换成这个单元格的背景,图片的大小值,设置当前单元的宽高与这个图片的宽高相等

第六部:你可以在单元格里拖你要的控件了,当然,在做图片的时候,你的图片已经预留出了某个空白区域放什么控件,切片的时候,把那个要放控件的区域直接就切成一个单元格,

我就是这样弄的,不知道你明白我的意思没?

二 按网页的结构和图片的特点进行切片切片的大水上和位置可以通过切片选项来进行调整三 选择文件菜单 另存为WEB格式命令,保存时会生成index.html 图片文件会存放在images文件夹中(CS3要选择存储为html和图片)四 使用Dreamweaver软件打开刚刚保存生成的html文件进行编辑,删除不必须的图片和进行内容的填充。切片原则和常见问题:一 切片是生成表格的依据,切片的过程要先总体后局部,即先把网页整体切分成几个大部分,再细切其中的小部分。二 对于渐变的效果或圆角等图片特殊效果,需要在页面中表现出来的,要单独切出来三 在DW中进行编辑时,少用图片,如果能用背景颜色代替的就使用背景颜色 能使用图案的也尽可能使用图案平铺来形成背景删除图片的时候记住图片的长宽,再插入一个相同长宽的表格。使用表格长宽一样的图片做为单元格的背景。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6099109.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存