网页设计师联盟

--- 学习、交流、展示、资源

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
作品欣赏       域名申请       虚拟主机
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置:首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您!
 标题:

Dreamweaver 4 简明教程(七、网页的排版2)

七、网页的排版

  表格的使用之二

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



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


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



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

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



  而实际的浏览效果为:



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

  • (刊登方式:转载   来源:网络   作者:   添加:admin   关键词:)
  • 您已阅读:Dreamweaver 4 简明教程(七、网页的排版2) 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇Ultradev实例教程:3.5 编辑数据库中的纪录

    第三章:应用数据库创建动态网页第五节:编辑数据库中的纪录要编辑或者删除纪录,首先我们要知道我们正在编辑或者正在删除的是那条记录。张冠李戴的话就不是我们想要的结果了:)前面讲数据库设计的时候,特别提到,一个表要有一个主键才能够确定纪录的唯一性,才不会造成删除或者编辑的错误。比如说我..

  • 下一篇Dreamweaver 4 简明教程(七、网页的排版3)

    层的使用  如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(Layer)这个好东西。点击属性面板的按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等。层的好处是可以放置在页面的任何位置,如下图: ..