当前位置:海盈网站工作室 >> 新闻中心 >> 设计前沿

CSS禅意花园 - 设计 - 叙事曲(二)

点击数:19922012-08-04 09:49:22 来源: 海盈网络

    2.5.2 CSS的思考

    最近几年中,一个有趣的现象就是出现了一大批创新的、不愿按照守旧派的方式使用表格布局的设计师。作为table的替代品,他们认为CSS应该承担起布局并呈现样式的重任。虽然所有禅意花园的    作品都力求说服人们使用CSS进行布局,但仍有那么一些守旧的设计师固执己见,坚持使用复杂的table布局。

    在叙事曲中,设计师完全能够直接用CSS实现预期的设计效果。但若是选择table布局,情况又将如何呢?


    1.守旧派的悲哀
    让我们来看看守旧派眼中应该如何实现这个作品。你将很容易发现在该作品中使用表格布局将是一次噩梦般的尝试。若是在Macromedia Fireworks中用图片分割工具进行布局,哪怕仅仅是从作品中取出两个主要的小节,你也将得到一个复杂的表格加上其中大量的分割图片:
<table bgcolor= "#ffffff" border="0" cellpadding="0"
cellspacing="0"
width="597">
<tr>
</tr>
<tr>
<td rowspan="3"><img name="ballade_rl _cl" src="images/ballade_rl_cl.gif " width=" 30" height="887" border="0" alt=" "></td>
<td><imgname="ballade_rl_c2" src="images/ballade_rl_c2 . gif "
width="537" height="273" border="0" alt=""></td>
<td rowspan="3"><img name="ballade_rl_c3" src="images/ballade_rl_c3 .gif" width="30" height="887' border="0" alt=""></td>
<td> <img src="images/spacer. gif" width="1"
height="273" border= "0" alt=" "></td>
<td><img name="ballade_r2_c2" src= "images/ ballade_r2_c2 .gif" width="537" height="429" border="0" alt=" "></td>
<td>< img src="images/spacer. gif" width="1" height="429" border="0" alt=" "></td>
</tr>
<tr>
<td><img name="ballade_r3_c2" src="images/ballade_r3_c2.gif" width="537" height="185" border="0" alt=" "></td>
<td>< img src="images/spacer .gif" width="1" height="185" border="0" alt=" "></td>
</table>
【责任编辑:(Top) 返回页面顶端