Dreamweaver网页设计与应用04.pptVIP

* 第4章 超链接 本章简介： 　　本章主要讲解了超链接的概念和使用方法，包括文本链接、图像链接、电子邮件链接和鼠标经过图像链接等内容。通过这些内容的学习，可以熟练掌握网站链接的设置与使用方法，并精心编织网站的链接，为网站访问者能够尽情地遨游在网站之中提供必要的条件。 课堂学习目标 掌握创建文本链接的方法 掌握设置文本超链接的方法和技巧 掌握设置电子邮件链接的方法和技巧 掌握设置图像超链接的方法和技巧 掌握设置鼠标经过图像链接的方法和技巧 4.1 文本超链接 创建文本链接 文本链接的状态 电子邮件链接 课堂案例——科技前沿网页 4.1.1 创建文本链接 　　 创建文本链接的方法非常简单，主要是在链接文本的“属性”面板中指定链接文件。指定链接文件的方法有3种。 　　 1．直接输入要链接文件的路径和文件名 　　 2．使用“浏览文件”按钮 　　 3．使用指向文件图标 4.1.2 文本链接的状态 一个未被访问过的链接文字与一个被访问过的链接文字在形式上是有所区别的，以提示浏览者链接文字所指示的网页是否被看过。 　　 每当浏览者单击包含电子邮件超链接的网页对象时，就会打开邮件处理工具（如微软的Outlook Express），并且自动将收信人地址设为网站建设者的邮箱地址，方便浏览者给网站发送反馈信息。 　　 1．利用“属性”面板建立电子邮件超链接 　　 2．利用“电子邮件链接”对话框建立电子邮件超链接 4.1.3 电子邮件链接 使用属性面板为文字添加链接效果。 4.1.4 课堂案例——科技前沿网页 效果图 图像超链接 鼠标经过图像超链接 课堂案例——乐器网页 4.2 图像超链接 建立图像超链接的操作步骤如下。 （1）在文档窗口中选择图像。 （2）在“属性”面板中，单击“链接”选项右侧的“浏览文件”按钮 ，为图像添加文档相对路径的链接。 （3）在“替代”选项中可输入替代文字。设置替代文字后，当图片不能下载时，会在图片的位置上显示替代文字；当浏览者将鼠标指针指向图像时也会显示替代文字。 （4）按F12键预览网页的效果。 4.2.1 图像超链接 4.2.2 鼠标经过图像超链接 “鼠标经过图像”是一种常用的互动技术，当鼠标指针经过图像时，图像会随之发生变化。一般，“鼠标经过图像”效果由两张大小相等的图像组成，一张称为主图像，另一张称为次图像。主图像是首次载入网页时显示的图像，次图像是当鼠标指针经过时更换的另一张图像。“鼠标经过图像”经常应用于网页中的按钮上。 4.2.3 课堂案例——乐器网页 使用鼠标经过图像按钮制作导航条效果。 效果图 使用命名锚记按钮插入锚点，制作链接效果。 课堂练习——美容信息网页 效果图 *