7 Dreamweaver cs3实例教程

《7 Dreamweaver cs3实例教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第7章应用超链接和行为应用超链接应用行为7.1应用超链接超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为链接的目标端点。在学习超链接之前，必须明确的一点是，无论是在网页中插入图像、动画，还是设置链接，如果目标文件位于站点内，都涉及到路径的使用。7.1.1认识超链接7.1.2设置常规超链接常规超链接包括内部超链接和外部超链接，内部超链接是指目标端点位于站点内部的超链接；外部超链接是指目标端点位于其他网站中，通过它可跳转到其他网站的超链接。1．内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框

2、中直接输入要链接对象的相对路径；也可以通过单击“属性”面板上“链接”编辑框右侧的“浏览文件”按钮，在弹出的“选择文件”对话框中选择链接对象。2．外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中直接输入要链接网页的网址。7.1.3设置电子邮件链接通过电子邮件链接可以非常方便地给网站拥有者发邮件。很多网页下方的信息区都留有其电子邮件地址，单击该地址可打开“OutlookExpress”的“新邮件”窗口，这就是电子邮件链接。7.1.4设置命名锚记链接命名锚记链接的原端点和目标端点位于同一个网页中，它主要针对比较长的网页，目的是使浏览者能够快速找到

3、所要的内容。要设置命名锚记链接，应首先插入命名锚记（相当于目标端点），然后创建跳转到该命名锚记的链接。7.1.5设置跳转菜单跳转菜单又叫列表菜单，它相当于一组超链接的集合，在网页中显示为弹出式下拉菜单。弹出菜单内的链接没有类型上的限制，可以是内部链接，也可以是到其他网站的链接，还可以是电子邮件链接或命名锚记链接。7.1.6设置热点链接通过前面的学习，相信读者已经掌握了为图片设置单个链接的方法；但是，很多时候都需要为一张图片的不同部位设置不同的链接，也就是为一张图片设置多个链接，这就需要使用热点链接。热点链接又叫图像映射，是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接。

4、7.1.7设置图片链接和下载链接所谓图片链接，就是在单击网页中的某个小图片时在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，可以打开或下载文件。综合实例1—为“cosmetic”网站主页设置链接本例将在第5章综合实例制作好的文档“index.html”的基础上，为该网页设置链接（具体操作见视频7-1）。7.2应用行为7.2.1认识行为要应用行为，首先需要打开“行为”面板。在DreamweaverCS3中，选择“窗口”>“行为”菜单（或按【Shift+F4】组合键）可打开“行为”面板。7

5、.2.2应用行为行为可以应用于HTML标签、图像、链接文本等对象。如果要对某个对象应用行为，需要先选中该对象，然后单击“行为”面板上的“添加行为”按钮，在打开的行为列表中选择动作，并在打开的窗口中设置效果，最后指定设定的动作在什么情况下发生，也就是指定事件1．“弹出信息”行为有时候，我们在打开某个网页或单击网页中的某个元素时可以看到弹出信息框。应用“弹出信息”行为可以轻松实现该功能，本节我们就来看看“弹出信息”行为的应用。2．“设置状态栏文本”行为所谓“状态栏文本”，就是网页运行时在浏览器下方的状态栏中显示的文本。本节我们来看看如何为网页设置状态栏文本。7.2.3编辑行为1．修改行为修

6、改行为的方法非常简单，只需双击“行为”面板中相应的动作名称，比如要修改前面的“设置状态栏文本”行为，只要双击“事件”右侧对应的动作名称“设置状态栏文本”，就会重新打开“设置状态栏文本”对话框，修改完后关闭对话框即可。2．删除行为如要删除某行为，只需选中该行为，然后单击“行为”面板上方的“删除事件”按钮或直接按【Delete】键。也可用鼠标右键单击行为，在弹出的快捷菜单中选择“删除行为”命令。3．获取更多行为单击“行为”面板上的“添加行为”按钮，在弹出的菜单中选择“获取更多的行为”命令，将打开Adobe公司的官方网站，该网站提供网页行为的下载。下载行为后还需要安装才能使用。综合实例2—为

7、“cosmetic”网站主页添加伴随窗口本例将在综合实例1制作好的文档“index.html”的基础上，为该网页添加伴随窗口，也就是在打开网页的同时打开一个广告窗口（具体操作见视频7-2）。