a.用鼠标选定第二行的文字“个人信息”,然后单击“ ”超链接工具按钮,出现【编辑超链接】对话框。
b.在对话框中的【可选】区域中,打开【书签】下拉列表框,出现上面所定义过的三个书签名称:aaa、bbb、ccc。选中“aaa”后单击【确定】按钮,则第二行上的“个人信息”被链接到“aaa”书签上。
c.用同样的方法将“兴趣爱好”、“喜爱站点”分别链接到“bbb”、“ccc”书签。
(4)将网页文件保存起来,并在浏览器中浏览。当单击第二行上的“个人信息”、“兴趣爱好”、“喜爱站点”时,屏幕会自动滚动到相应的书签位置并显示内容。
四)、超链接的编辑
1、 修改超链接目的端
右击链接源→超链接属性→编辑超链接对话框→选择要链接的目的端→ok
2、 设置超链接颜色
右击网页空白处→主题→修改→颜色→自定义→项目→超链接→颜色→ok→另存为→保存主题→ok
3、 删除超链接
方法1:选中超链接文本或图片→delete
方法2:右击超链接(在网页视图模式下)→超链接属性→在url地址栏中,删除其内容→ok
五)、上机操作
在文字和图片上建立超链接。分别以绝对网子和相对网子以及书签的方式建立。
第七节 框架网页
一、 教学目的:学习框架网页的制作方法,掌握框架网页的构成。
二、 教学重点:框架网页的制作, 框架网页的属性。
三、 教学时间:2课时
四、 教学步骤:
一)、框架页的基本组成
框架页是一种特殊格式的网页,主要由边框、网页、滚动条组成。在框架页中,每个框架都有一个网页相连接。当打开框架页时,则同时载入每个框架所相连的网页文件。
在框架页中显示的是三个独立的网页组成的(实际下载了四个网页,还包括框架页本身这个网页)。主体框一般用来显示正文内容的。
二)、创建框架页
FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下:
(1)打开【文件】菜单,选择【新建】菜单项,在子菜单中选择【网页】菜单项,出现新建对话框。
(2)在对话框中单击【框架网页】选项卡。
(3)在选项卡中选择【目录】,此时在【预览】栏中会显示被选中的框架结构图,并在上方显示说明情况。
(4)单击【确定】按钮后,出现框架结构图。
(5)新创建的框架结构共有2个网页窗口,其中一个在左边,另一个在右边。这时单击【新建网页】按钮后,我们可以在当前框架网页中输入文字、图片等内容了。(如果这时单击【设置初始网页】按钮后,将弹出一个“创建超链接”的对话框,可以为所在的框架超链接到指定的网页上去。)
(6)框架的保存:单击“ ”工具按钮,出现【另存为】对话框。
² 保存左边框的网页文件。在对话框右面的框架示意图中,单击左边框后为蓝色,表示左边框中的网页正准备保存。在“URL”中输入文件名“in1”,单击【确定】按钮后,此时左边框的网页文件被保存起来。
² 保存右边框的网页文件。紧接着,在对话框的框架示意图中,右边框显示为蓝色。在“URL”中输入文件名“in2”,单击【确定】按钮后,右边框的网页文件也被保存起来。
² 保存框架本身网页。在对话框中整个框架示意图的边框为蓝色,在“URL”中输入文件名“index.htm”,单击【确定】按钮后,此时保存的是整个框架页文件。
三)、框架及框架页的属性
1、设置框架的属性
框架有很多属性,例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明,其具体操作方法如下:
单击要设置属性的框架,然后单击【框架】菜单,再单击【框架属性】菜单项,出现对话框。可以在此对话框中修改框架的属性了。
2、框架页的属性
以上是设置每个框架的属性,而修改整个框架页的属性,其具体操作如下:
在【框架属性】对话框中,单击【框架网页】按钮,会出现“网页属性”对话框。
在这个对话框中的“框架”选项卡中只有两项:
² “框架间距”:指框架之间的边框的宽度,默认值为2。
如果框架不要显示出边框时,可单击“显示边框”前面的单选框,取消“√”。
四)、框架页的编辑
在框架页中,当要拆分某一框架时,单击框架→拆分框架→选择并确定。当要删除某一框架时,单击框架→删除框架→选择并确定。
五)、框架页的超链接
在框架页中,当单击左边的超链接时,在右边框中显示该超链接网页的内容。下面我们将以框架页为例,说明怎样实现框架网页之间的超链接。其操作步骤如下:
(1)在左边的框架中选择要设置超链接的“ ”图片(或文字)。
(2)单击“ ”超链接工具按钮,出现【编辑超链接】对话框。这时在对话框的文件列表中选择“jbxx.htm”。
(3)在对话框右下角“目标框架”栏,单击“ ”按钮,出现一个对话框。
在对话框中,单击框架示意图中不同的区域,也可以单击右边列表框的选项,在对话框的“目标设置”栏中就相应显示所选定的区域名称。其中:
² 网页默认值(main):超链接的网页将显示在右边框(即“main主体”)。
² 相同框架:在左边框单击某个超链接时,其链接网页也将显示在左边框。
² 整页:单击某个超链接时,只显示所链接的网页,原来框架不再显示。
² 新建窗口:单击某超链接时,所链接的网页将显示在新打开的浏览器中。
² 父框架:单击某个超链接时,将返回上一级的框架。
六)、上机操作
练习设计框架网页