第二单元第四课网站导游-用导航栏与超链接组织网页

1、第二单元 网站设计与制作 随着网络技术的普及和发展，因特网已经 不仅仅是人们获取信息的宝库，更是人们 交换信息、发布信息、展示自我的舞台。 本单元主要介绍网页的基本构成元素， 语言的初步知识，用FrontPage创建 网站、编辑网页和发布网站的基本知识和 基本方法。 第四课 网站导航 用导航栏与超链接组织网页 导航栏是站点设计必不可少的项目。站点 设计应该结构清楚、条理分明，而导航栏 就可以完成这样的工作。 一、设置导航栏 、设置导航结构：设置导航结构是我们前面提到的建立网 站结构。网站结构是一种树形结构，分为父层与子层等不同 层级。 、建立导航栏： （）在导航视图窗口中双击网页图标，进入网页

2、视图下 的编辑窗口。 （）将光标放在首行位置，选择插入菜单中的导航命令， 在弹出的插入web组件对话框中，选择链接栏下的基于导 航结构的链接栏。 （）单击下一步，选择栏样式，单击下一步选择方向， 单击完成。 （）在弹出的链接栏属性对话框的常规选项卡中，选择 “子层”单选按钮，在“附加网页”栏中选择“主页”、 “父页”复选框。 （）单击确定按钮，回到主页编辑窗口，导航栏就被添加 到指定的位置上了。 二、创建超链接 在网页里，我们把这种点击后会进行页面切换 的链接方式叫超链接。 、建立文字超链接： （）选取要做链接的文字并单击鼠标右键， 在弹出的菜单中选择超链接命令，会弹出插 入超链接对话框。 （

3、）在插入超链接对话框中选择你要链接 的网页名称，单击确定按钮，保存文件。 （）启动浏览器，打开文件，单击一下刚才 设置超链接的文字，就会链接到你所指定的网 页了。 二、创建超链接 、建立图像超链接： 与文字超链接建立方法一致。 、创建电子邮件超链接：创建网页时，为了方便与 来访者交流，通常情况下，每个网站主页上都会有 -mail地址，这就是电子邮件超链接。 （）在网页上输入准备做超链接的E-mail地址。 （）选中这段E-mail地址文字并单击鼠标右键，在 弹出的菜单中选择超链接命令。 （）在插入超链接对话框中，选择电子邮件地址， 并填上电子邮件地址，单击确定按钮。 三、拓展知识 用Front

4、Page去除超链接的下划线 去除超链接的下划线有两种方法，一种是把鼠标放在超链接 上的时候下划线消失，另一种是不管鼠标放上去与否均可消 失。两种方式各有特色，可以根据自己的喜好选择。 、启动FrontPage，在它的操作界面中，打开你要改变超 链接的网页。单击右键打开网页属性窗口，在高级选项中， 点选启用超链接翻转效果复选框，单击翻转样式，在字体 选项中点选闪烁。如果你希望进行超链接的字体变化，也 可以在上面的字体中选取。然后单击确定。这时预览一下 你的网页，是不是上面所有的超链接在鼠标放上去的时候下 划线都没有了？ 、另外一种是让超链接的下划线全部消失。首先选取你要 去除下划线的超链接，单击鼠标右键，点击超链接属性， 打开编辑超链接对话框，点击样式，在修改样式对话框 中单击格式字体，点选闪烁，然后单击确定就可以 了。预览一下，你看你的超链接是不是很醒目的干干净净， 没有了下划线？如果你加粗了文字或对文字做了其他的效果 处理，显示出来就会更漂亮一些。 作业 、打开上节课的做的网站，在主页及其他 各网页的最上面插入导航栏，并设置样式。 、创建一个文字和一个图