网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> DreamWeaver-> 细品DW MX 2004表格设计

细品DW MX 2004表格设计
作者:佚名 来源:InterNet 加入时间:2005-2-17
相关文章
  • 用DreamWeaver定制网站的颜色
  • Dreamweaver查找替换的技巧
  • Dreamweaver技巧大放送后六招
  • Dreamweaver技巧大放送前六招
  • Dreamweaver中幂格式文本巧实现
  • Dreamweaver插入Flash参数
  • Dreamweaver一句话技巧
  • 制作Dreamweaver活动菜单条
  • 解决Dreamweaver不支持中文文件名
  • Dreamweaver实现flash透明背景
  • 相关书籍:
  • Dreamweaver MX 周末速成教材
  • Dreamweaver MX 中文帮助
  • Dreamweaver MX 中文版建站攻略
  • Dreamweaver4神童教程
  • Dreamweaver MX 中文帮助
  • Dreamweaver UltraDev网页编程不求人
  • DREAMWEAVER 4 中文帮助
  • Dreamweaver4教程全接触
  • Dreamweaver MX Ultradev探索
  • DreamWeaver经典50问
  • 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)。

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


    [文章录入员:nancy]

    相关文章
  • 用DreamWeaver定制网站的颜色
  • Dreamweaver查找替换的技巧
  • Dreamweaver技巧大放送后六招
  • Dreamweaver技巧大放送前六招
  • Dreamweaver中幂格式文本巧实现
  • Dreamweaver插入Flash参数
  • Dreamweaver一句话技巧
  • 制作Dreamweaver活动菜单条
  • 解决Dreamweaver不支持中文文件名
  • Dreamweaver实现flash透明背景
  • 相关书籍:
  • Dreamweaver MX 周末速成教材
  • Dreamweaver MX 中文帮助
  • Dreamweaver MX 中文版建站攻略
  • Dreamweaver4神童教程
  • Dreamweaver MX 中文帮助
  • Dreamweaver UltraDev网页编程不求人
  • DREAMWEAVER 4 中文帮助
  • Dreamweaver4教程全接触
  • Dreamweaver MX Ultradev探索
  • DreamWeaver经典50问
  • 本站推荐内容

    近期主机类热搜关键词:
    美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

    DreamWeaver
    DreamWeaver
    FrontPage
    FireWorks
    Flash
    HTML
    其它
    电脑教程阅读排行
    ·Dreamweaver基础教程和...
    ·网页制作教程《网页制作基础教程》...
    ·网页制作教程《网页制作基础教程》...
    ·Dreamweaver MX中文...
    ·Dreamweaver MX 2...
    ·详解在 Dreamweaver ...
    ·用Dreamweaver创建导航...
    ·如何在网页中加入菜单
    ·Dreamweaver技巧十二招
    ·DreamWeaver超级技巧《...