您的位置: 首页 > 技术文档 > 网页制作 > 细品DW MX 2004表格设计
回到列表 在Web页中使用Media Player
用户名:
密 码: 忘记密码
注册会员 游客参观 论坛帮助
 细品DW MX 2004表格设计

作者:孤独笑  时间:2003-12-4  文档类型:转载  来自:电脑报
浏览统计 year:17356 | Quarter:7118 | Month:457 | Week:7 | today:7

  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)。


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

相关主题 更多相关链接
细品DW MX 2004内建FW技术
AS代码2.0:面向对象模型
AS代码2.0:脚本编辑和调试
AS代码2.0:新的语言元素
DW+ASP 玩转动态二级菜单
AS代码2.0:针对Flash Player7
Dreamweaver MX 2004打造留言本
教菜鸟学 DWMX 2004 自定义站点
教您去掉 DW2004 中表格辅助线
Dreamweaver MX 2004从零开始
站内搜索
关键字搜索 常规搜索 高级搜索
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver 2004 Flash
站点最新 站点最新列表
fiat.com
sillery.com
用公式计算出你的幸福
CSS布局入门
Flash声音高级篇:NullSound技术
什么是网站标准
为什么要建立网站标准
怎么改善现有网站
CSS入门
XHTML代码规范
栏目最新 栏目最新列表
CSS布局入门
Flash声音高级篇:NullSound技术
什么是网站标准
为什么要建立网站标准
怎么改善现有网站
CSS入门
XHTML代码规范
head区的其他设置
调用样式表
定义语言编码

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文总共有 53 条评论,现在显示最新的 5 条。


218.107.1.61 Publish at 2004-5-28 15:10:42 删除评论
为什么我在Dreamweaver中的表格经常拖不动,没办法准确定位表格,请问高手这是为什么?
61.49.99.230 Publish at 2004-5-18 0:13:59 删除评论
一行两列的1像素高的表格怎么实现啊?在软件里看到的是1像素了,可是一预览,却远远超过1像素!怎么弄啊
210.51.187.30 Publish at 2004-5-12 10:29:45 删除评论
我有个地方不明白,我按照以上的方法建立的是个多行多列的表格,结果表格的第一列是居中加粗的文字,后面的列是普通的文字这是为什么啊
219.128.252.46 Publish at 2004-4-29 18:19:40 删除评论
我在很多的地方都DOWN过,算163下载的中文版好用D
61.235.214.196 Publish at 2004-4-22 21:45:53 删除评论
l

查看全部评论

注意:文章中出现的链接、内容等需要修改的错误,不要用评论,请用报告错误,以利文档及时修改

如果不想匿名发表请 登录
推荐文档 | 打印文档 | 评论文档 | 报告错误