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

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

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

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

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