细品DW MX 2004表格设计

设计

  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″>  </th>
  </tr>
  </table>
  看出不同了吧,原来<td>的标签处变成了<th scope=″row″>,而且为表格写入的摘要“新表格功能演示”也出现在表格的属性当中,在这个表格里输入的文字都将会以默认的居中粗体显示出来(图3)。

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

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

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

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

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

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

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

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

时间: 2024-08-01 12:30:03

细品DW MX 2004表格设计的相关文章

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

dreamweaver|教程|设计 Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱.在此笔者就谈谈该软件新版本中的表格设计. 表格在网页中的重要性不言而喻:网页的框架.结构都要通过合理的表格布局来完成和实现. 在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已经起了很大的变化(图1). 其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题.布局功能以及附加信

教程/dreamweaver/提高 细品DW MX 2004内建FW技术

dreamweaver|教程  Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器.Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率. 以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用CSS中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具.

细品DW MX 2004内建FW技术

Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器.Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率. 以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用CSS中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具.现在好了,新版的Dreamwea

细品DW MX 2004内建Fireworks技术

Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器.Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率. 以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用CSS中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具.现在好了,新版的Dreamwea

Dreamweaver MX 2004 表格设计

dreamweaver|设计 Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱.在此笔者就谈谈该软件新版本中的表格设计. 表格在网页中的重要性不言而喻:网页的框架.结构都要通过合理的表格布局来完成和实现. 在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已经起了很大的变化(图1). 其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题.布局功能以及附加信息显示

教程/dreamweaver/技巧 去除DW MX 2004表格宽度辅助

dreamweaver|技巧|教程  Dreamweaver MX 2004新增加了表格宽度辅助线功能,让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观. 但是如果我们不想让Dreamweaver MX 2004自动显示宽度辅助线,该怎么办呢?下面介绍三种办法. 取消表格宽度辅助线显示以后,如果想再次显示,只要按方法二.三设置好"表格宽度"显示即可. 方法一 选中表格,点击宽度辅助线数字和小三角形,从菜单中选择"隐藏表格宽度". 方法二 点击

去除DW MX 2004表格宽度辅助

Dreamweaver MX 2004新增加了表格宽度辅助线功能,让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观. 但是如果我们不想让Dreamweaver MX 2004自动显示宽度辅助线,该怎么办呢?下面介绍三种办法.取消表格宽度辅助线显示以后,如果想再次显示,只要按方法二.三设置好"表格宽度"显示即可.方法一选中表格,点击宽度辅助线数字和小三角形,从菜单中选择"隐藏表格宽度". 方法二点击工具栏上的视图(view option)图标,

教程/dreamweaver/提高 体验DW MX 2004 CSS新功能

css|dreamweaver|教程  CSS是制作网页效果必不可少的东西,字体的颜色定义.表格的样式定义.图片的特效等等都少不了它.但在Dreamweaver的早期版本中CSS的编辑功能并不是很强大,有时候不得不借助一些类似于TopStyle的第三方工具来完成CSS的编写. 现在有了Dreamweaver MX 2004(简称DW MX 2004),情况就完全不同了! 首先我们给页面链接一个已经编写好的CSS文件,这里的操作与老版本Dreamweaver的方法是相同的(图1). 链接好后,和老

DW MX 2004网页中文乱码问题:解决

解决|网页|问题|中文|中文乱码 用DW MX 2004编辑网页的时候,很多朋友经常会遇到中文乱码的情况.你遇到过么?