跟我一起用FrontPage2000作网页--表格篇

 

 
  FrontPage2000是微软继FrontPage98后推出的一个全新的“所见即所得”的网页编辑器。新版本的FrontPage把网页管理器和网页编辑器合二为一,并使得利用FrontPage2000制作的网页支持最新的网页标准,比如XML,CSS2等等。虽然功能得到提升,但FrontPage2000的易用性是有目共睹的,虽然现在许多网友选择Dreamweaver制作网页,但事实上FrontPage2000还是初学者和专业人士的首选的工具。

虽然FrontPage2000是一个全新的网页编辑工具,但它还是延续了FrontPage98的一些操作方式和编辑方式。在一些编辑过程中更为智能化,你能利用FrontPage2000作出任何DHTML网页。在这一次的文章中,我想让大家和我一起来利用表格制作网页。在讲解开始前,我假设在你的系统中已经安装好了FrontPage2000中文版
,并且曾经使用过FrontPage98,而我以中文版为图示说明。

>>表格的作用

无论你从事什么工作,一定和表格打过交道。填写个人资料,或者申请某项服务你必须填写相应的表格。而在这里的表格作用是分割不同的数据,使得相关人员能更好的查看和收集信息。那么,作为以电脑为载体的表格,它此时的作用就是“格式化“数据,它的作用和填写表格是一样的。在制作网页中,表格出现了另一种作用,就是安排和定位文本和网页的相关对象,比如图片,视频等等。

过去利用表格制作网页是有一定难度的,因为你必须记住相关的表格HTML代码,自从“所见即所得”网页编辑工具出现后,表格逐渐显示出了它在网页制作过程中的独特作用。目前大多数网站都是利用表格来制作的,利用表格最大好处是,你能很方便的编辑对象,而不会影响到其它表格或者单元格里的对象。

总结表格的作用:

1.格式化数据
2.在网页制作中,安排和定位网页文本和对象

>>利用FrontPage2000创建表格

利用FrontPage2000可以方便的创建任何表格样式,你可以有三种方法创建:

在开始创建表格前,你必须打开FrontPage2000,FrontPage2000会自动打开一个空白页。

1.快速创建表格

先在空白页上点选要插入表格的位置,然后在工具栏单击“插入表格”按钮,拖曳鼠标“向右”可以选择表格的列,“向下”拖曳可以选择表格的行。如果需要创建比较复杂的表格,可以拖曳鼠标到你需要的列和行的位置,然后释放鼠标即可。在(图1)中创建了一个3(行)x4(列)的表格。

图1          图2


2.插入表格

插入表格可以让让你更精确定置表格,比如设置表格的“对齐方式”,“边框粗细”等等。选择“表格菜单/插入/表格”项,在打开的对话框里设置你需要的表格属性,关于表格属性,我们下面将讲到。这里我们输入需要的行和列的数值,单击“确定”表格创建完毕。(图2)

3.绘制表格

除了上面的两种创建表格的方法外,你也可以通过表格画笔来绘制自己需要的表格。选择“表格菜单/手绘表格”项,这时侯鼠标指针变成了一只画笔。在你需要插入表格的地方,单击画笔,拖曳画笔绘制出你需要的表格,然后释放画笔,表格被创建。如果你需要分割表格,在需要分割的地方一端拖曳画笔到另一端并连接即可。

当你选择绘制表格时,会在窗口显示浮动的“表格工具栏”。你也可以把浮动的工具栏拖曳到窗口工具栏上固定下来,以便以后使用。(图3)

图3

>>填充内容

当你创建好表格后,需要向里面填充内容,文本或者图片。填充内容的方法有很多种,对于文本可以复制后粘贴到表格里;对于图片可以选择“插入菜单/图片/来自文件”项。(图4)

图4

>>设置表格属性

1.基本属性

表格有许多属性,它能让你定制出符合你要求的表格来。而在网页布局中,表格的属性也将影响到文本和其它对象的安排。(图5)显示了表格的各项基本属性。

图5

