《表格及布局网》PPT课件

《《表格及布局网》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章表格及布局网页本章学习要点：创建表格，表格的组成表格的属性设置表格编辑使用表格布局网页12.1表格简介12.2向表格内添加内容12.3编辑表格12.4使用表格布局网页12.1.1表格概述12.1.2创建表格12.1.3表格的属性设置面板12.1表格简介12.1.1表格概述表格是网页设计制作不可缺少的重要元素，它以简洁明了和高效快捷的方式将数据、文本、图片、表单等网页元素合理有序地布局在页面上，使页面结构整齐,版面清晰。不太复杂的网页一般都利用表格进行网页布局。12.1.2创建表格操作步骤如下：步骤1：在设计窗口中,将插入点放在需要插入表格的位置。步骤2：选择菜单“插入

2、(I)”

3、“表格(T)”命令。或单击对象面板组上的“插入表格”按钮,打开表格对话框，如图12.1所示。图12.1表格对话框步骤3：在表格对话框中设置相应的选项。“表格大小”选项组中各选项的功能如下：“行数”此文本框用来确定表格具有的行的数目，如输入3行。“列数”此文本框用来确定表格具有的列的数目，如输入8列。“表格宽度”此文本框用来以像素为单位或按占浏览器窗口宽度的百分比，确定表格宽度，如输入200像素。“边框粗细”此文本框用来以像素为单位确定表格边框粗细，如输入1像素。“单元格边距”可以采取默认值。“单元格间距”可以采取默认值。“页眉”选项组中各选项的功能如下：“无”不设置

4、页眉。“顶部”页眉设置在表格顶部。“左”页眉设置在表格左边。“两者”页眉设置在表格左边与顶部。“辅助功能”选项可以不进行设置。“标题”提供了一个显示在表格外的表格标题。“对齐标题”指定表格标题相对于表格的显示位置。“摘要”给出了表格的说明。屏幕阅读器可以读取摘要文本,但是该文本不会显示在浏览器中。步骤4：各选项设置完成后，用鼠标单击“确定”按钮。即会在设计窗口中出现表格。如图12.2所示。图12.2设计窗口中的表格12.1.3表格的属性设置面板在DreamweaverMX2004中,可以通过表格的属性设置面板设置表格的各种属性。如图12.3所示。图12.3表格的属性设置面板表

5、格属性设置面板中各个选项功能如下（1）“表格Id”中的下拉列表框用来为选中表格名称。“行(R)”此文本框用来为选中表格设定行数。用鼠标单击文档内任一位置,表格自动改变。“列(C)”此文本框用来为选中表格设定列数。用鼠标单击文档内任一位置,表格自动改变。“宽(W)”此文本框用来为选中表格设定宽度。在文本框后的下拉列表中选择所设宽度的单位,有百分比和像素两种选择。表格属性设置面板中各个选项功能如下（2）“高(H)”此文本框用来为选中表格设定高度。在文本框后的下拉列表中选择所设高度的单位,有百分比和像素两种选择。“填充(P)”此文本框用来指定选中表格的单元格高度，使用默认值。“对齐

6、(A)”此下拉列表框用来指定表格相对于同一段落中其他元素的显示位置，使用默认值。“左对齐”沿其他元素的左侧对齐表格。“右对齐”沿其他元素的右侧对齐表格。“居中对齐”将表格居中。表格属性设置面板中各个选项功能如下（3）“默认”指示浏览器应该使用其默认对齐方式。“间距(S)”此文本框用来指定选中表格的边框距离。“边框(B)”此文本框用来设置选中表格的边框大小。“类(C)”设置选中表格的CSS样式。“背景颜色(G)”设置选中表格的背景颜色,可以从颜色选择器后面的文本框内直接输入。“边框颜色(R)”设置选中表格的边框颜色,可以从颜色选择器后面的文本框内直接输入。“背景图像(B)”可在

7、文本框内输入图像位置和名称,将该图像作为选中表格的背景图像。12.2向表格内添加内容在表格的单元格中可以输入任何数据。同时也可以对数据进行常规的编辑操作。操作步骤如下：步骤1：将光标移到要插入数据的单元格内。步骤2：直接输入对象,或者将复制的对象粘贴到单元格中。步骤3：一个单元格内的内容输入完毕后,可以用Tab键将光标移动到下一个单元格,以便继续输入，也可以使用鼠标移动光标。12.3编辑表格12.3.1选择表格对象12.3.2调整表格大小12.3.3调整行和列的大小12.3.4添加及删除行和列12.3.5拆分和合并单元格12.3.6复制、粘贴及删除单元格12.3.7嵌套表格1

8、2.3.1选择表格对象1。选择整个表格选择整个表格有如下一些操作方法：单击表格左上角、表格的顶边缘和底边缘的任何位置，或者行或者列的边框，当可以选择表格时,鼠标指针会变成表格网格图标。单击某个表格单元格,然后在设计窗口左下角的标签选择器中选择

9、“表格(T)”

10、“选择表格(S)”命令。单击某个表格单元格,然后选择表下边的倒三角，出现标题菜单，在标题菜单中选择“选择表格(S)”。将光标位于表格外,按住Shift键,然后单击表格中任意位置。将光