您当前的位置:中客资源站网络学院网页设计Dreamweaver → 文章内容 退出登录 用户管理
本类热门文章
相关下载
详解用Dreamweaver制作网页中的表格
作者:佚名  来源:不详  发布时间:2007-5-23 8:50:31

减小字体 增大字体

  表格是现代网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位。虽然现在都提倡WEB标准建立网站,但是有时在网页中还是会应用到表格的。

  这个教程我们给大家讲解表格操作的基本方法。在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍。(看下图)

详解用<aDreamweaver制作网页中的表格 src="/edu/UploadPic/2007-5/200752385031458.gif" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>

  一张表格横向叫行,纵向叫列。行列交叉部分就叫做单元格。

  单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。

  下面看看我们使用表格制作的页面的实例

详解用<aDreamweaver制作网页中的表格 src="/edu/UploadPic/2007-5/200752385031613.jpg" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>

  这幅页面的排版格式,如果用以前我们所讲的对齐方式是无法实现的。因此我们需要用到表格来做。实际上是用两行两列的表格来制作。

  1、 在插入栏中选择按钮或“插入”菜单>选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行:2。列:2。其余的参数都保留其默认值。。

详解用<aDreamweaver制作网页中的表格 src="/edu/UploadPic/2007-5/200752385032502.gif" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>

  2、 在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。(如下图)

详解用<aDreamweaver制作网页中的表格 src="/edu/UploadPic/2007-5/200752385032506.gif" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>

  3、 在表格的第一格按住左键不放,向下拖拽选中二格单元格。(如下图)

详解用<aDreamweaver制作网页中的表格 src="/edu/UploadPic/2007-5/200752385032229.gif" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>

[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码