初中九年级信息技术制作网站导航

制作网站导航

“北京欢迎你”网站主页下有四个栏：“北京介绍”、“北京旅游”、“北京四季”、“北京特色”，每个栏目都对应相应的网页和子网页。我们可以在导航视图下设计出导航结构，将这些网页组织起来，在站点的每个网页上再设置一个导航栏，以便于用户跳转到站点的主要网页中。目标一：设计网站导航结构

导航栏是一组超链接按钮的集合，导航结构将决定导航栏上有哪些超链接，网页标题即是导航栏的超链接标签。1.建立导航结构

新建的站点“D：\beijing”在导航视图中只有一个“主页”，我们可以在导航视图下添加网页，建立站点中网页之间的关系，完成站点内容的构架。

进入“导航”视图运行FrontPage软件，打开站点“D：\beijing”，选择“视图”“导航”命令，切换到“导航”视图，如图2.1所示。图2.1“导航”试图

添加已有的网页在“导航”视图下，按照图2.2所示操作，添加已有的网页“jieshao.htm”到“主页”下方。图2.2添加已有的网页

添加“新建网页”在“导航”视图下，按照图2.3所示操作，添加“新建网页”。图2.3添加“新建网页”

更改网页标题在“导航”视图下，按照图2.4所示操作，更改网页标题为“北京旅游”。图2.4更改网页标题

更改网页标题在“导航”视图下，按照图2.4所示操作，更改网页标题为“北京旅游”。图2.4更改网页标题

完成导航结构在“导航”视图下，按照上面“添加网页”和“更改网页标题”的操作，完成“D：\beijing”站点的局部导航结构，如图2.5所示。图2.5网站导航结构

2.编辑导航结构

导航结构就像一棵倒置的树一样，能显示出当前站点中各网页之间的联系。导航结构可以展开或折叠，也可以在其中移动或删除网页。

折叠导航结构在“导航”视图下，单击网页标签下的按钮，将该网页下的子网页隐藏。

移动网页在“导航”视图下，拖动网页标签到所需的位置，可以改变导航结构。

删除网页在“导航”视图下，右击网页标签，选择“删除”命令，打开“删除网页”对话框，按照图2.6所示操作，从导航结构中删除该网页。

删除网页在“导航”视图下，右击网页标签，选择“删除”命令，打开“删除网页”对话框，按照图2.6所示操作，从导航结构中删除该网页。图2.6

“删除网页”对话框

编辑网页在“导航”视图下，双击网页标签进入网页设计模式，可以对该网页进行文字、图片等内容的编辑，也可以生成导航栏。目标二：添加导航栏

在网页中添加导航栏时，Frontpage将根据在导航视图中设置的导航结构，生成各种不同的导航超链接。

进入“导航栏”向导打开“jieshao.htm”网页，确定导航栏插入点，选择“插入”→“导航”命令，按照图2.7所示操作，打开如图2.8左图所示的“链接栏属性”对话框。图2.7

“导航栏”向导

删除导航栏单击导航栏，按键盘上的Delete键，删除导航栏。

添加导航栏按照图2.8所示操作，给“jieshao.htm”网页添加导航栏。图2.8添加导航栏

删除网页在“导航”视图下，按照图2.9所示操作，在想要删除的网页上右击，去掉“已加入链接栏”的选中标记，删除导航栏中的“北京四季”网页及其子网页的链接。图2.9删除导航栏中的网页小提示：不过，导航栏里的超链接和普通的超链