怎么用photoshop做好图片切片WEB的模式保存HTML,在dreamweaver8打开后,怎样添加编辑内容?
希望能得到大虾们的详细步骤的解答,本人对dreamweaver8比较陌生,新手,谢谢~ 展开
建议你不要用photoshop做切片,
把你的PSD档用fireworks开启,
使用Fireworks的切片功能分割你的网页图片,
将PSD档另存成PNG档案,
接着做2次导出,
第一次导出网页的时候时,将所有切片的类型设定为 "图像" (有两种选择 Html & 图像----》代表编辑区跟图片)
如果你没有将所有的页面都做切片的话,记得勾选“包括无切片区域”。
并勾选"将所有图像放入子文件夹的选项"(方便你找图档)
然后你在Fireworks的环境下,将你要修改做网页编辑的切片区设定成"Html"类型,然后再输出一次,这个时候你到Dreamweaver开启你刚导出的Html档,你会发现Html的切片区变成没有图案了,
这时最后一个步骤就是在属性栏位(画面下方单元格属性里的背景栏)设定切片区的背景,点取没有背景的切片区,然后点背景栏位旁的资料夹图示,到images档案夹里找你第一次输出的切片图片,并设定为背景就成功了。
这个时候你的html切片区就成为有背景图案又可以编辑内容的区域了,你可以画面左上角选择布局,在你要编辑的地方加入表格,然后在表格内编辑网页内容,放置图片等等,觉得表格有框线难看的话,可以设定"边框"为0。
大致上就是这样,还有疑问的话给我留言吧。
2024-07-20 广告