如何使用Dreamweaver创建和自定义表

表是有用的，如果你想显示不同类型的数据之间的关系。它们允许你将相关数据行，并将其链接到其他数据在不同的列。虽然他们往往是没有必要的许多网站上，有某些情况下，您可能要出示您的表格中的数据。本教程将告诉您如何您可以创建和自定义表的外观使用Dreamweaver。

预赛
1，本教程假设你已经拥有一个网站，并知道如何使用Dreamweaver。如果这是不正确的，你应该阅读以下两个教程第一。

◦初学者的AZ启动/创建自己的网站，这是一个引导，把你需要的各个步骤，使自己的网站从无到有。还有更多的网站开始比它的外观设计。

◦Dreamweaver教程内容：本教程需要你通过实际使用知名Dreamweaver软件的设计步骤。

2，本教程的重点是创建表显示数据的目的。它不处理多列的页面布局，使用表格的创建。由于Dreamweaver是一个现代化的网页编辑器处理层叠样式表或CSS，你不必诉诸使用表格等目的。请参阅我的Dreamweaver教程，如果你需要帮助创建多列网站。

创建表的步骤
Dreamweaver的1.START，打开页面，您想要的表。

2。移动你的光标在页面上的位置，你想往表中插入文本。做到这一点的方法之一是只需点击表中出现的地方，你想。这将导致您的文字光标移动到那个地方。

单击“插入”菜单，然后在出现的菜单中的“表”项。为简便起见，我是指这样一个序列，点击菜单项“插入|表”。

4.A题为“表”对话框将弹出。输入的数量（水平）的行和列（垂直）你希望表有“行”和“列”的空间。

5，“表格宽度”是指多么广阔，希望表出现。这个宽度可以指定百分比封闭的列多列网站或以像素为单位。例如，如果你想跨越整个宽度表“表格宽度”框中，键入100，相邻的下拉框中，单击向下箭头，选择“百分比”。它也有可能创建一个自动调整大小表中的数字表格宽度“框中删除。然后，您的表将被调整通过web浏览器和Dreamweaver根据它有多少内容。

的6.Tables可以是无边框或有边界的。边界只是每个表格单元格的边界线划分。的数据表，在一般情况下，大多数人都希望的边缘，因为它们使该表更容易阅读。 “边框厚度”框中，然后在指定的边界的厚度。它默认为1个像素。这是是否改变，要么离开它在默认情况下。如果你不想要边框，在框中输入“0”（零，不带引号）。

填充7.Cell是你想在每个单元格的内容和其边框之间的空间量。单元格间距是您想要相邻单元格之间的空间量。您可以将它留空，或者将其设置为你希望的任何值。如果你不知道什么数字是合适的，你总是可以输入一些随机值（如“2”）开始和调整。我会提到如何你可以改变你在这里做下面的设置，而无需重建一切。需要注意的是“0”（零），以及为这些字段是有效的值。

8，“标题”部分允许您表示最左边一列或要包含你的表最上面一行，列或行的描述。列或行的内容将显示在您指定为“头”粗体和中心。默认是创建一个表，没有头的，那就是，所有的行和列看起来是一样的，并没有什么内部标记在HTML代码中，作为该行或列标题。

9.In“摘要”框中，输入你的表包含一个简短的描述。例如，如果表中包含对每个学生的考试成绩在你的类，你可能希望把在总结中的“学生考试成绩”。此框中，然后是可选的，和它的内容将不被显示。它的主要目的是改善获取你的表，可能会使用专门的软件，如屏幕阅读器。

10你完成后，点击“确定”按钮。该表应出现在您的网页。需要注意的是，首先创建表时，Dreamweaver会选择整个表，虽然它可能不会立即显现出来，它已经这样做。所以，不要输入任何内容，或与您键入的内容，你会意外地更换整个表。相反，单击一个表中的单元格开始之前您的内容。

如何配置/自定义表后，已创建
如果您不满意表上面创建出于某种原因，你没有删除一切，重新开始。

你的表在Dreamweaver 1.Adding多个行或列
要添加到您现有的表，新的行或列，单击“插入|表对象”。会出现一个菜单，允许你插入一个新行高于或低于当前单元格（如文本光标是当前显示的），以及一个新列其向左或向右。如果你的光标不在表中的任意单元格内，第一次点击一个细胞内的某处，然后再使用此菜单。

关于头2.Changing你的心灵
如果已设置或设置一个特定的细胞作为标题，现在有一个变化的心，点击你要更改的单元格。看在您的Dreamweaver窗口的底部找到“属性”窗格中。该窗格中的某个地方，你应该能够看到“头”，它的旁边的复选框。如果您先前指定的细胞作为标题，现在改变主意，取消选中该复选框。如果你先前没有作出该细胞的头，现在想它是一个检查。

3。更改表格的宽度
看在你的餐桌。应该有一个良好的绿线以上的表与表显示在中央的宽度。点击该行。这应该选择整个表格。

（如果你看不到任何绿色的线，这意味着您的文字光标不在表本身。点击表中的任意位置，绿线将出现。不要担心，绿线：它只是一个视觉线索由Dreamweaver中使用，让您轻松选择整个表格。实际上不是在一个真正的浏览器中显示。）

现在应该在您的Dreamweaver窗口底部的“属性”窗格中显示的表格宽度“W”字符旁边的方块。将其更改为新值。您也可以通过单击向下箭头，在相邻的下拉框中指定宽度的像素和百分比之间切换。

4.Changing单元格边距和单元格间距
要更改单元格边距和间距的表，按一下绿线以上表中选择整个表格。在Dreamweaver的窗口底部的“属性”窗格现在应该显示的“Cellpad”和“单元格间距”字段，允许您设置或改变它们。

5.Changing背景和边框的颜色或添加背景图像
以同样的方式，你可以改变你的表背景或边框颜色。单击绿线以上表中选择整个表格。在Dreamweaver的窗口底部的“属性”窗格中，您现在应该能够看到田“背景色”（即背景色），“BRDR色”（“边框颜色”）和“BG图像”（ “背景图片”）。点击任何颜色字段旁边的框会导致拾色器出现，让你选择一种颜色。

如果你设置背景图片，你应该先复制到你的网站目录下的文件夹或子文件夹的背景图像。 “网站目录”，我指的是出现在您的Dreamweaver窗口最右边的列（“文件”窗格中）的目录。无论是图像复制到该文件夹​​本身，还是它的子文件夹内。这将允许Dreamweaver来管理该文件与现场经理，您发布的网页时，它会自动上传。一旦你做到了这一点，返回表中的“属性”窗格中，单击文件夹图标上的“BG形象”行，并选择相应的图像文件。

6，如何更改行或列的背景颜色
如果你想改变整行或整列的背景颜色，例如让你的表斑马条纹或有备用颜色的深浅（为便于阅读），拖动鼠标，该行或列。那应该选择特定的行或列。然后改变该行通过在Dreamweaver的窗口底部的“属性”窗格中的背景颜色。具体来说，“博伽梵歌”（“背景”），单击旁边的框，显示颜色选择。

结论
恭喜。现在您知道如何创建和自定义表在Dreamweaver中，以及如何改变它的设置后，你已经创建了。

高端网站建设