表格边框:
表格的边框一般是显示的,而为了页面需要,一般来说我们会关闭表格的边框,也就是边框值为“0”。当然,你在FrontPage2000中编辑网页时,关闭后的边框将以虚线显示,而浏览的时侯,边框是不可见的。在FrontPage2000中表格的默认边框值为“1”。

单元格格间距:
在一个表格中,单元格与单元格之间的距离称为单元格格间距。在FrontPage2000中表格的默认边框值为“2”。

单元格格边距:
在一个表格中的一个单元格中,表格边距与该单元格中的正文之间的距离称为单元格格边距。在FrontPage2000中表格的默认边框值为“1”。

2.表格属性

我们在设置表格属性时,可以针对整个表格,也可以针对表格中的单元格。当你在页面中创建一个表格后,选择“表格菜单/属性/表格”项来设置表格的属性。(图6)

图6

在表格属性设置中有三个大项:

布局:

对齐方式-
在页面中摆放表格的位置,可以选择右对齐,左对齐,水平居中,两端对齐。默认情况是靠左对齐,但这要视表格大小来决定。

浮动-
指定文本与某一格表格的环绕方式,就好像文本环绕图片一样。

单元格格边距-
表格边距与该单元格中的正文之间的距离,默认为“1”,你可以按自己的需要设置数值。

单元格格间距-
单元格与单元格之间的距离,默认为“2”,你可以按自己的需要设置数值。

指定宽度-
设置表格的宽度。表示表格大小的单位有两种:百分比和像素。一般来说,我们选择百分比作为表格大小的单位,因为它可以根据访问者显示器大小和浏览器窗口大小自行调整,灵活性较高。

指定高度-
设置表格的高度。如果你没有指定高度的值,那么表格将根据表格中的对象自行调整。

边框:

大小-
设置表格边框的大小,默认是“1”。但为页面设计需要,我们需要关闭表格边框,即设置为“0”。

颜色-
设置表格边框的颜色。如果你取消了边框,那么颜色设置将无效。

亮边框-
设置表格外边框的颜色,它能配合暗边框作出阴影的效果来。

暗边框-
设置表格内边框的颜色,它能配合亮边框作出阴影的效果来。

背景:

颜色-
设置整个表格的背景颜色。你可以通过下拉的颜色板选择自己满意的颜色。

使用背景图片-
如果你想利用图片作为背景,那么单击浏览按钮选择背景图片。

3.单元格属性:

选择你需要设置的单元格。利用鼠标单击某一个单元格,然后选择“表格菜单/属性/单元格格”项来设置单元格的属性。(图7)

图7

单元格属性的设置和表格属性的设置是一样的。单元格格属性是针对一个单元格格进行的设置,而表格属性是针对整个表格的。大家要注意的是,如果你为某一格单元格格设置了属性,那么表格属性将在这个单元格格里无效。比如,你设置了表格的背景色,但你又设置了某单元格格的背景色,那么单元格格背景色将覆盖表格的背景色。(图8)

图8


单元格格属性有些设置和表格属性是不同的:

水平对齐方式-
该项设置决定了单元格格内文本或者图片的水平对齐方式。可以选择右对齐,左对齐,水平居中,两端对齐。

垂直对齐方式-
该项设置决定了单元格格内文本或者图片的垂直对齐方式。默认是居中对齐,但一般我们利用表格来设计网页,需要设置成为“定边对齐”。

行(列)跨距-
设置不同的单元格格大小,一般来说我们表格中的单元格格是一样大的。如果想得到不同的单元格格大小,你需要在这里指定。比如,我们可以把某一个单元格格的高度设置为两行。

标题单元格格格-
如果你选择了该项,那么该单元格格内的文本将作为标题显示为粗体,一般不选择该项。

不换行-
如果你选择了该项,那么在单元格格内的文本将在同一行上显示。

>>调整表格

当创建了一个表格后,你可以利用FrontPage2000提供的表格工具很方便的调整表格,比如合并单元格格,删除单元格格,合并行,合并列等等。

