Fw与Dw结合：看实例学切片(2)

　Dreamweaver部分　　1.在DW里插入表格.3行3列,506象素宽(图片的宽度),其余参数为0


　　2.插入图片，在上下左右四个角和中间插入图片,这样,九个格子就有五个是满的了　　3.设置背景图
+ i2 e3 u# X7 w6 |9 r
5 h* N" N) T( C
　　给剩下的四个格子设置背景图.因为表格的背景图是平铺的,所以作为设置作为背景的图片(如图中的engine_top)只需要3*13或13*3的尺寸.

( q( l/ N% B) q( @1 Q9 c( k& p
: m% k0 H: e4 [" n9 }　　在DW里看来,似乎就这样好了.那按F12预览一下看看:



# Z* e4 r( r# H+ H" k5 y　　为什么在DW里看是好的预览时却是这样呢?　　4.查看源代码.　　把视图切换到\\\"Code and Design(源码和设计?)\\\"模式,看到表格对应的代码如下:[tr]& n b s p;

% d& o3 z0 h7 S[/td]& n b s p;
# c4 L! J( v5 x* Q7 I [/td]
6 l) o7 |: ]5 O) t7 n [/td]& n b s p	d% Y; k: v* M/ Q , H/ \0 i/ d: o4 `

　　那些我们只设了背景图而并没插入任何东西的格子里都有一个:& n b s p;用DW画表格如果不插入任何东西就会有这样的一串代码,反映到浏览器上就会是一个空格,因为有了空格,就把表格撑开了,我们只需手动在源代码里把这些东西删掉就行了.再预览一下,OK了!　　另外,你也会发现,中间那个图可以是任何尺寸的图片,不仅仅是480*99.