1、1实验十三 利用 FrontPage 制作站点一、实验目的1. 掌握建立站点的方法并编辑其中的新网页2. 掌握建立某种形式的框架网页的方法3. 掌握框架网页的结构4. 掌握书签的使用5. 掌握框架网页的保存二、实验内容在可写硬盘 D 盘或 E 盘的根目录中新建一个以本人学号和姓名为文件名的作业文件夹(例如,081234567 张三) ,完成以下内容:1 打开 FrontPage 2003,在 D 盘根目录下新建名为“lanqiuweb ”的“只有一个网页的站点” ,并在该站点下按下列要求制作网页:(1) 打开网页 index.htm,输入文字“篮球世界” ,并设置字体为方正舒体、蓝色、36 磅
2、、水平居中。(2) 文字下方插入橄榄色的水平线,设置其宽度为 60%,高度为 3 像素,显示为实线(无阴影) 。 【参考 6.3.13】(3) 水平线下方插入任一剪贴画,设置图片大小为宽度 100 像素,保持纵横比;将剪贴画中的白色设置为透明色,并将其绝对定位在网页左方。 【参考 6.3.2】(4) 插入 6 行1 列的表格,单元格衬距为 1,单元格间距为 3,边框颜色为水绿色,对齐方式为水平居中,指定宽度为 50%、高度为 200 像素,在表格中依次输入文字“06-07CBA 常规赛排名” 、 “广东” 、 “八一” 、 “江苏” 、 “辽宁” 、“山东” ,并设置字体为黑体、12 磅、水平
3、居中【参考 6.3.4】 ;为第一行文字设置超链接,指向“http:/ ,目标框架为“新建窗口” 。 【参考 6.3.3 和 6.4.5】(5) 在表格下方输入文字“与我有相同爱好者请留名” ,并在文字下方插入表单,包括一个输入姓名的单行文本框、一个输入联系方式的单行文本框和一个提交按钮,各占一行,且全部居中显示。 【参考 6.3.5】(6) 网页最下方插入一悬停按钮,按钮文本为“与我联系” ,效果为“微微发光“ ,效果颜色为浅蓝色,并超链接到电子邮件地址 。 【参考6.3.63 】(7) 设置网页标题为“篮球” ,背景为黄色。 【参考 6.5.11】(8) 设置网页过渡效果为离开网页时,周期
4、 2 秒,圆形收缩。 【参考 6.3.75】(9) 保存网页,并将网页中插入的剪贴画更名为“basketball.gif”保存在lanqiuweb 网站的 images 文件夹下。 (制作好的网页效果如下图所示)(10) 将整个网站复制到作业文件夹下。22 新建站点“D:FJweb” ,并在该站点下按下列要求制作网页:(1) 新建一个“目录”的框架网页,在左框架、右框架中分别新建网页,并设置左框架名称为 list,宽度为 200 像素,边距宽度、高度均为 20,从不显示滚动条,右框架名称为 content,不可在浏览器中调整大小。 【参考 6.4.1】(2) 在左框架中插入 4 行 1 列的表
5、格,设置表格中单元格边距为 10,边框粗细为0。(3) 在表格中输入文字“中山陵园风景区” 、 “南京莫愁湖公园” 、 “大明王府瞻园”、 “金牛湖风景区” ,并设置字体为黑体,12 磅,居中显示。(4) 在右框架中,插入字幕“旅游天地” ,方向为由左向右,延迟为 140,数量为12,表现方式为交替,重复播放 10 次,字体为方正舒体、36 磅、自定义颜色HexFF,66,00 。 (提示:先在网页中输入文字,设置好颜色后,再设置为“字幕” 。 “自定义颜色”可在“其他颜色”对话框中的“值”文本框中直接输入 HexFF,66,00 。 ) 【参考 6.3.64】(5) 在字幕下方插入 pic-
6、1.jpg 图片,设置其宽度为 160,高度为 120,对齐方式为居中对齐。(6) 参照下面的效果图,在右框架的图片下方插入相应文字(见“文字资料.txt ”),其中标题文字为宋体、12 磅、加粗,且使用黑色方型作为其项目符号;介绍性文字为宋体、10 磅。(7) 为右框架中的标题文字建立同名书签。(8) 为左框架中的文字分别建立超链接,指向右框架网页的对应书签,目标框架为右框架。 【参考 6.4.5】3(9) 为本站点所有网页应用主题“山花烂漫”中的“动态图形” 、 “背景图片”和“鲜艳的颜色” 。 【参考 6.3.14】(10) 将框架网页的网页标题设置为“旅游” 。 【参考 6.5.12】(11) 保存网页,其中左框架为 Left.htm,右框架为 Right.htm,框架网页为Main.htm,均保存在网站目录下。 【参考 6.4.2】(12) 将整个网站复制到作业文件夹下。