插入行,列和单元格格

点选表格某一行或者列,选择“表格/插入/行或列”,这时弹出“插入行和列”设置框。(图9)在设置框选择你想加入行或者列。然后选择想增加行或者列数。在位置项,你可以选择想增加行或列的位置。位置将根据你选择增加行或者列出现不同的内容。设置好后,单击“确定”即可。
(图9)

点选某一个单元格,选择“表格/插入/单元格格”,这时侯在点选的单元格格旁将出现和原单元格属性相同的单元格格。还有一种方法插入单元格格,先点选某一个单元格格,选择“表格/拆分单元格格”;或者单击表格工具栏上的“拆分单元格格”按钮,这时弹出“拆分单元格格”设置框(图10),选择你想拆分列或者行,然后选择列和行数,单击确定按钮。

图10


删除行,列和单元格格

删除行,列和单元格格,需要先选择行,列和单元格格。选择“表格菜单/选定/列(行或者单元格格)”,这时侯相关的行,列和单元格格被选定。然后选择“表格菜单/删除单元格格”。

你也可以通过表格工具来完成删除的操作。利用鼠标移动到某一行的边缘,此时鼠标指针变成指向右方向的箭头,单击箭头,该行将被选定,然后单击“删除单元格格”按钮。对于列的选择,利用鼠标移动到某一列的边缘,此时鼠标指针变成指向下的箭头,单击箭头,该列将被选定,然后单击“删除单元格格”按钮。

你也可以通过“合并单元格格”来合并两个相邻单元格格。利用菜单或者工具栏选择两个单元格格(方法同上),然后单击“合并单元格格”按钮,你选定的两个单元格格将被合并。

>>利用表格布局网页

表格在网页制作中能很好的控制文本和图片,表格能让你的页面具有良好的易读性。利用表格的详细设置,你能创建符合页面需要的表格。单击这里是一个利用表格制作的网页,下面我们一起来利用表格制作这个网页:

1.选择文件菜单/新建/网页,在打开的模板选择窗口,选择“普通网页”,单击确定;

2.快速创建一个三行的表格。在页面任何地方,单击鼠标右键,在快捷菜单选择“网页属性”,在打开的设置窗口选择“背景”选项卡,设置颜色为“白色”,然后选择“边距”选项卡,激活“指定上边距”,“指定左边距”,并设置为“0”像素。这样,表格可以和页面边框无缝接合;

3.在表格的第一行,插入网页的标题;

4.在表格第二行,插入一个一行三列的第二个表格。把该表格的第一个单元格的宽度百分比设置为20;把第三个单元格宽度百分比为20;第二个单元格格就是最大的一个单元格,这里将放置页面的主要内容;

5.在第二个表格的第一个单元格里放置上站点的“目录”,目录是一个导航栏,来方便访问者浏览你的站点。目录可以是图片形式,也可以是文本形式。在第二个单元格格里放置你想告诉访问者的一些信息,比如每天的更新信息;在第三个单元格格里放置一些相关内容,比如友情连接等等,这些都根据你的需要自行设置。这里还要提醒大家一点,虽然这里有三个单元格,但为了更好的控制页面,你需要在这些单元格格里再插入一个表格,然后再放置相关内容。你也要把每个单元格格属性的“垂直对齐方式”选择为“顶边对齐”;

6.在第一个表格的第三行里插入制作者的信息;

7.最后关闭所有表格的边框大小,设置为“0”;

8.保存这个页面,网页制作完毕。

上面只是简单的介绍了一个利用表格制作页面的几个步骤,当然,这其中还包括了一些具体的设置。这就需要大家熟悉表格的各项属性设置。

利用表格制作网页是目前大多数个人和商业站点的选择,它也是一项基本的网页制作工具。利用FrontPage2000你可以利用表格制作出任何错综复杂的网页。其实,从某种意义上来说,制作网页最需要具备的不是工具,而是多变的头脑。在以后的文章中,我将继续向大家介绍有关于FrontPage2000制作网页的一些好的方法。