实 验 报 告实验课程 大学计算机（一） 实验项目 实验九 Frontpage 基础操作 实验地点 指导教师 叶海彬 班 级 学生姓名 学 号 教师评分 日 期 温州大学城市学院实验报告第 2 页 共 13 页一、实验目的：1、 熟悉 Frontpage 界面，掌握基本操作；2、 掌握网页文字和网页文字动态效果的设置方法；3、 掌握网页表格的设置方法；4、 熟练掌握建立超链接的方法；5、 熟练掌握对图片的设置方法；6、 掌握网页表单的设置方法二、实验环境：硬件：PC 机软件：Windows XP三、实验理论指导：理论要点：1、Frontpage 基本操作1.1 网页的创建、保存。
1.2 网页文字、段落设置1.3 网页属性： 背景色、背景音乐1.4 见面水平线、段落样式 2、网页表格编辑 2.1 表格插入2.2 表格属性设置：大小、边框、背景、布局3、网页图片操作3.1 插入图片3.2 图片属性设置：大小、环绕方式、显示文字3.3 图片超链接3.4 图片热点设置3.5 超级链接设置：文件、网页、邮箱4、表单操作4.1 插入表单对象：文本框、复选框、下拉框等4.2 表单对象属性的设置四、实验项目：完成下列各项操作任务，并将操作结果截图保存到相应的位置温州大学城市学院实验报告第 3 页 共 13 页任务一：网页文字设置按照题目要求完成相应的操作，操作结果如 9-1 所示1、新建网页文件，命名为“我的网页.html” ，修改网页标题为学生本人姓名 （“文件”菜单→保存→文件名/文件类型→“更改标题”钮→输入你的姓名）问题 1：还有什么方式可以修改标题？2、将素材 1 中的文字材料文档中的内容全部复制到网页中，并作如下设置，保存操作结果1）对标题文字作如下设置：字体设置为“方正姚体” ，字形为“加粗” ，字号 36 磅，字符间距为“3pt” ，居中显示，颜色设置为 Hex={00,80,00}。
选取文字→“格式”菜单→“字体”命令→字体/字符间距选项卡……“字体”选项卡→颜色→其它颜色→输入值）问题 2: Hex 是什么意思？2）对正文文字内容作如下设置：对第二段文字字体设置为“隶书” ，字号为“12 磅” ，字符间距为“3pt” 设置第五段的首行缩进为“40pt” ，段前段后分别为“50pt”和“60 pt”选取文字→“格式”菜单→“段落”命令→首行缩进/段前/段后）3、 在文字内容后插入水平线，设置水平线宽度为 100%，高度为 5 像素，对齐方式为“居中”，颜色为“红色” 插入”菜单→“水平线”命令→双击水平线→高度/宽度/对齐方式/颜色)4、把素材 1 中的音乐素材.mid 作为网页的背景音乐，设置播放的循环次数为 3 次 （网页上右击→网页属性→“常规”选项卡→背景音乐→位置/循环次数）5、设置网页的背景颜色为“黄色” （网页属性→“格式”选项卡→“颜色”组框→背景）6、CSS 样式设置：定义段落样式，名称为“ fp”,字体设置为“黑体” ，字型设置为“倾斜” ，加下划线此样式应用于文章最后一段 （“格式”菜单→“样式”命令→“新建”钮→名称/样式类型/“格式”钮）温州大学城市学院实验报告第 4 页 共 13 页图 9-1 任务一效果图任务一操作结果截图：温州大学城市学院实验报告第 5 页 共 13 页任务二：网页表格编辑新建网页文件，网页文件名为“我的表格.html” ，根据效果图和相应要求完成操作，操作结果如图 9-2 所示： 1）在页面插入一个 4 列、6 行的表格；（“表格”菜单→“插入”命令→表格→行数/列数）2）设置表格属性：将表格宽度设置为 400 像素，高度设置为 200 像素，对齐方式为水平居中，边框颜色为黑色，网页背景颜色设置为 Hex={99,CC,FF}；（表格上右击→表格属性）问题 3：表格属性和单元格属性有什么区别？3）表格标题为宋体，字形加粗，大小 14 磅，字符间距 3pt，居中；4)表格中文字为宋体，大小 10 磅，居中； 5)设置表格边框粗细为 3，暗边框颜色为 Hex={C0,C0,C0}；（表格右击→表格属性→边框）6)将“我的邮件”与电子邮件地址：学生本人的 邮箱建立链接；图 9-2 任务二效果图任务二操作结果截图：温州大学城市学院实验报告第 6 页 共 13 页温州大学城市学院实验报告第 7 页 共 13 页任务三：网页效果与链接打开素材 3 文件夹中的“好吃街.html”文件，按照题目要求完成相应的操作，结果如图 9-4 所示。
1、将网页顶部的图片“好吃街”的大小改为宽度 700，高度为 70图片右击→“图片属性”)问题 4:当改变宽度和高度中的一个值，另一个值相应改变，是何原因？2、设置网页的标题为“好吃街” 3、对每个栏目中的内容使用“无格式项目列表”中的实心圆点项目符号方式，并且内容的段落行距设置为 1.5 倍行距 （选取内容→“格式”菜单→“项目编号和符号”命令→“无格式项目列表”选项卡→实心圆点项目符号） （选取内容→“格式”菜单→“段落”命令→行距大小：1.5 倍）4、将网页底部的文本“这里是好吃街……” ，设置为滚动字幕，方向向左，其余采用缺省设置 （选取文字→“插入”菜单→“Web 组件”命令→动态效果：字幕→方向：左）问题 5：是否设置完成就能看到字母滚动效果？需要如何操作才看到效果？5、设置网页过渡效果为“离开该网页时，呈圆形放射” （“格式”菜单→“网页过渡”命令→事件：离开网页/过渡效果：圆形入射）图 9-3 网页过渡效果设置温州大学城市学院实验报告第 8 页 共 13 页6、为“美味特色菜”栏目中的“彩带鱼头”设置超链接， 将其链接到 图 9-4 任务三效果图任务三操作结果截图：温州大学城市学院实验报告第 9 页 共 13 页温州大学城市学院实验报告第 10 页 共 13 页任务四：网页图片与热区打开素材 4 文件夹中“fp.htm” ，按照题目要求完成相应的操作任务，结果保存到实验九文件夹下：1、 按照效果图 9-5 所示的位置，将素材 4 中图片文件夹下的 a.jpg、b.gif、c.gif 三张图片分别插入到相应的位置，图片的环绕样式根据效果图进行适当的设置。
（选取位置→“插入”菜单→“图片”命令→来自文件，双击图片可进行环绕样式等的设置）2、 热区设置，将图片 b.gif 设置为圆形热区，与图片 d.jpg 链接，屏幕提示文字为“F-16 在高原上空” （打开图片工具栏→选取图片→选取热区形状→设置链接）3、 热区设置，将图片 c.gif 设置为圆形热区，与图片 e.jpg 链接，屏幕提示文字为“F-16 在海洋上空” 4、 将文本“返回”与 建立链接5、 将文本“更多”与 建立链接图 9-5 任务四效果图温州大学城市学院实验报告第 11 页 共 13 页任务五：网页表单打开素材 5 文件夹下“网站注册表.htm” ，按照题目要求完成相应的操作任务，操作结果如图 9-6 所示： 1、 在网页文件“网站注册表.html” 提供的表格下方插入一个表单，将表格剪切到表单中，对照题目中的效果图形输入相应文本内容和表单对象 （选择位置→“插入”菜单→“表单”命令→表单）2、 设置文本“网站注册表” ，字号为 18 磅；设置“网站 ID”处的文本框命名为 ID，Tab 键次序为 1；设置“密码”和“确认密码”处的文本框名称分别为 password 和 psdrepeat，Tab键次序分别为 2，3；将“姓” 、 “名”和“邮政编码”处的文本框分别命名为firstname、lastname 和 postnumber ，宽度为 10，Tab 键次序依次为 4、5、6。
3、将“学历”处的下拉框命名为 education，Tab 键次序为 7，添加的选项如下：表 9-1 下拉框值选项 值选择 No高中以下 高中以下大专 大专本科 本科硕士以上 硕士以上4、将“兴趣”处复选框 Tab 键的次序值按由左至右，由上至下的次序递增5、将提交按钮命名 submit，类型为提交，重置按钮命名为 reset，类型为重置温州大学城市学院实验报告第 12 页 共 13 页图 9-6 任务五效果图任务五 操作结果截图：温州大学城市学院实验报告第 13 页 共 13 页任务六：综合技巧运用按照下列题目要求完成相应的操作任务：综合运用 Frontpage 的操作技巧，新建个人站点，命名为“个人求职网站” ，要求至少包含两个网页，要求涉及的网页元素包括：文字、图片、超链接、水平线、表格、字幕动态效果，其他效果可自由发挥将站点保存到实验九文件夹中五、实验总结：1. If you are English Major student, please answer the question in English. What do you get from this experiment? 2. Any questions: 3．Your E-mail: 。