FrontPage2003网页制作解读
- 格式:ppt
- 大小:1.99 MB
- 文档页数:120
Frontpage 2003网页制作解答A.四、网页编辑操作(5×6分=30分)启动FrontPage,打开主页index.htm,按下列要求设计,并以:7位学号-姓名.htm为名保存在D盘以你的学号命名的文件夹中1、设置网页标题为:湖州旅游网,在第一行左端插入图片bar81.jpg、中部输入红色文字“欢迎您到湖州来”,并调整二者的大小、相对位置至近似样张。
2、以表格方法来布局下半部网页内容,使图文混排的相对位置近似样张,隐去表格线。
3、在表格左上角建立具有灰色底纹的文本,并建立两个超链接,其中,“文化一讲义下载”,链接到test1.txt;“文化二讲义下载”,链接到test2.txt,目标框架均为“新建窗口”。
4、表格左中部插入图片tp86.jpg,然后分别对三个粉红区域建立热点,其中:“首页“与index.htm链接、“注册”与xjh.jpg相链接,目标框架均为“新建窗口”;“联系我”链接邮件地址为:abc@。
5、表格中部和底部的文本均取之于文件test1.txt中部分内容,表格右上角插入剪贴画“湖泊”中的图片,在剪贴画的左上角输入蓝色文字“湖州”,字体、大小自定。
注意:由于显示器分辨率或窗口大小的不同,网页中文字的位置可能与样张略有差异,图文混排效果与样张大致相同。
答:1.启动FrontPage,打开主页index.htm,在其空白处点击右键在出现的快捷菜单中选择网页属性设置网页标题为:湖州旅游网,按要求插入图片、输入红色文字,调整大小至近似样张;2. 插入9行3列的表格并隐去表格线,按样张所示合并第2、第3列;3. 设置第1列,1、2、3行单元格背景色为灰色底纹键入如样张所示的文字,分别按要求建立超级链接后合并1、2、3单元格;4. 在表格第1列中部插入图片tp86.jpg,选中图片点击右键打开图片工具栏,选择相应的热点链接工具对三个粉红区域建立热点链接;5. 在样张所示的位置插入/文件/test1.txt,剪贴相关内容并调整如样张所示;在表格右上方插入剪贴画“湖泊”,打开图片工具栏选定文本工具,在左上角插入蓝色文字“湖州”;切换到预览与样张比较,菜单:文件/另存,以:7位学号-姓名.htm为名保存在D盘以你的学号命名的文件夹中。
FRONTPAGE2003 教程(设计网站部分)FrontPage2003 教程轻松布局网页用FrontPage2003的“布局表格和单元格”功能布局网页时,需要通过两部分来完成。
首先通过“布局表格”功能来为网页布局创建一个框架,然后通过“布局单元格”功能为该框架填充包含有网页内容(包括文本、图像、Web部件和其他元素)的区域,也就是单元格。
下面我们就以设置一个单位网站首页为例来了解一下用布局表格给网页布局的过程。
一、创建布局表格1.创建布局表格打开一个空白网页,并切换到“设计”视图下,单击“表格”菜单中的“布局表格和单元格”命令,随后在右侧弹出一个任务窗口(图1),在该任务窗口下面程序提供了多种表格布局模板,在此单击其中需要的模板即可将该模板添加到网页中。
2.绘制布局表格如果你对模板中提供的布局表格不太满意,还可以用手工绘制的方法创建一个布局表格。
创建时首先在“新建表格和单元格”项中单击“绘制布局表格”,随后将指针移到操作窗口最下。
3.设置表格属性插入表格后,还需对表格属性进行设置。
在“表格属性”项中设置该表格所需的属性。
提示:在设置表格时,如果要想覆盖网页的默认边距,并让布局表格跨到文档窗口的边缘,可以将表格中的各个边距的属性都设置为0。
在设计框架时经常需要调整某一行或列的属性,这时可以通过表格中列宽和行高的标签来完成。
在操作窗口中单击布局表格需要调整的边框,每一侧都会出现显示列宽和行高的标- 1 -签。
每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单,选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。
FrontPage2003还提供了一个表格自动功能,它可以按照比例自动伸缩,调整表格的宽度和高度,使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整,非常方便。
二、单元格的添加和设置1.添加单元格布局表格创建了网页框架后,还要向表格中添加单元格。