DW-第4章网页超链接.ppt

Dreamweaver 网页制作 主讲：孙洪娟 第4章 网页超链接 本章目标 4.1超链接概念 4.6电子邮件 链接 4.2路径概念 4.7空连接 4.3绝对路径 4.8锚点连接 4.4相对路径 4.9超链接目标 4.5图像热点链接 4.1超级链接-概念 超级链接是从一个网页或文件到另一个网页或文件的链接，包括图像或多媒体文件，还可以指向电子邮件地址或程序。 要正确创建链接，就必须了解链接与被链接文档之间的路径关系。 每个网页都有一个独一无二的地址，称为统一资源定位器（URL） 4.2路径的表示方式-概念 路径 就是连接中的文件地址。 它主要分为相对路径与绝对路径两种 4.3路径的表示方式-绝对路径 绝对路径：为文件提供完全的路径，包括适用的协议，如http。为标准的绝对路径表达方式。 *当链接到其他网站中的文件时，必须使用绝对路径 4.3路径的表示方式-绝对路径 4.4路径的表示方式-相对路径 相对路径：最适合网站内部链接使用，只要处于站点文件夹内，相对地址可自由在文件间构建链接。 这种表示形式省略了绝对地址的相同部分。 *使用相对路径的好处在于站点文件夹所在的服务器地址发生改变时，文件夹中所有内部链接都不会出问题 任务一 每个网页都有一个什么？称为什么？ 独一无二的地址，称为统一资源定位器（URL） 路径分为哪两种？ 相对路径与绝对路径 当链接到其他网站中的文件时，必须使用什么路径? 绝对路径 当一个网站文件内部页面必须使用什么路径？其优点就是什么？ 相对路径，有点是服务器地址发生改变时，文件夹中所有内部链接都不会出问题 实例一 4.5超级链接-图像热点链接 热点链接：同一图像的不同部分链接到不同文档。 选中【要创建热点链接】的图像【属性】【矩形热点】工具 拖动鼠标不放绘制矩形热点 在【属性】【链接】中设置链接地址 设置其他【属性】 保存，预览 实例二 绿色食品网页 4.6超级链接-电子邮件链接 插入电子邮件链接 在弹出对话框中【文本】文本框中输入相应文字，在【E-Mail】文本框中输入邮箱地址 例如：yy@163.com （2）选中要创建邮件电子链接对象【属性】面板【链接】输入邮箱地址(加mailto:) 单击【确定】，预览 4.7超级链接-空链接 【属性】【链接】直接输入【#】 代码中：a href=“#”空链接对象/a * 【#】是指相对或者绝对链接地址 4.8超级链接-锚点链接 利用锚点能更精确地使访问者快速浏览到选定的位置，加快信息检索速度 锚点是一种网页内的超级链接 插入命名标记 在【锚记名称】文本框中输入名称（名字） 单击【确定】 选中要进行锚链接对象属性链接输入【#名字】即可 4.9超级链接-链接属性中的【目标】 _blank ：在新窗口中打开被链接文档。 _self： 默认。在相同的框架中打开被链接文档（当前网页中打开）。 _parent ：在父框架集中打开被链接文档。 _top ：在整个窗口中打开被链接文档。 任务二 空链接代码什么？ a href=“#”连接对象/a 锚点是一种什么超级链接方法？ 网页内的超级链接 实例四 锚点链接