通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等
细品dw mx 2004表格设计

http://www.iyit.net  日期:2006-5-5 10:26:49  来源:中国站长学院  点击:
参加讨论】        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 的快键一览表
下一篇:dw构建blog全程实录(1)
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
ajax的七宗罪
驳“ajax 的七宗罪”
javascript 实用的一些技巧 
奇妙的javascript图片放大镜
网页制作技巧24条
网页保存另类技巧3则
设计高手进阶技巧:用记事本编辑网页
高手传经 网页设计中的几个小技巧
从美的原则谈网页上的艺术表现:美的原
传统二维动画和flash动画的比较
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
教您显示器亮度对比度的调节
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
免费在qq上看在线电影电视听音乐
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息