网页制作实验教程 第十一章 设置导航条.pptVIP

第十一章 设置导航条 ; 导航条的主要功能在于让繁杂纷乱的网页结构清晰，并且能够提供一个很好的网页定位。就像一位网页导游一样，使得网页的交互形式更加丰富。 ;实验目的： 要求同学们掌握设置导航条的方法，设置导航条链接的操作步骤以及导航条的属性设置。 ;实验原理： 导航条的主要精髓在于链接，导航条的链接原理和其他的链接原理是一样的，可以是站内链接，可以是站外链接，也可以命名锚记链接。 ;实验条件： 电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件。 ;实验三十一 设置交互导航条 ;实验内容： 步骤1 将光标移至要插入导航条处，点击［插入］工具栏的［常用］中的 按钮旁的小箭头，选择其中的［导航条］命令。 步骤2 弹出［插入导航条］对话框。 步骤3 在［项目名称］中输入导航条元素的名称“banner”，［导航条元件］也随之更名为“banner”。;步骤4 在［状态图像］、［鼠标经过图像］、［按下图像］文本框中分别输入所选择图像的路径和文件名。 步骤5 单击［确定］按钮，导航条插入完成。;实验三十二 设置导航条链接 ;实验内容： 步骤1 选中导航条，网页下方出现导航条的［属性］面板。 步骤2 在［链接］栏输入地址或用浏览选择地址，［目标］选择“_top”选项。 步骤3 单击F12，在浏览器中预览效果。点击“首页”导航条，网页则会链接到“Shirly的个人主页”。 ;学习与思考 根据本章所讲的导航条功能，希望同学们按照以下要求来完善你的个人主页: 1.为你的主页设置引导性的导航条。 2.为导航条建立相关的链接内容。 3.设置导航条链接，便于用户更好地浏览你的个人主页。