background image

教学

过程

及内

新知探究

(15 分钟)

在自己电脑的 d 盘新建一个文件夹

“班级座号姓

”,然后,想想我们做框架网页要用到那些网

页,,比如说我点开这个天蝎座,右边出现的这
个网页,这是我们要链接的网页,所以就要预先
把这个网页的所有相关文件放在我们刚才新建的
站点里头要用到的网页全部放过去以后,才开始
真正地制作框架网页。一会做框架网页中用到的网
页链接我们就都在这个站点里找。
建好站点文件夹后,启动 FrontPage,把它默认新
建的这个普通网页关闭掉
在新建框架网页之前我们先打开刚才建好的站点 ,
点击【文件】-【打开站点】,找到刚才我们建的文件
夹,【打开】。
打开站点后,左侧出现一个文件夹列表,里面显
示的是站点文件夹中的所有文件,不需要的时候
我们可以在工具栏中【文件夹列表】点掉,需要查
看的时候可以再点击它就出现了。

(四)新建框架网页

打开站点以后,我们来看下如何新建框架网页,
点击【文件】

-【新建】-

【网页】,在弹出的对话框中,

选择【框架网页】标签,这里有好多种的框架结构
可以供我们选择,刚才我们看到的校内网论坛它
的框架结构就是【横幅和目录】类型的框架,那今
天我们做的只要是目录的就行了。

(五)编辑框架网页

这时候我们看到这个框架网页和我们以前的普通
网页不一样,它分成了左右两个框架,我们可以
对它们进行独立的编辑。
设置左边框架的属性:
右击

-【框架属性】,设置背景,发现站点中没有图

片可做背景,从其他地方找,这时必须先把图片
找到并放到站点中,可在文件夹列表中粘贴。

【表格】

-【插入】-【表格】,设置表格行为 13,列为

1,边框粗细为 0。在表格中输入

“首页”、“天蝎”等

星座名称。并给它们创建超链接,发现没有首页,
找到首页的文件夹,粘贴到站点。建好链接后预览
效果。发现右边刚开始没有页面不好看,在右边框
架中设置初始网页

(六)保存网页

【文件】

-【另存为】

先保存总的框架网页,保存的是一种关系,而不
是网页的具体内容。再保存左边编辑过的框架,右

演示操作

演示操作

演示操作