5.1 插入表格
在Adobe Dreamweaver CC中,表格可以用于安排网页文档的整体布局,起着非常重要的作用。
5.1.1 小实例——插入表格
在Dreamweaver中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局,起着非常重要的作用。在网页中插入表格的方法非常简单,具体操作步骤如下。
步骤01 打开网页文档,将光标置于要插入表格的位置,如图5-1所示。
图5-1 打开网页文档
步骤02 执行“插入”|“表格”命令,弹出“表格”对话框,在对话框中将“行数”设置为4,“列数”设置为3,“表格宽度”设置为80%,如图5-2所示。
图5-2 “表格”对话框
★知识要点★
在“表格”对话框中可以进行如下设置。
• “行数”:在文本框中输入新建表格的行数。
• “列”:在文本框中输入新建表格的列数。
• “表格宽度”:用于设置表格的宽度,其中右边的下拉列表中包含百分比和像素。
• “边框粗细”:用于设置表格边框的宽度,如果设置为0,则在浏览时看不到表格的边框。
• “单元格边距”:单元格内容和单元格边界之间的像素数。
• “单元格间距”:单元格之间的像素数。
• “标题”:可以定义表头样式,4种样式可以任选一种。
• “辅助功能”:定义表格的标题和摘要信息。
• “标题”:用来定义表格标题。
• “摘要”:用来对表格进行注释。
步骤03 单击“确定”按钮,插入表格,如图5-3所示。
图5-3 插入表格
★提示★
如果没有明确指定单元格间距和单元格边距的值,大多数浏览器将单元格边距默认设置为1,单元格间距设置为2来显示表格。若要确保浏览器不显示表格中的边距和间距,可以将单元格边距和间距设置为0。大多数浏览器按边框设置为1显示表格。
5.1.2 小实例——添加内容到单元格
表格建立以后,就可以向表格中添加各种元素了,如文本、图像等。在表格中添加文本就如同在文档中操作一样,除了直接输入文本,还可以先利用其他文本编辑器编辑文本,然后将文本拷贝到表格里,这也是在文档中添加文本的一种简洁而快速的方法。将光标置于单元格中,在每个单元格中分别输入相应的文字,如图5-4所示。
图5-4 添加内容到单元格