Dreamweaver_CS4_课件与自学教程 4共7.pptVIP

第5章 Dreamweaver与网络课件 　　除此之外，在Dreamweaver中也可以为图像的某一部分建立超链接，浏览网页时单击该部分图像可以打开链接的目标文档。如果要为图像的某一部分建立超链接，需要先在图像上建立热点，然后再为热点建立超链接。具体操作步骤如下：　　1) 选择网页中要建立热点超链接的图像。　　2) 在【属性】面板中选择建立热点的工具，在图像上建立热点，如图5-38所示。 图5-38 建立的热区 　　■选择工具　　后在图像上拖曳鼠标，可以建立矩形热点。按住Shift键的同时拖曳鼠标，可以建立正方形热点。　　 ■选择工具　　后在图像上拖曳鼠标，可以建立圆形热点。　　 ■选择工具　　后在图像上移动并单击鼠标，可以建立多边形热点。　　 ■选择工具　　，可以选择并移动建立的热点。 　　3) 使用工具　　选择建立的热点，在【属性】面板中为其建立超链接，如图5-39所示。　　■在【链接】文本框中输入要链接的目标文档的URL地址。　　 ■在【目标】下拉列表中选择打开链接文档的目标窗口。　　 ■在【替换】文本框中输入热点的说明性文字。 　　4．插入鼠标经过图像　　所谓鼠标经过图像，是指浏览网页时当光标指向图像上时该图像将被其它图像替代，从而产生动态效果。下面以实例的形式介绍如何在网页中插入鼠标经过图像。 图5-39 【属性】面板 　　〖例5-6〗制作动态按钮。　　1) 在【文件】面板中双击要编辑的网页将其打开。　　2) 在网页中要插入鼠标经过图像的位置处定位光标。　　3) 在【插入】工具栏中选择【常用】标签，单击　　右侧的小箭头，在打开的菜单中选择【鼠标经过图像】命令，则弹出【插入鼠标经过图像】对话框，如图5-40所示。 图5-40 【插入鼠标经过图像】对话框 　　4) 在对话框中选择原始图像和鼠标经过图像，并可为鼠标经过图像建立超链接。　　【图像名称】：用于输入图像名称。　　【原始图像】：用于选择原始显示的图像。　　【鼠标经过图像】：用于选择替代原始图像的图像。　　【替换文本】：用于输入鼠标经过图像时的替代文本。　　【按下时，前往的URL】：用于为鼠标经过图像建立超链接。　　5) 单击　　　　按钮，即可插入鼠标经过图像，如图5-41所示为鼠标经过图像的浏览效果。 图5-41 鼠标经过图像的浏览效果 　　5．创建导航条　　在网页中，导航条的作用不可忽视，使用它可以在站点的网页之间自由跳转。正如它的名称一样，导航条为浏览者提供了导航作用。制作导航条之前，必须先制作每一个导航按钮的四种状态，准备好了四种状态的图片以后，就可以向网页中插入导航条了。 　　在网页中创建导航条的基本操作步骤如下：　　1) 在网页中要创建导航条的位置处定位光标。　　2) 在【插入】工具栏中选择【常用】标签，单击其中的、　　按钮，在打开的菜单中选择【导航条】命令，则弹出【插入导航条】对话框，如图5-42所示。 图5-42 【插入导航条】对话框 　　 3)　在对话框中进行选项设置。　　■【导航条元件】：用于显示所有的导航元件。单击其上方的按钮或按钮，可以增加或减少列表中的导航元件。单击其右上角的按钮或按钮，可以调整导航元件的排列顺序。　　 ■ 【项目名称】：用于输入导航元件的名称，所输入的名称将在上面的【导航条元件】中显示出来。 　　■【状态图像】：用于输入一般状态下要显示的图像的路径和文件名。 　　■ 【鼠标经过图像】：用于输入鼠标经过时要显示的图像的路径和文件名。　　 ■ 【按下图像】：用于输入按下鼠标时要显示的图像的路径和文件名。　　 ■ 【按下时鼠标经过图像】：用于输入单击一般状态图像后将光标移过时所显示的图像的路径和文件名。 　　　■【替换文本】：用于输入鼠标经过图像时的替代文本。　　 ■ 【按下时，前往的URL】：用于输入单击图像时要链接的目标文档的URL地址。在其后面的下拉列表中可以选择显示目标文档的窗口。　　 ■ 【选项】：用于设置图像的载入方式。　　 ■ 【插入】：用于选择要插入的导航条的方式，可以选择“水平”或“垂直”方式。　　4) 单击　　　　按钮，即可创建导航条，如图5-43所示。 图5-43 创建的导航条 5.4.3 插入Flash动画　 在网页中使用Flash动画，可以使页面的内容丰富多彩，引人入胜，使网页增强活力与感染力。插入Flash动画的操作步骤如下：　　1) 在网页中要插入Flash动画的位置处定位光标。 　　2) 在【插入】工具栏中选择【常用】标签，单击其中的　　按钮，在打开的菜单中选择【SWF】命令，则弹出【选择文件】对话框。　　3) 在对话框中选择要插入的Flash动画。　　4) 单击　　　　按钮，将位