视频: Dreamweaver教學 - 表格、影像及行為 2024
您可以通过单击Dreamweaver的“布局插入”面板中的“表格”图标或使用插入菜单,如下面的分步说明所示:不要担心完善设置;稍后更改所有这些选项(除了辅助功能设置,只有在代码视图后才能对其进行编辑创建表格
在Dreamweaver中创建表格:
<! - 1 - >-
选择“插入”→“表格”,或单击“通用”或“布局插入”面板中的“表格” 将显示表格对话框
在行和列字段中,分别指定表格中所需的行数和列数。
-
在表格宽度字段中,输入表格的宽度,然后从下拉列表中选择Percent或Pixels。
-
<! - 2 - >
如果选择像素,表格将以固定大小创建。如果您选择百分比,则表格将根据浏览器窗口的大小扩大或缩小。例如,如果您创建一个表格并将其大小设置为80%,则该表格将填充80%的浏览器窗口空间。在边框厚度字段中,以像素为单位指定表格边框的粗细。
-
在“单元格填充和单元格间距”字段中,分别输入表格的单元格填充和单元格间距的像素数。填充和间隔字段可以留空以创建没有额外填充或间距的表格。或者,您可以创建一个指定间距的CSS样式。
-
通过单击表示表格中所需标题位置的图标,选择一个标题选项。
(可选)在“辅助功能”字段中,添加标题和摘要。
-
这些字段提供了额外的信息,可以帮助听障人士和其他使用屏幕阅读器或其他网页浏览器浏览网页的人大声朗读网页。点击确定。
-
表格被添加到Dreamweaver的页面中,表格对话框关闭。
要将文本添加到表格,请单击以将光标放在任何表格单元格中,然后在该单元格中键入所需的数据。重复每个细胞。
-
或者,也可以使用编辑→选择性粘贴来插入其他程序(例如Excel)的柱状数据。
要将图像插入单元格,请单击以将光标放在任何表格单元格中,然后选择插入→图像→图像。重复每个细胞。
-
或者,您可以使用“通用插入”面板中的“图像”图标。
通过从“属性”检查器中选择选项,将格式化选项(如粗体或斜体)应用于选定的单元格及其内容。
-
在创建表格之后,您可以在“属性”检查器中编辑除辅助功能选项之外的所有表格选项。通过在Dreamweaver的工作区中单击表格或单元格来选择表格或单元格时,属性将显示在工作区域底部的“属性”检查器中。单击任何表格的边框以选择整个表格,属性检查器将显示表格选项。要查看所有选项,请单击“属性”检查器右下角的扩展器箭头。
来源:Janine Warner的照片
-
有时选择整个表格而不是单个单元格是棘手的。如果您在选择表格时遇到困难,只需将光标放在表格的任意位置,然后选择修改→表格→选择表格。