Frontpage教程:教你制作网页框架 - Frontpage教程 - 脚本交流论坛 软件下载网|软件下载论坛|软体下载|软件分享 - Powered by Discuz! 亚博世界杯app,亚博网上投注,yabo体育网
发新话题
打印

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

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

框架



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

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

? ?

? ?

? ?
框架的基本操作

? ?
1.先看我们要做到的成品-->可以看出该网站共分3个框架



框架



? ? 框架(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.最後按照范例,我们在上方网页插图,左方网页先用做一选单。
选单在设定连结时 , 必须指定两项资讯(与超连结的观念相同)

? ?

? ?? ???

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

? ?? ???

? ?? ???

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

? ?? ???

? ?

? ?

TOP

发新话题
最近访问的版块