细品DW MX 2004表格设计

⊕ 网站首页 ⊕注册会员 ⊕ 本站免费电影 ⊕ 留言板 ⊕ 繁體中文

您现在的位置：陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文

专题栏目

最新热门

最新推荐

相关文章

Google发布了AdWords离线
 非官方 Windwos Vista S
DW制作网页时使用CSS的注
 DW CS3中Spry详细区域功
 DW CS4 JavaScript的部分
 DW CS3网页制作之布局实
 在DW中编写CSS应该学会的
 在DW中使用CSS样式表来设
 解决DW8中CSS应用无效问
 用DW对网站文件进行检查

细品DW MX 2004表格设计

细品DW MX 2004表格设计

作者：陈鹏文章来源：eNet 点击数：更新时间：2009-9-12 9:03:16

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

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

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

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

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

请添加描述

热门推荐：apple/index.shtml">苹果专题、时尚专题

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

　　＜table width=″50%″ border=″0″ cellspacing=″0″ cellpadding=″0″ summary=″新表格功能演示!″＞
　　＜caption＞
　　表格
　　＜/caption＞
　　＜tr＞
　　＜th scope=″row″＞amp;nbsp;＜/th＞
　　＜/tr＞
　　＜/table＞
　　看出不同了吧，原来

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

请添加描述

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

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

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

请添加描述

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

热门推荐：apple/index.shtml">苹果专题、时尚专题

文章录入：陈鹏责任编辑：陈鹏

上一篇文章： Web设计里的软件工程思想

下一篇文章： Dreamweaver MX打造弹出“向导”

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】