鉴于大家对FrontPage教程十分关注,我们编辑小组在此为大家搜集整理了“第一节 FrontPage 2003的新增功能”一文,供大家参考学习!
第四节 布局表格
表格在整个网页的布局中起着重要的作用。在表格中使用单元格可以有规则地排列图片、文本或Web组件等内容。为了使表格更大限度地发挥作用,FrontPage 2003中提供了布局表格或单元格功能,以便更好地帮助用户来制作网页。
一、创建布局表格
创建布局表格主要有以下几种方法:
1.插入布局表格
在网页中插入布局表格的具体操作步骤如下:
(1)选择“表格”→“布局表格和单元格”命令,打开“布局表格和单元格”任务窗格,如图5.4.1所示。
(2)在“新建表格和单元格”选区中单击“插入布局表格”超链接,即可在网页中插入一个布局表格,该表格的四边采用绿色框线,表格高度和宽度用蓝色的数字表示,如图5.4.2所示。
图5.4.1 “布局表格和单元格”任务窗格 图5.4.2 插入布局表格
2.绘制布局表格
绘制布局表格的具体操作步骤如下:
(1)选择“表格”→“布局表格和单元格”命令,打开“布局表格和单元格”任务窗格(见图5.4.1)。
(2)在“新建表格和单元格”选区中单击“绘制布局表格”按钮。。。。
(3)当鼠标指针变成。。。形状时,按住鼠标左键在网页中拖动至合适位置后,释放鼠标左键,即可在网页中绘制一个布局表格。
如果用户要在布局表格中再绘制一个布局表格,则单击“绘制布局表格”按钮。。。,当鼠标指针变成。。。形状时,将其移到布局表格中的合适位置,按住鼠标左键拖动至合适位置后,释放鼠标左键,即可在布局表格中绘制一个新的布局表格,并且该表格的起点与原布局表格的起点相重合,效果如图5.4.3所示。
图5.4.3 在布局表格中绘制布局表格
3.使用布局表格模板
除了可以插入和绘制布局表格外,用户还可以使用布局表格模板来创建布局表格。FrontPage 2003中所提供的使用布局表格模板创建布局表格,实际上就是在布局表格中插入若干个布局单元格。使用布局表格模板创建布局表格的具体操作步骤如下:
(1)选择“表格”→“布局表格和单元格”命令,打开“布局表格和单元格”任务窗格(见图5.4.1)。
(2)在“表格布局”列表框中选择所需的布局模板,然后单击该模板,即可在网页中创建一个布局表格,如图5.4.4所示。
二、创建布局单元格
创建布局单元格主要包括在空白网页中插入布局单元格和在布局表格中插入布局单元格。在空白网页中插入布局单元格与插入布局表格的区别是,插入布局表格是在网页中的插入点后插入,而插入布局单元格可以在网页中所选内容前、所选内容后或包含所选内容3种不同的方式下插入。
图5.4.4 使用布局表格模板创建布局表格
1.在空白网页中插入布局单元格
在空白网页中插入布局单元格的具体操作步骤如下:
(1)选择“表格”→“布局表格和单元格”命令,打开“布局表格和单元格”任务窗格,(见图5.4.1)。
(2)在“新建表格和单元格”选区中单击“插入布局单元格”超链接,弹出如图5.4.5所示的“插入布局单元格”对话框。
(3)在“宽度”和“高度”微调框中设置布局单元格的高度和宽度值。
(4)在“位置”选项组中选择布局表格的插入位置。
(5)设置完成后,单击“确定”按钮,即可在网页中插入一个布局单元格。
如果用户需要在插入的布局单元格中包含内容,其具体操作步骤如下:
(1)在网页中选中所要包含的内容。
(2)选择“表格”→“布局表格和单元格”命令,打开任务窗格,(见图5.4.1)。
(3)在“新建表格和单元格”选区中单击“插入布局单元格”超链接,弹出如图5.4.6所示的“插入布局单元格”对话框。
图5.4.5 “插入布局单元格”对话框 图5.4.6 “插入布局单元格”对话框
(4)在“宽度”和“高度”微调框中设置布局单元格的宽度和高度值。
(5)设置完成后,单击“确定”按钮,即可在网页中插入一个包含内容的布局单元格,效果如图5.4.7所示。
图5.4.7 插入包含内容的布局单元格
2.在布局表格中插入布局单元格
在布局表格中不仅可以插入布局单元格,还可以绘制布局单元格。在布局表格中插入布局单元格与在空白网页中插入的方法相似,下面主要介绍在布局表格中绘制布局单元格,其具体操作步骤如下:
(1)选择“表格”→“布局表格和单元格”命令,打开“布局表格和单元格”任务窗格,(见图5.4.1)。
(2)在“新建表格和单元格”选区中单击“绘制布局单元格”按钮。。。,当鼠标指针变成。。。形状时,将鼠标指针移至布局表格中的合适位置,然后按住鼠标左键拖动至目标位置后释放鼠标左键,效果如图5.4.8所示。
图5.4.8 在布局表格中绘制布局单元格
从图中可以看出,在布局表格中不仅产生了一个新的布局单元格,而且该布局单元格的4条边自动延长到原布局表格的边沿,它将原布局表格分成9个小单元格。当用户在其他8个小单元格中输入内容后,这些小单元格就会自动变成布局单元格。
:在布局表格中所绘制的布局单元格的起点可以在原布局表格中的任意位置,如果所绘制的布局单元格的起点与原布局表格的起点重合,那么所绘制的布局单元格将原布局表格分成4个小单元格,当用户在其他3个小单元格中输入内容后,这些小单元格就会自动变成布局单元格。
三、设置单元格格式
在创建布局表格后,需要对其进行整体或局部的调整。FrontPage 2003中新增了单元格格式功能,通过该功能可以设置布局单元格的属性、边框、表头和表尾、角部和阴影等。
1.设置布局单元格的属性
布局单元格的属性包括其高度、宽度、垂直对齐方式、背景颜色等。设置布局单元格属性的具体操作步骤如下:
(1)选中需要调整的布局单元格。
(2)选择“表格”→“布局表格的单元格”命令,打开“布局表格和单元格”任务窗格,然后在该任务窗格中单击“单元格格式”超链接,打开“单元格格式”任务窗格,如图5.4.9所示。
(3)在“布局单元格属性”选区中的“宽度”和“高度”文本框中输入所需的宽度和高度值。
(4)在“垂直对齐”下拉列表中选择所需的对齐方式。
(5)在“背景色”下拉列表中选择所需的背景颜色。
2.布局单元格的边框
为布局单元格设置边框可以使整个布局表格更为美观。设置边框的具体操作步骤如下:
(1)选中所需调整的布局单元格。
(2)在“边框”选区中的“宽度”文本框中输入边框的宽度值,系统默认的值为0。
(3)在“颜色”下拉列表中选择边框所需的颜色。
(4)在“应用”选区中选择布局单元格所要使用的边框样式。
3.设置表头和表尾
FrontPage 2003中定义了布局单元格的表头和表尾,可以在表头添加标题,也可以在表尾处添加脚注,并且还可以设置其属性。设置表头和表尾的具体操作步骤如下:
(1)在“单元格格式”任务窗格(见图5.4.9)中单击“单元格表头和表尾”超链接,打开表头、表尾设置区,如图5.4.10所示。
图5.4.9 “单元格格式”任务窗格 图5.4.10 “表头、表尾”设置区
(2)选中需要设置表头和表尾的布局单元格,并且在表头设置区域中选中“显示表头”复选框。
(3)在所指定的布局单元格的表头位置输入单元格的标题。
(4)在“表头”设置区域中设置表头的高度、垂直对齐、背景色、边框宽度、边框颜色等,效果如图5.4.11所示。
图5.4.11 设置布局单元格的表头、表尾效果
4.设置角部和阴影
在FrontPage 2003中可以对布局单元格的表头和表尾进行设置,即给表头和表尾设置角部和阴影,使其更美观更协调。设置角部和阴影的具体操作步骤如下:
(1)将光标置于设置有表头或表尾的布局单元格中。
(2)在“单元格格式”任务窗格(见图5.4.9)中单击“单元格角部和阴影”超链接,打开角部、阴影设置区,如图5.4.12所示。
(3)在“角部”选区中设置单元格角部的宽度、高度、颜色、边框颜色,并且在“应用”选区中选择所需的角部样式,效果如图5.4.13所示。
图5.4.12 “角部、阴影”设置区 图5.4.13 设置布局单元格角部
除了可以设置单元格的角部外,还可以对布局单元格设置阴影,这样可以使布局单元格具有立体感。设置单元格阴影的具体操作步骤如下:
(1)将光标置于设置有表头或表尾的布局单元格中。
(2)在“阴影”选区中设置阴影的宽度、柔和度和颜色,并且在“应用”选区中选择所需的阴影格式,效果如图5.4.14所示。
图5.4.14 设置布局单元格阴影