怎么用photoshop做好图片切片WEB的模式保存HTML,在dreamweaver8打开后,怎样添加编辑内容?

我在PS里面做好了图,然后切片WEB保存为HTML,我在dreamweaver8里面打开后不知道怎么在上面添加图片和文字,目的是想在dreamweaver8里面底图是我在PS里面做的图片,上面可以添加图片和文字等内容,要怎么做?谢谢~
希望能得到大虾们的详细步骤的解答,本人对dreamweaver8比较陌生,新手,谢谢~

建议你不要用photoshop做切片,

把你的PSD档用fireworks开启,

使用Fireworks的切片功能分割你的网页图片,

将PSD档另存成PNG档案,

接着做2次导出,

第一次导出网页的时候时,将所有切片的类型设定为 "图像" (有两种选择 Html & 图像----》代表编辑区跟图片)

如果你没有将所有的页面都做切片的话,记得勾选“包括无切片区域”。

并勾选"将所有图像放入子文件夹的选项"(方便你找图档)

然后你在Fireworks的环境下,将你要修改做网页编辑的切片区设定成"Html"类型,然后再输出一次,这个时候你到Dreamweaver开启你刚导出的Html档,你会发现Html的切片区变成没有图案了,

这时最后一个步骤就是在属性栏位(画面下方单元格属性里的背景栏)设定切片区的背景,点取没有背景的切片区,然后点背景栏位旁的资料夹图示,到images档案夹里找你第一次输出的切片图片,并设定为背景就成功了。

这个时候你的html切片区就成为有背景图案又可以编辑内容的区域了,你可以画面左上角选择布局,在你要编辑的地方加入表格,然后在表格内编辑网页内容,放置图片等等,觉得表格有框线难看的话,可以设定"边框"为0。

大致上就是这样,还有疑问的话给我留言吧。

温馨提示:内容为网友见解,仅供参考
第1个回答  2009-12-15
对啊,在<body style="background:url(图片地址)">这样设置上
第2个回答  2009-12-15
用img标签加呀
第3个回答  2009-12-15
用DW打开后,要添加文字的地方,将图片设置为单元格背景,然后在单元格添加你的图片或者文字即可!!!!

怎么用photoshop做好图片切片WEB的模式保存HTML,在dreamweaver8打开后...
如果你没有将所有的页面都做切片的话,记得勾选“包括无切片区域”。并勾选"将所有图像放入子文件夹的选项"(方便你找图档)然后你在Fireworks的环境下,将你要修改做网页编辑的切片区设定成"Html"类型,然后再输出一次,这个时候你到Dreamweaver开启你刚导出的Html档,你会发现Html的切片区变成没有图案...

怎么用photoshop做好图片切片WEB的模式保存HTML,在dreamweaver8打开后...
你自己做的图为背景图片,在DW中之直接用CSS定义body{background:url();},页面上的图片直接用<IMG SRC >调用

怎么保存和上传有切片的图片
点击photoshop工具栏中的文件—存储为web所用格式,或直接点击Ctrl+Shift+Alt+S组合键,如图二所示。然后会弹出存储选项窗口,在这里你可以用切片工具选中制作好的切片区域单独设置保存质量,也可以按Ctrl+A把所有切片全部选中一起设置,右侧的保存格式设为JPG,质量为高,品质为60即可,然后点击存储。最后...

photoshop或者firework中如何将做好的切片保存成网页背景?
在Photoshop中单击“文件”-“存储为web和设备所用格式”。调整好之后单击“存储”,选择“保存类型”为“图像和html”格式就可以了。你的html文档本身就是显示出了一张图片背景,你可以将你的html图片放入到Dreamweaver中进行编辑,你就可以取代切片位置的小图片了,而且也可以在上面写字什么的。

ps切片后怎么存储为web后为什么是两种格式
建议你不要用photoshop做切片,把你的psd档用fireworks开启,使用fireworks的切片功能分割你的网页图片,将psd档另存成png档案,接着做2次导出,第一次导出网页的时候时,将所有切片的类型设定为 "图像"(有两种选择 html & 图像---》代表编辑区跟图片)如果你没有将所有的页面都做切片的话,记得勾选...

photoshop切片后保存html和图像格式在dreamweaver里面显示不出图片?
firework配合dreamweaver应该好用点,你说的这种情况应该是没把切片文件复制到网站文件夹下面,制作模版的过程是切片好了把网页文件和图片文件夹都复制到你的网站根目录下面,然后新建文件-命名-制作-主体都做好后保存为模版文件(.dwt格式),这样的文件不能直接预览的,要放在你别的页面里才行。要想按照...

photoshop网页设计怎么保存ps制作网页保存什么格式
1、电脑打开Photoshopcc2019。2、打开Photoshop后,打开一张图片编辑好。3、编辑好图片后,点击PS左上角的文件。4、然后点击文件中的导出,再选择导出中的存储为web所用格式。5、选择导出web格式后,进入存储界面,可以点击选择保存格式。6、选择保存格式之后,点击下方的存储就可以了。ps怎么保存为html...

用PS做好的网页页面怎么放入DW里
使用Photoshop(PS)制作网页设计时,可以通过切片工具将设计内容分割为多个图片元素,便于后续在Dreamweaver(DW)中整合。完成PS设计后,应用切片工具,将设计内容分割为多个图片,并将它们保存为适合网络和设备使用的格式。在保存过程中,会生成一个名为“images”的文件夹,以及包含网页预览效果的HTML文件。

photoshop切图怎么导入dreamweaver
方法与步骤:(1)首先用Photoshop软件打开素材图片,鼠标长按裁剪工具直到出现下拉选择框时,选择“切片工具”,如下图:(2)用“切片工具”对素材图片进行适当的切片分区。如下图:(3)点击Photoshop软件顶部菜单栏“文件”,在下拉菜单中选择“另存为web所用格式”,软件弹出对话框,如下图:(4)...

怎么用ps和dw结合做一个网页?
使用Photoshop和Dreamweaver结合制作网页,流程十分简洁。首先,在Photoshop中,运用切片工具将设计好的网页版面进行切割。接着,通过文件菜单中的保存选项,将切片保存为网页格式。这里,记得在保存时选择文件和图像选项,这样便能生成一个基本的网页文件。完成后,将保存的文件导入到Dreamweaver中,即可在该平台...

相似回答