DreamweaverCS5网页制作项目四.pptVIP

项目四 应用超链接和行为 任务一 设置超链接（上） 任务二 设置超链接（下） 任务三 设置行为 任务一 设置超链接（上） 任务说明 预备知识 一、设置常规超链接 1．内部超链接 2．外部超链接 二、设置热点链接 三、设置电子邮件链接 任务实施——为“欧妮雅”网站主页设置超链接 任务二 设置超链接（下） 任务说明 预备知识 一、设置图片链接和下载链接 二、设置命名锚记链接 任务实施——为“欧妮雅”网站子页设置链接 任务三 设置行为 任务说明 预备知识 一、认识行为 二、应用行为 三、编辑行为 1．修改行为 2．删除行为 3．获取更多行为 任务实施——为“欧妮雅”网站主页设置行为 * * 超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为目标端点。 网站是由一个个网页组成的，而连接这些网页的桥梁就是超链接。超链接包括很多种，最常用的是常规超链接，另外还有热点链接、电子邮件链接等。 常规超链接包括内部超链接和外部超链接，内部超链接是指目标端点位于站点内部的超链接；外部超链接是指目标端点位于其他网站中，单击它可跳转到其他网站的超链接。 内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在属性检查器上的“链接”编辑框中直接输入要链接对象的相对路径；也可以通过单击“链接”编辑框右侧的“浏览文件”按钮 ，在弹出的“选择文件”对话框中选择链接对象。 外部超链接的设置一般是在选中对象后，在属性检查器上的“链接”编辑框中直接输入要链接网页的网址。 通过“设置常规超链接”的学习，相信读者已经学会了为图片设置单个链接的方法；但是，很多时候都需要为一张图片的不同部位设置不同的链接。那么，如何为一张图片设置多个链接呢？这就用到了我们本节要讲的热点链接。热点链接又叫图像映射，就是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接。 使用电子邮件链接可以非常方便地给网站管理者发送邮件。很多网页下方的信息区都留有电子邮件地址，单击该地址可打开“Outlook Express”的“新邮件”窗口，这就是电子邮件链接。 在学习了常用超链接的设置方法后，下面通过为“欧妮雅”网站主页设置超链接，来进一步巩固前面所学（具体操作见视频4-1）。 除任务一中介绍的几种最常见的超链接外，我们还可以为网页设置图片链接、下载链接和命名锚记链接，下面分别介绍。 所谓图片链接，就是在单击网页中的某个小图片时在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，可以打开或下载文件。 命名锚记链接主要用于比较长的网页。其源端点和目标端点位于同一个网页中，单击它可以从源端点跳到目标端点。要设置命名锚记链接，应首先插入命名锚记（相当于目标端点），然后创建跳转到该命名锚记的链接。 下面将在已经制作好内容的文档“sub2.html”的基础上，为网页设置链接（具体操作见视频4-2）。 使用行为可以制作浮动的广告，状态栏文本，以及可以收缩、放大的图像等效果。下面就来学习行为的应用。 要应用行为，首先需要打开“行为”面板。在Dreamweaver CS5中，选择“窗口”“行为”菜单（或按【Shift+F4】组合键）可打开“行为”面板。 行为可以应用于HTML标签、图像、链接文本等对象。如果要对某个对象应用行为，需要先选中该对象，然后单击“行为”面板上的“添加行为”按钮 ，在打开的行为列表中选择动作，并在打开的窗口中设置效果，最后指定设定的动作在什么情况下发生，也就是事件。 修改行为的方法非常简单，只需双击“行为”面板中相应的动作名称，比如要编辑前面的“设置状态栏文本”行为，只要双击“事件”右侧对应的动作名称“设置状态栏文本”，就会重新打开“设置状态栏文本”对话框，修改后关闭对话框即可。 如要删除某行为，只需选中该行为，然后单击“行为”面板上方的“删除事件”按钮 或直接按【Delete】键。也可用鼠标右键单击行为，在弹出的快捷菜单中选择“删除行为”命令。 单击“行为”面板上的“添加行为”按钮 ，在弹出的菜单中选择“获取更多行为”命令，将打开Adobe公司的官方网站，该网站提供网页行为的下载。 *