新网页制作基础教程 第2版 教学课件 邓振杰 第6章.pptVIP

（6）在“按下时鼠标经过图像”文本框中，输入导航按钮图像按下状态时的轮替图像文件的URL。单击“浏览”按钮，可以从本地磁盘上选择图片文件。 （7）在“替换文本”文本框中，输入项目的描述性名称。替换文本在纯文本浏览器或设为手动下载图像的浏览器中，替代图像出现在应显示图的位置。 （8）在“按下时，前往的URL”文本框中，输入单击导航按钮图像时跳转的URL地址。单击“浏览”按钮，可以从磁盘上选择目标端点的文档。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第6章 在网页中使用超链接 【本章学习目标】 ● 认识超链接。 ● 掌握利用Dreamweaver CS3创建各种超链接的方法。 ● 掌握利用Dreamweaver CS3编辑各种超链接的方法。 ● 管理超链接的方法。 6.1 超链接基础 6.1.1 超链接的种类 超链接按源端点的链接划分，分为超文本链接和非超文本链接两类。 超文本链接的源锚文本下方有下画线，而非超文本链接是用除文本之外的其他对象构建的链接，其源锚可以是图像、表格、列表、表单、多媒体等对象。 超链接按目标端点的链接划分，可分为外部链接、内部链接、电子邮件链接、局部链接和脚本链接等。 6.1.2 文档路径类型 1．绝对路径 绝对路径是包括服务器协议（在本例中为HTTP）的完全路径，如/index.htm。链接当前站点之外的文档，就必须使用绝对路径。 2．相对路径 （1）根相对路径。根相对路径（也称相对根目录）以“/”开头，路径是从当前站点的根目录开始计算。 （2）文档相对路径。文档相对路径对于大多数Web站点的本地链接来说，是最合适的路径。 6.2 利用Dreamweaver CS3创建超链接 6.2.1 创建文字超链接 1．使用“浏览文件”图标 （1）选中欲设置超级链接的文本对象。 （2）在菜单栏中单击“窗口”→“属性”（或按“Ctrl+F3”键），打开文本“属性”面板。 （3）在“属性”面板上单击“链接”文本框右侧的“浏览文件”图标 ，打开“选择文件”对话框。 （4）设置“选择文件”对话框的参数。 2．使用“指向文件”图标 （1）选中欲设置超级链接的文本对象。 （2）如果链接目标文档已经打开，则直接将“指向文件”图标拖曳到目标文档窗口。 （3）如果目标文档没有打开，也可以将“指向文件”图标拖曳到站点窗口中相应的站点文件位置。 （4）拖曳到目标地址后，释放鼠标即可在属性“面板”的“链接”文本框中看到链接目标端文档的URL地址。 3．使用“超级链接”对象 （1）把光标置于欲设置超级链接的地方，选择“插入记录”→“超级链接”菜单命令，或者直接单击“插入”面板上“常用”选项卡下的“超级链接”图标 ，弹出“超级链接”对话框。 （2）设置具体的链接信息后单击“确定”按钮，即可在所需区域中插入文本超级链接了，按F12键即可在浏览器中预览其效果。 1．命名锚记 6.2.2 创建锚点超链接 在文档窗口的设计视图中，将插入点放在需要命名锚记的地方。在菜单栏中单击“插入记录”→“命名锚记”命令，打开如图对话框。 在命名锚记时，应遵循以下规则。 （1）锚记名称的第1个字母最好是英文字母，一般不要以数字作为锚记名称的开头。 （2）锚记名称区别英文字母的大小写。 （3）锚记名称间不能含有空格，也不能含有特殊字符。 2．链接到命名锚记 在文档窗口的设计视图中，选择要从其创建链接的对象（文本、图像等）。在属性面板的“链接”文本框中输入一个数字符号（#）和锚记名称。 如果要链接到当前文档中名为“bottom”的锚记，可键入#bottom。 如果要链接到同一文件夹内其他名为“bottom”的锚记，可键入filename.html#bottom。 6.2.3 创建电子邮件链接 1．插入电子邮件链接 （1）在“文档”窗口的“设计”视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。选择“插入记录”→“电子邮件链接”命令，将出现“电子邮件链接”对话框。 （2）输入相关E-mail地址，完成此对话框的相关内容。单击“确定”按钮。 2．使用属性面板创建电子邮件链接 在“文档”窗口的“设计”视图中选择文本或图像。在属性面板的“链接”文本框中，键入mailto:，后面跟电子邮件地址。在冒号和电子邮件地址之间不能键入任何空格。 6.2.4 创建空链接和脚本链接 1．创建空链接 在文档窗口中选定文本，然后在属性面板的“链接”文本框中键入“#”即可。建立空链接的目的主要是为了应用行为，在其他情况下不必创建空链接。 2．创建脚本链接 在“文档”窗口的“设计”视图中选择文本、图像或对象。在属