欢迎来到天天文库
浏览记录
ID:52884317
大小:3.10 MB
页数:24页
时间:2020-03-31
《FrontPage 2003的表格和表单制作实例.pdf》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、FrontPage2003的表格和表单制作实例内容提要:本文主要介绍FrontPage2003的表格和表单制作实例。通过实例介绍了如何使用表格来进行页面布局,如何利用表单来和网页的浏览者交流信息。关键字:表格、文本区、文件上载表单、图片表单引言:表格在表现形式上具有非常大的优点,在许多工作中有着广泛的应用。同样,表格功能也常用来布设网页文本和图片的位置。表单用于表现特殊的信息,使用户和网站进行交互。本章介绍如何使用表格来进行页面布局,如何利用表单来和网页的浏览者交流信息。正文:实例1用表格排版实例说明表格还
2、可以用于排版,将一张比较大的图片切成许多小块,然后再像拼图一样将每块重新拼起来,表格就像模板一样,在每个单元格中填入一张图片。这种设计可以很好的控制网页的版面,而且在网页下载时,分成小块的图片下载也比完整的大图片要快。在浏览网页时,根本就看不出表格的存在。本例就是利用表格来组织页面,通过表格的嵌套,实现版面的统一。最终的效果如图1所示。图1创作步骤(1)运行FrontPage2003,单击“文件”→“新建”命令,在界面右侧弹出的“新建”任务窗体中选择“空白网页”。(2)在空白处单击鼠标右键,在弹出菜单中选择
3、“网页属性”。(3)在弹出的“网页属性”对话框中,选择“格式”选项卡,在“背景”选区勾选“背景图片”,单击“浏览”,选择“bg.gif”为背景图片,如图2所示。(4)选择“表格”→“插入”→“表格”命令。(5)设置插入的表格(表格1)行数为“1”,列数为“2”;指定宽度为“700”像素;单元格衬距以及单元格间距为“0”;边框的粗细为“0”;其他均为默认值,最后单击“确定”保存配置,※1※如图3所示。图2图3(6)选择“表格”→“插入”→“表格”命令,在第一列单元格中插入新的表格(表格2),如图4所示。图4(
4、7)设置插入的表格(表格2)行数为“7”,列数为“1”;指定宽度为“150”像素;单元格衬距以及单元格间距为“0”;边框的粗细为“0”;其他均为默认值,最后单击“确定”保存配置。(8)选择表格1的第一列单元格,单击鼠标右键,选择“单元格属性”命令。(9)在“单元格属性”对话框中,选择“垂直对齐方式”为“顶端对齐”,如图5所示。(10)选择“插入”→“图片”→“来自文件”命令,在表格2的第一行插入图片。(11)选择名为top的图片插入第一行,如图6所示。(12)在第二行至第七行中依次插入名为second、b1
5、、b2、b3、b4、bottom的图片。完成后效※2※果如图7所示。图5图6图7(13)选中表格1的第二列,单击鼠标右键,选择“单元格属性”命令。(14)在“单元格属性”对话框中,选择“垂直对齐方式”为“顶端对齐”。(15)选择“插入”→“图片”→“来自文件”命令,在表格1的第二列插入图片,如图8所示。图8※3※(16)选择名为welcome的图片插入表格中,如图9所示。图9(17)按回车键,选择“插入”→“图片”→“来自文件”命令。(18)选择名为divide的图片插入表格中。(19)重复步骤(17)、(
6、18)在同一行再插入divide图片。完成后如图10所示。图10(20)按回车键,在表格1的第二列的底部插入名为ball的图片。也可以仍然通过表格来组织表格1的第二列中的图片。为了对比表格排版的作用,本例第二列的图片没有采用表格排版。(21)存盘。在浏览器中预览效果。实例2在网页中插入表格实例说明表格在网页中占有非常重要的地位,在较正式的网页中往往都有表格存在。表格是组织文字的一种方法,使文字看起来协调有序,也是网页排版的重要基础。本例学习如何在网页中插入表格,并对表格进行简单的合并、拆分。最终的效果如图1
7、1所示。创作步骤(1)运行FrontPage2003,单击“文件”→“新建”命令,在界面右侧弹出的“新建”任务窗体中选择“空白网页”。(2)在空白处单击鼠标右键,在弹出菜单中选择“网页属性”。※4※(3)在弹出的“网页属性”对话框中选中复选框“背景图片”,单击“浏览”,为网页选择名为stubkgnd的图片作为网页的背景图片,如图12所示。图11图12(4)单击“表格”→“插入”→“表格”命令。(5)设置插入的表格行数为“2”,列数为“2”,指定宽度为“100”百分比(也可按需要指定其他数值),单元格衬距为“
8、1”,单元格间距为“1”,边框粗细为“1”,其他为默认值。最后单击“确定”插入表格。(6)完成后可以在表格内插入文本“产品名称”、“价格”等,如图13所示。(7)右键单击一单元格,选择“插入行”,则表格会变成3行2列,如图14所示。图13图14(8)右键单击第二列单元格,选择“插入列”,则在第一列与第二列之间会产生新的一列。(9)在新的列中输入文本“编号”,选择第一行,单击工具栏中的“居中”,文字会在表格中以居中
此文档下载收益归作者所有