首页 > 免费做网站方法

教程/dreamweaver/提高 细品Dreamweaver MX 2004表格设计


时间:2009-09-28 04:20:27  来源:  作者:
免费做网页Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱。在此笔者就谈谈该软件新版本中的表格设计。

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

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







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

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





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

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





  这样对于要求标题以默认粗体显示的表格,省去了每次手工执行“加粗→居中”的步骤,提高了工作效率。以之相似,我们也可以自己定义表格的其他格式和风格而无须借助于编写复杂的CSS风格表代码的方法,非常方便。
 新的表格辅助宽度显示功能也很人性化。以前的免费做网页Dreamweaver 版本表格的宽度没有1个直观的表达,在做图以及布局时不能很好地把握。而现在当你把鼠标移到表格上时,首先会发现有1个红色的框(图4)。







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

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



[color=#FFFFFF'][/color]





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

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

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







  看了上述表格设计的新功能是不是已经有些激动了?那就动手试1试吧,还有很多神奇的地方呢!
来顶一下
近回首页
返回首页
上一篇: 教程/dreamweaver/技巧 去除Dreamweaver MX 2004表格宽度辅助
下一篇: 教程/dreamweaver/技巧 驯服不听话的网页表格

版权所有:   2005-2009  搜发网络服务有限公司  公司地址:辽宁省锦州市铁北金秋大厦正楼
自己做网站 QQ:  免费做网站 QQ: 学做网站 QQ: 企业做网站 QQ:  公司邮箱:5729799@qq.com
《中华 人民共和国增值电信业务经营许可证》编号:辽ICP备08001153号   版权所有 严禁复制

友情链接:免费网站制作 免费网站申请 web免费制作网站教程 免费申请网站 研究生考研信息博客 免费网站制作论坛