点击这里给我发消息 点击这里给我发消息

详解用Dreamweaver制作网页中的表格

添加时间:2010-1-5
    相关阅读: 制作网页 网页 WEB 页面 Dreamweaver 网站 制作

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

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

详解用Dreamweaver<a制作网页中的表格(图一) src="http://edu.cnzz.cn/newsfile/3000-3999/3999/070924233198280.gif" width=341 border=0> 
 

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

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

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

详解用Dreamweaver<a制作网页中的表格(图二) src="http://edu.cnzz.cn/newsfile/3000-3999/3999/070924233198281.jpg" width=508 border=0>

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

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

详解用Dreamweaver<a制作网页中的表格(图三) src="http://edu.cnzz.cn/newsfile/3000-3999/3999/070924233198282.gif" width=403 border=0>

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

详解用Dreamweaver<a制作网页中的表格(图四) src="http://edu.cnzz.cn/newsfile/3000-3999/3999/070924233198283.gif" width=303 border=0>

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

详解用Dreamweaver<a制作网页中的表格(图五) src="http://edu.cnzz.cn/newsfile/3000-3999/3999/070924233198284.gif" width=303 border=0>
本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册