任娟网页制作课件项目四幻灯片.pptVIP

项目四 制作文化公司网站  ——应用超链接和行为 为首页和子页设置链接——应用超链接 为首页添加伴随窗口——应用行为 任务一 为首页和子页设置链接 ——应用超链接 相关知识 一、设置常规超链接 常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。 内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。 1．内部超链接 2．外部超链接 外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中输入要链接到的网址，下图显示了为网页中的文本“中国雅虎”设置到雅虎网站的外部超链接。 二、设置图片链接和下载链接 所谓图片链接，就是在单击网页中的某个小图片时在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，可以打开或下载文件。 三、设置电子邮件链接 很多网站上留有电子邮件地址，单击该地址可打开“Outlook Express”的“新邮件”窗口，这是一种特殊类型的链接，又叫电子邮件链接。如果在自己的网站上加一个这样的链接，可以方便浏览者联系你，下面来看如何设置此类链接。 四、设置热点链接 热点链接又叫图像映射，就是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接，本节来看具体操作。 五、设置命名锚记链接 要设置命名锚记链接，应首先插入命名锚记，然后创建跳转到该命名锚记的链接，具体操作如下。 六、设置跳转菜单 跳转菜单相当于一组超链接的集合，在网页中显示为弹出式下拉菜单。弹出菜单内的链接没有类型上的限制，可以是内部链接，也可以是到其他网站的链接，还可以是电子邮件链接或命名锚记链接。 实施步骤 一、为首页设置超链接 在学习了超链接的用法后，本节通过为文化公司网站首页设置超链接，来练习和巩固这些知识（具体操作见视频1-1）。 二、为子页设置下载链接 通过上节的学习我们知道，网站主页中用到了常规超链接、热点链接和电子邮件链接。除“download.html”外，网站中其他子页的设置也都大同小异，此处不再一一介绍。本节来为“download.html”设置下载链接（具体操作见视频1-2）。 任务二 为首页添加伴随窗口 ——应用行为 相关知识 一、认识“行为”面板 “行为”面板是应用行为所不可缺少的工具，本节来认识一下“行为”面板。选择“窗口”“行为”菜单，或按【Shift+F4】组合键，即可打开“行为”面板， 二、应用行为 行为可以应用于XHTML标签、图像、链接文本等对象。如果要对某个对象应用行为，需要先选中该对象，然后单击“行为”面板上方的“添加行为”按钮，在打开的行为列表中选择动作，并在打开的窗口中设置效果，最后指定设定的动作在什么情况下发生，也就是指定事件。 选择要应用的动作 设置效果 选择事件 三、应用“弹出信息”行为 有时候，我们在打开某个网页或单击网页中的某个元素时可以看到弹出信息框。应用“弹出信息”行为可以轻松实现该功能，本节我们就来看看“弹出信息”行为的应用。 四、应用“打开浏览器窗口”行为 应用“打开浏览器窗口”行为，可实现单击目标文字或图片打开固定大小窗口的效果。许多站点都使用这种方式来弹出重要的通知、广告信息等页面。 五、对图像应用“效果”行为 “效果”行为包括增大/收缩、挤压、显示/渐隐、晃动、滑动、遮帘和高亮颜色。本节我们就以“显示/渐隐”为例，来看看这类行为的应用方法。 六、应用“显示-隐藏元素”行为 应用“显示-隐藏元素”行为，可以控制AP Div的显示和隐藏，通过对AP Div反复应用该行为，可以实现下拉菜单效果。本节我们来看一下其应用方法。 七、应用“设置状态栏文本”行为 好多个人网站上都设置了状态栏文本，以表达网站主人的心声。本节我们来看看如何为网页设置状态栏文本。 八、安装行为插件 除Dreamweaver内置的行为外，读者还可以到Adobe或其他网站上去下载并安装第三方行为。本节我们来看如何安装插件。 实施步骤 通过前面的学习，相信读者已经掌握了“行为”的基本应用。本节通过为网站首页添加伴随窗口，来看看行为在实际网页制作中的应用（具体操作见视频2-1）。 知识拓展 一、制作弹出式下拉菜单 有些内容较多的网站经常需要用到下拉菜单，使用