第5章-网页设计与制作-网页页面布局.pptx

$[知识目标]

掌握表格及单元格的创建和编辑

掌握通过表格来进行网页页面的布局方法

8[能力目标]

熟练掌握表格的基本操作

熟练运用表格进行网页布局;第5章网页页面布局;5.1表格;（一）插入表格

1．定位光标在要插入表格的位置，然后执行以下操作之一：

?单击菜单栏中的“插入”|“表格”命令。

?在“插入”栏的“常用”类别中，单击“表格”按钮。

2．打开表格对话框。;5.1.1插入表格;（二）插入嵌套表格

1．将光标定位在表格的一个单元格内。

2．执行插入表格的操作，即可在表格内嵌套表格如图。;将插入点定位在表格内，即可输入文本、图像、动画等网页元素。;(一)选择整个表格

选择整个表格执行以下操作之一：

?单击表格的左上角、右边或底部边缘的任意位置。

?单击表格单元格，在菜单栏单击“修改”|“表格”|“选择表格”命令。

(二)选择行或列

1．鼠标指向行的左边缘或列的上边缘，光标变为或。

2．单击鼠标则选择鼠标指向的行或列。

3．拖动鼠标，则选择连续的多行或多列。

4．按Ctrl同时单击鼠标，则可选择不连续的多行或多列。;(三)选择单元格

1.选择单个单元格，请执行以下操作之一：

?单击单元格，然后在文档窗口左下角的标签选择器中选择td标签.

?在单元格内双击鼠标则可选择该单元格。

?在单元格内单击，然后按组合键Ctrl+A。

2．选择连续的多个单元格可以执行以下操作之一：

?单击第一个单元格，按住Shift键的同时单击另一个单元格，两个单元格之间的矩形区域内所有的单元格均被选中。

?在一个单元格中单击并拖动鼠标横向或纵向移动到其他一个单元格，然后松开鼠标则鼠标经过区域的单元格被选中。

3．按Ctrl同时单击单元格则可选择不相邻的多个单元格。;（一）表格属性

表格被选中之后，可以利用表格属性来设置或修改表格的属性。

（二）单元格属性

单元格被选中或光标定位在单元格中时，可以利用单元格属性，来设置或修改单元格的属性。;(一)调整表格的大小：

1．选择整个表格，在表格的边缘出现3个黑色控制点。

2．执行以下操作：

?用鼠标拖动这些控制点则可改变表格的大小。

?在表格“属性检查器”中重新设置“高度”与“宽度”值，改变表格的大小。

（二）调整行高和列宽

1．将鼠标移到要调整的行高或列宽的边框上，光标变为或。

2．拖动鼠标即调整行高或列宽。;（三）合并或折分单元格

1．拆分单元格

（1）选择（或将光标定位在）要拆分的单元格。

（2）执行以下操作之一：

?单击菜单栏中的“修改”|“表格”|“拆分单元格”命令。

?在“属性检查器”中，单击“拆分单元格”的按钮。

(3)打开拆分单元格对话框如图。

（4）在这可以选择拆分行还是拆分列，以及设置拆分的行数或列数。如设置拆分为“行”，行数为“2”。

（5）单击确定，单元格被拆分。;2．合并单元格

（1）选择需要进行合并的两个以上单元格。

（2）执行以下操作之一：

?单击菜单栏“修改”|“表格”|“合并单元格”命令

?在“属性检查器”中，单击“合并单元格”按钮。

（3）选的单元格被合并。;（四）插入和删除行或列

1．插入单行或单列

在所选择的行、列或单元格的上面及左侧插入单行或单列，操作如下：

（1）选择行、列或单元格。

（2）单击菜单栏中的“修改”|“表格”|“插入行”或“插入列”命令。

?选择“插入列”命令：可以在所选列的左侧添加一列。

?选择“插入行”命令：可以在所选行的上面添加一行。;2．插入多行或多列

（1）选择行、列或单元格。

（2）单击菜单栏中的“修改”|“表格”|“插入行或列…”的命令，打开“插入行或列”对话框。

（3）选择插入“列”或“行”，并设置数目，单击确定。

;3．删除行或列

在表格中删除行或列的操作为：

（1）选择要删除的行或列。

（2）执行以下操作之一：

?单击菜单栏中的“修改”|“表格”|“删除行”或“删除列”命令。

?单击菜单栏中的“编辑”|“清除”命令。

?使用键盘上的“Delete”键。;5.2表格布局;5.2表格布局;（一）切换布局视图

1．执行以下操作之一：

?单击菜单栏中“视图”|“表格视图”|“布局视图”命令。

?在“插入”栏的“布局”类别中，单击“布局模式”按钮。

2．打开“从布局模式开始”对话框;3．单击“确定”按钮，进入布局视图模式。

4．单击