- 1、本文档共21页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
DW-第4章网页超链接
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 锚点是一种什么超级链接方法? 网页内的超级链接 实例四 锚点链接
文档评论(0)