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

时间： 2021-07-31 作者：daque

dreamweaver局部　　1.在dw里插入表格.3行3列,506音素宽(图片的宽窄),其他参数为0

　　2.插入图片，在左右安排四个角和中央插入图片,如许,九个网格就有五个是满的了　　3.树立后台图

fw与dw结合：看实例学切片(2)图1

　　给剩下的四个网格树立后台图.由于表格的后台图是平铺的,以是动作树立动作后台的图片(如图中的engine_top)只须要3*13或13*3的尺寸.

fw与dw结合：看实例学切片(2)图2

　　在dw里可见,犹如就如许好了.那按f12预览一下看看:

fw与dw结合：看实例学切片(2)图3

　　干什么在dw里看是好的预览时却是如许呢?　　4.察看源代码.　　把视图切换到"code and design(源码和安排?)"形式,看到表格对应的代码如次:<table width="506" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://edu.chinaz.com/get/photo/fireworks/engine_top_left.gif" width="13" height="13"></td><td background="engine_top.gif">& n b s p;</td><td><img src="http://edu.chinaz.com/get/photo/fireworks/engine_top_right.gif" width="13" height="13"></td></tr><tr><td background="engine_left.gif">& n b s p;</td><td><img src="http://edu.chinaz.com/get/photo/fireworks/engin_mid.jpg" width="480" height="99"></td><td background="engine_right.gif"> </td></tr><tr><td><img src="http://edu.chinaz.com/get/photo/fireworks/engine_bottom_left.gif" width="13" height="13"></td><td background="engine_bottom.gif">& n b s p</td><td><img src="http://edu.chinaz.com/get/photo/fireworks/engine_bottom_right.gif" width="13" height="13"></td></tr></table>　　那些咱们只设了后台图而并没插入任何货色的网格里都有一个:& n b s p;用dw画表格即使不插入任何货色就会有如许的一串代码,反应到欣赏器上就会是一个空格,由于有了空格,就把表格撑开了,咱们只需手动在源代码里把那些货色删掉就行了.再预览一下,ok了!　　其余,你也会创造,中央谁人图不妨是任何尺寸的图片,不只仅是480*99.

fw与dw结合：看实例学切片(2)图4

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

相关推荐

推荐下载

热门阅览

最新排行