5.2.9导航条(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

5.2.9导航条 导航条实际上是一组动态图像按钮，单击它后，可在浏览器中调出HTML文件和其他（如图像）文件。使用插入导航条功能可以方便地完成网站的导航系统制作，而且变化多样、简单易学。制作导航的具体操作方法如下： 将光标放在需要插入导航条的位置。 在菜单栏中选择【插入】→【图像对象】→【导航条】命令,如下图所示。或在【插入】面板【常用】中，单击【图像】展开式按钮 ,在其选择【导航条】按钮 ,如下图所示。 打开【插入导航条】对话框,如图所示。此对话框用于命名导航条元件并选择导航条元件所用的图像。 在【项目名称】文本框中输入导航条项目的名称,每一个元件都对应一个按钮,该按钮最多可达4个状态图像。项目名称在【导航条元件】列表框中显示。 单击【状态图像】文本框右侧的【浏览】按钮,在弹出的[选择图像源文件]对话框中选择一个图像文件。分别设置【鼠标经过图像】、【按下图像】、【按下时鼠标经过图像】。在【替换文本】右侧的文本框中,输入项目的描述名称,如下图所示。 提示：替换文本在纯文本浏览器或设为手动下载图像的浏览器中,替代图像出现在应显示图像的位置。屏幕阅读替换文本,而且有些浏览器在用户鼠标经过导航条元件时显示替换文本。 单击【按下时,前往的URL】文本框右侧的【浏览】按钮,选择要打开的链接文件,然后从弹出的菜单中选择打开文件的位置。 选中【预先载入图像】复选框,可在载入页面时下载图像.如果没有选中该选项,在用户将鼠标指针滑过图像时可能会出现延迟. 在【插入】列表框中选择“垂直”。 “导航条元件”列表框：给出导航条中各个动态图像按钮的名称（默认是图像的名称）。单击 按钮，可以增加动态图像按钮（即导航条元件）；单击选中动态图像按钮名称，再单击 按钮，可删除该元件；单击选中导航条元件名称，再单击 按钮或 按钮，可改变导航条元件在导航条中的位置。 导航条元件都添加设置完成后，单击【确定】按钮,导航条按垂直排列方式插入网页中,如下图所示。 (11)保存网页文件，按【F12】键预览网页效果。 提示：一个网页中只能插入一组导航条，但导航条元件可以多个。若在【插入导航条】对话框的【插入】列表框中选择“水平”，则导航条会以水平排列方式插入网页中。每个导航条元件的链接文件路径可在【属性】面板的“链接”框中更改。 5.3 项目实训 5.3.1 项目一： 1.实训题目： “古今传奇”网页 2.实训目的: 通过制作该网页作，可以掌握根据页面的实际需要，在页面中合理地创建文本链接、图像链接、锚记链接、空链接和电子邮件链接等。 3.实训案例效果 5.3.2项目二： 1.实训题目 “日常生活”网页 2.实训目的 通过制作该网页作，可以掌握在同一幅图像的不同部分链接到不同的文档，即图像热点链接的创建方法和技巧。 3.实训案例效果 5.3.3项目三： 1.实训题目 对“jieshao.htm”网页中的图像制作超链接，链接到“chinamap.gif”,使得点击小图像后，浏览相应的大图像。 2.实训目的 了解一般图像链接并学习如何设置链接属性。 5.4 本章小结 本章主要讲述了超链接，其中包括文本超级链接、图片超级链接、锚点连接、邮件链接、空链接等各种链接，并详细讲解各种链接的属性设置等，通过本章学习，学生应熟练掌握各种超链接的管理和创建方法及各种超链接的应用。 $$