《Dreamweaver 网页设计与制作》课件-项目四 制作文化公司网站-应用超链接和行为

任务1为首页和子页设置链接——应用超链接任务2为首页添加伴随窗口——应用行为项目四制作文化公司网站——应用超链接和行为任务1 为首页和子页设置链接——应用超链接◆熟练掌握设置各种超链接的方法◆掌握跳转菜单的设置方法一、设置常规超链接常规超链接包括内部超链接和外部超链接。内部超链接是指目标文件位于站点内部的链接；外部超链接是实现网站与网站之间跳转，也就是从本网站跳转到其他网站的链接。1.内部超链接单击“浏览文件”按钮设置内部超链接“属性”面板上“链接”编辑框下方的“目标”下拉列表框表示打开链接文档的方式，其中各选项意义如下。_blank：表示在保留当前网页窗口的状态下，在新窗口中显示被打开的链接网页。_parent：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在父框架中_self：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在当前框架中显示被打开的链接网页。_top：表示在当前窗口显示被打开的链接网页；如果是框架网页，则删除所有框架，显示当前网页。拖动“指向文件”按钮设置内部链接二、设置图片链接和下载链接所谓图片链接，就是在单击网页中的某个小图片时，在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，打开或下载文件。设置外部超链接设置图片链接和下载链接三、设置电子邮件链接很多网站上留有电子邮件地址，单击该地址可打开默认电子邮件工具（如Outlook）的编辑新邮件窗口，这是一种特殊类型的链接，又称为电子邮件链接。在网站上设置一个这样的链接，可以方便浏览者联系，下面介绍如何设置此类链接。设置电子邮件链接“电子邮件链接”对话框预览电子邮件链接效果四、设置热点链接很多时候都需要为一张图片的不同部位设置不同的链接，如何为一张图片设置多个链接呢？这就用到了热点链接。热点链接又称为图像映射，就是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接，下面介绍具体操作。绘制矩形热点设置热点链接预览网页五、设置命名锚记链接在浏览网页时，经常会遇到由于网页的内容非常多，浏览器的滚动条变得很长，浏览者无法快速找到所要内容的情况。为解决这个问题，可以通过命名锚记链接为网页添加位于该网页内部的超链接，单击该超链接，就跳转到网页中指定的位置。设置命名锚记链接，首先要插入命名锚记，然后创建跳转到该命名锚记的链接。插入命名锚记设置命名锚记链接预览网页六、设置跳转菜单跳转菜单相当于一组超链接的集合，在网页中显示为弹出式下拉菜单，如图所示。弹出菜单内的链接没有类型上的限制，可以是内部链接，也可以是到其他网站的链接，还可以是电子邮件链接或命名锚记链接。跳转菜单设置第1个菜单项添加并设置其他菜单项“插入跳转菜单”对话框中各设置项的意义如下。菜单项：列出了所有创建的菜单项。当新建菜单时，只有一项默认的“unnamed1”。文本：用来设置跳转菜单项的名称。选择时，转到URL：用来设置跳转菜单项的链接地址。打开URL于：用来设置跳转菜单项链接目标的打开方式。菜单ID：用来设置便于记忆和理解的跳转菜单名称。菜单之后插入前往按钮：勾选此项时会在跳转菜单的后面添加一个“前往”按钮。更改URL后选择第一个项目：勾选此项时允许使用菜单选择提示。设置初始菜单项“列表值”对话框以列表框形式显示的跳转菜单任务2 为首页添加伴随窗口——应用行为◆熟悉“行为”面板◆熟练掌握各种行为的设置方法一、“行为”面板“行为”面板是应用行为不可缺少的工具。选择“窗口”→“行为”命令，或按Shift+F4组合键，即可打开“行为”面板，如图所示。“行为”面板二、应用行为行为可以应用于XHTML标签、图像、链接文本等对象。每个行为都由两部分组成，即事件和动作。所谓事件是指“发生什么”，如鼠标移到对象上方、离开对象或双击对象等；而动作是指“去做什么”，如打开浏览器窗口、播放声音或弹出信息等。应用行为三、应用“弹出信息”行为有时候，打开某个网页或单击网页中的某个元素时可以看到弹出信息框。应用“弹出信息”行为可以轻松实现该功能，下面介绍“弹出信息”行为的应用。选择要应用行为的对象设置弹出信息设置事件 预览文档四、应用“打开浏览器窗口”行为应用“打开浏览器窗口”行为，可实现单击目标文字或图片打开固定大小窗口的效果。许多站点都使用这种方式弹出重要的通知、广告信息等页面。为文本设置空链接添加行为设置要在窗口中显示的网页设置窗口宽度和高度设置事件预览文档五、对图像应用“效果”行为“效果”行为包括增大/收缩、挤压、显示/渐隐、晃动、滑动、遮帘和高亮颜色。以“显示/渐隐”为例，介绍这类行为的应用方法。选择行为“显示/渐隐”对话框设置事件六、应用“显示－隐藏元素”行为应用“显示－隐藏元素”行为，可以控制APDiv的显示和隐藏，通过对APDiv反复应用该行为，可以实现下拉菜单效果。插入AP Div并在其中插入小图片添加行为