动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   DreamWeaver → 阅读文章

 教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)

作者来源: 
阅读 数 173 人次 , 2006-4-19 11:30:00 

表格的使用之二

  根据上面对表格和单元格的参数,我们可以做出以下的表格:

教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)



  以上是一个3×2的表格,表格宽度为350个像素,每个单元格的宽度为33%,即占表格的三分之一,其中单元格1和单元格4 已经合并;单元格边距、单元格间距、表格线宽度都为10;表格的底色为灰色,单元格5的边框颜色为红色,单元格6的底色为绿色;


  在上面的例子,我们将表格线宽度设置为0,在编辑状态下,看到的表格是:


教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)



  宽度为0的边框线,在编辑状态下会以虚线表示,而实际的浏览效果为:

教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)

    可见,宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版,就是使用表格线为0的表格,将页面划分为多个区域,从而达到定位排版的效果。另外,表格与表格是可以嵌套的,例如在上面表格中,在单元格2里再插入一个表格宽度为100%,表格线宽度为0的表格,并分别为单元格①②③设置不同的背景色,在编辑状态下可以看到:

教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)



  而实际的浏览效果为:

教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)



  表格的嵌套在网页制作中被经常使用到,尤其是在新浪、搜狐、网易等门户网站中,为了使大量的信息整齐地展示在浏览者面前,表格的嵌套就使用得最为频繁。下图是goEway.com的首页在编辑状态下的情况,可以看到,页面密密麻麻地布满了表格线:

教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)

  
 本文Tagsdreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:教程/dreamweaver/入门 Dreamweaver 4 简明教程13(排版)
· 下一篇:教程/dreamweaver/入门 Dreamweaver 4 简明教程10(网页的排版)
· 用DW MX造站内搜索
· 增强网站的魅力 网页制作技巧三则
· 用Dreamweaver轻松实现多彩的文字链接
· DW MX实例二:快速建立站点
· Dreamweaver经典问题大搜罗(全集)2


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077