实验九--Frontpage基础操作参考.doc

实 验 报 告实验课程 大学计算机（一） 实验项目 实验九 Frontpage 基础操作 实验地点 指导教师 叶海彬 班 级 学生姓名 学 号 教师评分 日 期 一、实验目的：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表单对象属性的设置四、实验项目：完成下列各项操作任务，并将操作结果截图保存到相应的位置任务一：网页文字设置按照题目要求完成相应的操作，操作结果如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”,字体设置为“黑体”，字型设置为“倾斜”，加下划线。

此样式应用于文章最后一段格式”菜单→“样式”命令→“新建”钮→名称/样式类型/“格式”钮）图9-1任务一效果图任务一操作结果截图：任务二：网页表格编辑新建网页文件，网页文件名为“我的表格.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任务二效果图任务二操作结果截图：任务三：网页效果与链接打开素材3文件夹中的“好吃街.html”文件，按照题目要求完成相应的操作，结果如图9-4所示。

1、将网页顶部的图片“好吃街”的大小改为宽度700，高度为70图片右击→“图片属性”)问题4:当改变宽度和高度中的一个值，另一个值相应改变，是何原因？ 2、设置网页的标题为“好吃街”3、对每个栏目中的内容使用“无格式项目列表”中的实心圆点项目符号方式，并且内容的段落行距设置为1.5 倍行距选取内容→“格式”菜单→“项目编号和符号”命令→“无格式项目列表”选项卡→实心圆点项目符号）（选取内容→“格式”菜单→“段落”命令→行距大小：1.5倍）4、 将网页底部的文本“这里是好吃街……”，设置为滚动字幕，方向向左，其余采用缺省设置选取文字→“插入”菜单→“Web组件”命令→动态效果：字幕→方向：左）问题5：是否设置完成就能看到字母滚动效果？需要如何操作才看到效果？ 5、 设置网页过渡效果为“离开该网页时，呈圆形放射”。

格式”菜单→“网页过渡”命令→事件：离开网页/过渡效果：圆形入射）图9-3网页过渡效果设置6、 为“美味特色菜”栏目中的“彩带鱼头”设置超链接， 将其链接到图9-4任务三效果图任务三操作结果截图：任务四：网页图片与热区打开素材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任务四效果图任务五：网页表单打开素材5文件夹下“网站注册表.htm”，按照题目要求完成相应的操作任务，操作结果如图9-6所示： 1、 在网页文件“网站注册表.html”提供的表格下方插入一个表单，将表格剪切到表单中，对照题目中的效果图形输入相应文本内容和表单对象。

选择位置→“插入”菜单→“表单”命令→表单）2、 设置文本“网站注册表”，字号为18磅；设置“网站ID”处的文本框命名为ID，Tab键次序为1；设置“密码”和“确认密码”处的文本框名称分别为password和psdrepeat，Tab键次序分别为2，3；将“姓”、“名”和“邮政编码”处的文本框分别命名为firstname、lastname和postnumber ，宽度为10，Tab键次序依次为4、5、63、 将“学历”处的下拉框命名为education，Tab键次序为7，添加的选项如下： 表9-1下拉框值选项值选择No高中以下高中以下大专大专本科本科硕士以上硕士以上4、将“兴趣”处复选框Tab键的次序值按由左至右，由上至下的次序递增5、将提交按钮命名submit，类型为提交，重置按钮命名为reset，类型为重置图9-6任务五效果图任务五 操作结果截图：任务六：综合技巧运用按照下列题目要求完成相应的操作任务：综合运用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: [文档可能无法思考全面，请浏览后下载，另外祝您生活愉快，工作顺利，万事如意!] / 。