手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

细品DW MX 2004表格设计

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  Dreamweaver MX 2004的强大功能连同更加完善的人性化配置已深受大家喜爱。在此笔者就谈谈该软件新版本中的表格设计。

  表格在网页中的重要性不言而喻:网页的框架、结构都要通过合理的表格布局来完成和实现。

  在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已起了很大的变化(图1)。

  其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题、布局功能连同附加信息显示功能。


  在Header中,假如选择第一项None则和一般表格没任何区别,选择第二个Left呢?图2是选择Left后创建的表格。


  其中的“表格”二字就是“Accessibility”中“Caption”处填入的表格标题来看看代码:

  <table width=″50%″ border=″0″ cellspacing=″0″ cellpadding=″0″ summary=″新表格功能演示!″>
  <caption>
  表格
  </caption>
  <tr>
  <th scope=″row″>&nbsp</th>
  </tr>
  </table>
  看出不同了吧,原来<td>的标签处变成了<th scope=″row″>,而且为表格写入的摘要“新表格功能演示”也出现在表格的属性当中,在这个表格里输入的文字都将会以默认的居中粗体显示出来(图3)。


  这样对于需要标题以默认粗体显示的表格,省去了每次手工执行“加粗→居中”的步骤,提高了工作效率。以之相似,我们也能够自己定义表格的其他格式和风格而无须借助于编写复杂的CSS风格表代码的方法,很方便。

  新的表格辅助宽度显示功能也很人性化。以前的Dreamweaver版本表格的宽度没有一个直观的表达,在做图连同布局时不能很好地把握。而现在当您把鼠标移到表格上时,首先会发现有一个红色的框(图4)。


  此时表明您已选定了一个表格,但这种选定只是DW MX 2004将您的鼠标和表格进行了绑定,而非“选定”,点鼠标左键后才选中表格。老版本里常因为表格太多不能准确选中,现在有了红色框的帮助就方便多了!

  当选中表格后,辅助宽度显示将自动出现在表格的下方,显示出当前表格的宽度并以百分比和像素两种数值显示(图5)。

  点击绿色倒置的小三角,在出现的下拉列表框中能够选中整个表格、清除任何的定义行高、清除任何的定义行宽连同配置任何宽度一致、隐藏辅助宽度显示等功能,这些都是经常用到的重要功能,过去需要自己手工调整,现在则整合在一个菜单里了。

  如今在DW MX 2004中已能够很方便地对表格进行拖放操作,而且假如您对表格分列,他会将该列的宽度显示出来,这样做一个和表格宽度相同的图片就能够从这里直接取图片尺寸值了,不用担心做出来的图片尺寸问题了!

  最后介绍一下表格中的插入行和列的功能,在老版本中我们插入时行只能插入到当前光标行的上方,列则是插入到光标列的左侧。现在DW MX 2004可要灵活多了,能够将行插于下方,也能够将列插入到光标列的右侧,且只须进行相关菜单操作即可(图6)。

  看了上述表格设计的新功能是不是已有些激动了?那就动手试一试吧,更有很多神奇的地方呢!



文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!