Frontpage教程:教你制作网页框架

框架

Frontpage教程:教你制作网页框架

框架(Frame)在网页上的应用很普遍,因为它可以同时显示出多个独立网页

也可以将使用者常用的连结一直显示在画面上,减少上一页下一页的切换频率

框架的基本操作

1.先看我们要做到的成品-->可以看出该网站共分3个框架-->上、左、右,如下图:

2.请开启frontpage-->左上角的「档案」-->选「开新档案」-->网页,如下图:

3.会跳出如下视窗:

选择框架页(如图1指示位置)-->选择底下要的框架款式(如图2指示位置)--> 在右下可以看到样式预览(如图3指示位置)-->接着按「确定」即可。

4.之后出现如下画面,可设定各框架网页内容:

开新网页的意思是要自己做一个全新的网页,而设定起始网页是去连结一个已经做好的网页

请将上框与左框设定-->开新网页

右框设定-->设定起始网页-->

可选择在电脑中已做好的网页or网路上的某个网页

此例我们连结到之前做好的个人档案(myself.htm),请点选浏览档案的图示,如下图:

5.步骤4完成后,会出现如下图:

6.此时可以先存档-->此时会有视窗引导存档

第一个是问您上框架的网页要存成什么档名,如图(可自己取名,如top.htm)

接下来会问您左方框架的档案要存什么档名,如图(可自己取名,如left.htm)

最后跳一个视窗-->问您整个框架要存成什么档名,如图 (可自己取名,如index.htm,一般主框页会拿来当做首页,通常网站的首页会命名为index.htm)

为什么没有问到,右框的网页要存成什么档名? 这是因为我们当初设定右框是连结到一个已经做好的网页(myself.htm),既然是已经做好的网页, 自然就没有存不存档的问题

7.框架内容的设定(取消框架线):

在网页的任一处按右键,选「框架内容」,如下图:

选「框架页」-->

将「显示框线」的勾勾去掉,即可取消框架线。

8.最后按照范例,我们在上方网页插图,左方网页先用做一选单。 选单在设定连结时,必须指定两项资讯(与超连结的观念相同)

此连结要连到哪个网页或网址

所指定的连结内容要出现在哪个框架中(如图)