怎样在dreamweaver将PS切片得到的一个图像设为该图像位置的背景

我想在images/分页-3-copy_01.gif上面添加文字,打算将images/分页-3-copy_01.gif,在它这个位置上设置它为背景,再进行文字添加,代码发给我就行。

原代码:
<html>
<head>
<title>分页-3 copy</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (分页-3 copy.jpg) -->
<table id="__01" width="1004" height="2096" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/分页-3-copy_01.gif" width="500" height="908" alt=""></td>
<td rowspan="3">
<img src="images/分页-3-copy_02.gif" width="1" height="2096" alt=""></td>
<td>
<img src="images/分页-3-copy_03.gif" width="503" height="908" alt=""></td>
</tr>
<tr>
<td>
<img src="images/分页-3-copy_04.gif" width="500" height="1" alt=""></td>
<td>
<img src="images/分页-3-copy_05.gif" width="503" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/分页-3-copy_06.gif" width="500" height="1187" alt=""></td>
<td>
<img src="images/分页-3-copy_07.gif" width="503" height="1187" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

第1个回答  推荐于2016-08-02
<html>
<head>
<title>分页-3 copy</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (分页-3 copy.jpg) -->
<table id="__01" width="1004" height="2096" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:url(images/分页-3-copy_01.gif) no-repeat; width:500px; height:908px;">这里就是你要写的文字</td>
<td rowspan="3">
<img src="images/分页-3-copy_02.gif" width="1" height="2096" alt=""></td>
<td>
<img src="images/分页-3-copy_03.gif" width="503" height="908" alt=""></td>
</tr>
<tr>
<td>
<img src="images/分页-3-copy_04.gif" width="500" height="1" alt=""></td>
<td>
<img src="images/分页-3-copy_05.gif" width="503" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/分页-3-copy_06.gif" width="500" height="1187" alt=""></td>
<td>
<img src="images/分页-3-copy_07.gif" width="503" height="1187" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

建议一下楼主,做网页的时候,无论是站点还是站点里所有的文件和图片,最好都用英文命名,有时中文会出现错误。本回答被提问者采纳
第2个回答  2009-11-18
真晕。你以为网页是这样做出来的?
第3个回答  2009-11-18
<td style="background-image:url(images/分页-3-copy_01.gif);">
导航
<td>

在PS里面切片后,怎样在dreamweaver里面将其中的一个切片变成背景图片...
.divBg{background:url(images\/*.jpg) no-repeat;} \/\/背景图片的路径,背景不重复,如果需要重复修改代码 no-repeat 修改成 repeat 平铺 repeat-x 水平平铺 repeat-y 垂直平铺 需要使用到的地方,调用就 divBg 就可以了,比如: ...

ps切片后,如何用Dreamweaver排版呢
PS切片之后,选择菜单“文件”-“存储为web格式”(快捷键ctrl+shift+alt+s);点击确定,选择格式和HTML 确定后出现图片和代码(images文件夹和html格式文件)将上图中的html文件用dreamwaver打开并且已经排版好;修改成自己想要的效果即可。

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

DW怎么用站点把PS切片导入
如果切片后同时保存了html文件,在dreamweaver中点击html文件就可以编辑。如果没有保存html文件,那么在dreamweaver里新建网页,并利用表格或div+css布局,把切片插入到网页里或作为背景使用的--这是图片使用的使用方法。

用PS切片后,将图片插入到dreamweaver中,怎么样将图片自由移动到合适位置...
图片安插的位置是根据你写的代码来决定的,你设置指定的位置就可以了

PS用切片工具制作的网页布局怎么在Dreamweaver8怎么中插入背景
将背景切成一像素的细条,在dreamweaver中,div设置成 body{ margin:0 auto; background:url(..\/images\/beijing.gif) repeat-x; width:1002px;}其中宽度可以自己设置,还有repeat-x是横向的重复,你的渐变是从上到下的就用x从左到右就用y,beijing.gif即1像素的背景切片 ...

...一个Dreamweaver CS6的问题 如何将图片中的一小块切片变成背景图
请问你的一小块的图片是分开的吗?

如何在DREAMWEAVER中使用用PS或FIREWORK中用切片工具切割的图像
在ps用切片工具对你设计的图片文件进行切割之后,可以直接生成网页文件(在"文件"选项里面),生成之后在dw打开这个网页你就会看到组织好的切片了 dw里面帮助>教程里面,你搜索"切片"就会有最官方最权威的解释.这里不必赘述了.

PS切片后的旺旺到Dreamweaver里面没有背景,求大师赐教怎样做有背景的...
你切过的旺旺头像带有白边,你需要在PS里把白边去掉,然后保存成没有底图的PNG格式。PNG格式的图片支持透明背景,放到别的图片上就没有白边了。

在ps里把图片做好后切片后怎么不能保存为web所用的格式啊
这时最后一个步骤就是在属性栏位(画面下方单元格属性里的背景栏)设定切片区的背景,点取没有背景的切片区,然后点背景栏位旁的资料夹图示,到images档案夹里找你第一次输出的切片图片,并设定为背景就成功了。这个时候你的html切片区就成为有背景图案又可以编辑内容的区域了,你可以画面左上角选择布局...

相似回答