相关文章
SEO看Google网站质量指南
企通互联初级用户入门一点通
北京网站建设不用script仅用css编写无限分级弹出菜单
网站设计tbody标签的妙用
北京网站制作FLASH MX 2004视频教程: 七巧板1
企通互联Dreamweaver制作网页13种技巧详解
企通互联Dreamweaver基础视频教程27 自定义网页关键字等
北京网页设计收集整理些有用的JAVASCRIPT小知识
北京网站设计HTML标签详解(3)
北京网站设计HTML组件之:最顶级页面(1)
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网页设计细品DW MX 2004表格设计
北京网页设计细品DW MX 2004表格设计
作者： 北京网站建设 日期：2008-03-27 06:03:35 来源： http://www.qt-net.com
资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qt-net.com
=======================================================================================
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>北京网站建设
表格www.qt-net.com
北京网页设计 </caption>企通互联
<tr>企通互联
<th scope=″row″> </th>北京网站制作
</tr>北京网站制作
</table>北京网站设计
看出不同了吧，原来<td>的标签处变成了<th scope=″row″>，而且为表格写入的摘要“新表格功能演示”也出现在表格的属性当中，在这个表格里输入的文字都将会以默认的居中粗体显示出来（图3）。北京网页设计
网站制作
这样对于要求标题以默认粗体显示的表格，省去了每次手工执行“加粗→居中”的步骤，提高了工作效率。以之相似，我们也可以自己定义表格的其他格式和风格而无须借助于编写复杂的CSS风格表代码的方法，非常方便。www.qt-net.com
北京网站设计
新的表格辅助宽度显示功能也很人性化。以前的Dreamweaver版本表格的宽度没有一个直观的表达，在做图以及布局时不能很好地把握。而现在当你把鼠标移到表格上时，首先会发现有一个红色的框（图4）。网站制作
www.qt-net.com
此时表明你已经选定了一个表格，但这种选定只是DW MX 2004将你的鼠标与表格进行了绑定，而非“选定”，点鼠标左键后才选中表格。老版本里常因为表格太多不能准确选中，现在有了红色框的帮助就方便多了!北京网站建设
企通互联
当选中表格后，辅助宽度显示将自动出现在表格的下方，显示出当前表格的宽度并以百分比和像素两种数值显示（图5）。网站建设
北京网站建设
点击绿色倒置的小三角，在出现的下拉列表框中可以选中整个表格、清除所有的定义行高、清除所有的定义行宽以及设置所有宽度一致、隐藏辅助宽度显示等功能，这些都是经常用到的重要功能，过去需要自己手工调整，现在则整合在一个菜单里了。 网站制作网站设计
企通互联
如今在DW MX 2004中已经可以很方便地对表格进行拖放操作，而且如果你对表格分列，它会将该列的宽度显示出来，这样做一个和表格宽度相同的图片就可以从这里直接取图片尺寸值了，不用担心做出来的图片尺寸问题了!北京网站建设
网站设计北京网站建设
最后介绍一下表格中的插入行和列的功能，在老版本中我们插入时行只能插入到当前光标行的上方，列则是插入到光标列的左侧。现在DW MX 2004可要灵活多了，可以将行插于下方，也可以将列插入到光标列的右侧，且只须进行相关菜单操作即可（图6）。北京网站建设 网页设计
网站建设
看了上述表格设计的新功能是不是已经有些激动了?那就动手试一试吧，还有很多神奇的地方呢! 网站建设
网页设计
北京网站建设
|
|
北京网站建设
表格在网页中的重要性不言而喻：网页的框架、结构都要通过合理的表格布局来完成和实现。网页设计
北京网站制作
在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>北京网站建设
表格www.qt-net.com
北京网页设计 </caption>企通互联
<tr>企通互联
<th scope=″row″> </th>北京网站制作
</tr>北京网站制作
</table>北京网站设计
看出不同了吧，原来<td>的标签处变成了<th scope=″row″>，而且为表格写入的摘要“新表格功能演示”也出现在表格的属性当中，在这个表格里输入的文字都将会以默认的居中粗体显示出来（图3）。北京网页设计
网站制作
这样对于要求标题以默认粗体显示的表格，省去了每次手工执行“加粗→居中”的步骤，提高了工作效率。以之相似，我们也可以自己定义表格的其他格式和风格而无须借助于编写复杂的CSS风格表代码的方法，非常方便。www.qt-net.com
北京网站设计
新的表格辅助宽度显示功能也很人性化。以前的Dreamweaver版本表格的宽度没有一个直观的表达，在做图以及布局时不能很好地把握。而现在当你把鼠标移到表格上时，首先会发现有一个红色的框（图4）。网站制作
www.qt-net.com
此时表明你已经选定了一个表格，但这种选定只是DW MX 2004将你的鼠标与表格进行了绑定，而非“选定”，点鼠标左键后才选中表格。老版本里常因为表格太多不能准确选中，现在有了红色框的帮助就方便多了!北京网站建设
企通互联
当选中表格后，辅助宽度显示将自动出现在表格的下方，显示出当前表格的宽度并以百分比和像素两种数值显示（图5）。网站建设
北京网站建设
点击绿色倒置的小三角，在出现的下拉列表框中可以选中整个表格、清除所有的定义行高、清除所有的定义行宽以及设置所有宽度一致、隐藏辅助宽度显示等功能，这些都是经常用到的重要功能，过去需要自己手工调整，现在则整合在一个菜单里了。 网站制作网站设计
企通互联
如今在DW MX 2004中已经可以很方便地对表格进行拖放操作，而且如果你对表格分列，它会将该列的宽度显示出来，这样做一个和表格宽度相同的图片就可以从这里直接取图片尺寸值了，不用担心做出来的图片尺寸问题了!北京网站建设
网站设计北京网站建设
最后介绍一下表格中的插入行和列的功能，在老版本中我们插入时行只能插入到当前光标行的上方，列则是插入到光标列的左侧。现在DW MX 2004可要灵活多了，可以将行插于下方，也可以将列插入到光标列的右侧，且只须进行相关菜单操作即可（图6）。北京网站建设 网页设计
网站建设
看了上述表格设计的新功能是不是已经有些激动了?那就动手试一试吧，还有很多神奇的地方呢! 网站建设
网页设计
北京网站建设
上一篇：www.qt-net.comDW构建Blog全程实录(2)
下一篇：网站建设用 javascript 写的一个映射表类