开发学院图形图像 Fireworks Fireworks与Dreamweaver结合：看实例学切片阅读

Fireworks与Dreamweaver结合：看实例学切片

　2007-04-18 08:57:26　来源：WEB开发网　　　

核心提示： 为什么在DW里看是好的预览时却是这样呢?4.查看源代码.把视图切换到"Code and Design(源码和设计?)"模式,看到表格对应的代码如下:<table width="506" border="0" cellspac

为什么在DW里看是好的预览时却是这样呢?

4.查看源代码.

把视图切换到"Code and Design(源码和设计?)"模式,看到表格对应的代码如下:

<table width="506" border="0" cellspacing="0" cellpadding="0">
　<tr>
　　<td><img src=http://tech.ddvip.com/2007-04/"engine_top_left.gif" width="13" height="13"></td>
　　<td background="engine_top.gif">& n b s p;</td>
　　<td><img src=http://tech.ddvip.com/2007-04/"engine_top_right.gif" width="13" height="13"></td>
　</tr>
　<tr>
　　<td background="engine_left.gif"> </td>
　　<td><img src=http://tech.ddvip.com/2007-04/"engin_mid.jpg" width="480" height="99"></td>
　　<td background="engine_right.gif"> </td>
　</tr>
　<tr>
　　<td><img src=http://tech.ddvip.com/2007-04/"engine_bottom_left.gif" width="13" height="13"></td>
　　<td background="engine_bottom.gif">& n b s p</td>
　　<td><img src=http://tech.ddvip.com/2007-04/"engine_bottom_right.gif" width="13" height="13"></td>
　</tr>
</table>

那些我们只设了背景图而并没插入任何东西的格子里都有一个:& n b s p;用DW画表格如果不插入任何东西就会有这样的一串代码,反映到浏览器上就会是一个空格,因为有了空格,就把表格撑开了,我们只需手动在源代码里把这些东西删掉就行了.

再预览一下,OK了!

另外,你也会发现,中间那个图可以是任何尺寸的图片,不仅仅是480*99.

上一页 1 2 3