首页 > 网站建设教程_网页制作视频教程 > 网页制作入门(9)建立表格

网站建设教程_网页制作视频教程

网页制作入门(9)建立表格

发布:E时代科技  分类:网站建设教程_网页制作视频教程 浏览:1255 次

  网页制作入门(9)建立表格

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

jlbg02.jpg

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

  表格的作用:

  1.格式化数据

  2.在网页制作中,安排和定位网页文本和对象

  利用FrontPage Express插入表格有两种方法:

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

  2.单击菜单“表格”,点选“插入表格”。在插入表格对话框,设置表格的行和列数字,单击确定。

  当你创建好表格后,需要向里面填充内容,文本或者图片。下面我们来认识一下表格:

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

  表格边框:

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

  单元格格间距:

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

  单元格格边距:

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

  在表格中,我们可以设置表格属性和单元格属性:

  表格属性:

  点选表格,单击鼠标右键,从快捷菜单中选择“表格属性”。如图是表格属性面板,在布局栏,对齐方式是指在页面中摆放表格的位置,可以选择右对齐,左对齐,水平居中,两端对齐;

  边框线宽度是指表格是否显示表格线,如果设置为O,表格将隐藏表格线,访问者就无法看出表格来;

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

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

  在自定义背景栏,点选使用背景图像,单击浏览按钮可以利用图片作为表格的背景,在背景色下拉列表可以选择颜色作为表格的背景颜色;

  在自定义颜色栏可以设置边框的颜色,如果你取消了边框,那么颜色设置将无效。

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

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

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

  单元格属性:

  点选表格,单击鼠标右键,从快捷菜单中选者“单元格属性”41.jpg。单元格属性42.jpg的设置和表格属性的设置是一样的。单元格格属性是针对一个单元格格进行的设置,而表格属性是针对整个表格的。大家要注意的是,如果你为某一格单元格格设置了属性,那么表格属性将在这个单元格格里无效。比如,你设置了表格的背景色,但你又设置了某单元格格的背景色,那么单元格格背景色将覆盖表格的背景色。

  除了对表格和单元格的属性设置外,你还能利用表格工具很方便的调整表格,比如合并单元格格,删除单元格格,合并行,合并列等等。

  单击菜单“表格”,从下来菜单中你能看到许多指令选项。

  插入表格:

  你可以在已经建立的表格里再插入新的表格;

  插入行和列:

  点选表格某一行或者列,单击菜单“表格”,点选“插入行或列”,这时弹出“插入行和列”对话框。在对话框选择你想加入行或者列。然后选择想增加行或者列数。在位置项,你可以选择想增加行或列的位置。位置将根据你选定的行或者列安排。设置好后,单击“确定”即可。

  插入单元格:

  你可以在表格任何一个单元格旁,在添加新的单元格。先点选单元格,然后选择插入单元格,这时在选定的单元格旁新插入了一个单元格。

  插入标题:

  表格一般会有一个标题,来说明该表格的内容。选定表格,选择插入标题,此时光标会出现在表格的上面。输入文本就可。你可以设置标题属性来把标题文字处于表格德顶端或者底端。选择标题属性,在弹出的对话框中进行设置。

  合并单元格:

  你可以把左相邻的两个单元格合并为一个。先选定需要合并的两个单元格,方法是移动鼠标到表格边框,当光标变成箭头时,按下鼠标左键。选择菜单中的合并单元格,被选定的单元格就合并成一个了。

  拆分单元格:

  你可以把一个单元格拆分为多个单元格。选定需要被拆分的单元格,点选拆分单元格,在弹出的对话框中设置拆分成行还是列并指定拆分的单元格数量。

  表格不但能有效管理数据,还能在制作网页中分隔布局。删除表格或者单元格,先选定要删除的单元格或者表格,在菜单表格中选择要被删除的单元或者表格,按下Delete键就可。