江西信息应用职业技术学院 电子商务与管理系 网页设计与制作 江西信息应用职业技术学院 电子商务与管理系
在学生已完成案例网页设计实操基础上，梳理DW操作。 教法：互动提问式，以学生回答为主 第5章 创建和设置超级链接 教学目标： 在学生已完成案例网页设计实操基础上，梳理DW操作。 教法：互动提问式，以学生回答为主
超链接
可以链外部地址 可以链本站其他页面 可以链本页其他位置 可以链网页或图片、电子邮件、WORD文档等其他资源。 <a href=“…”>这是一个链接</a> 要指明链接路径，即地址---URL
URL
统一资源定位符，互联网资源的地址。 网址 结构：协议+服务器名称（或IP地址）+路径+文件名。 例如： http:// www.sohu.com/news/3945.html http://www.sohu.com/ URL以斜杠“/”结尾，而没有给出文件名，为引用路径中默认文件（首页）。
http——超文本传输协议资源 https——用安全套接字层传送的超文本传输协议 ftp——文件传输协议 mailto——电子邮件地址 ldap——轻型目录访问协议搜索 file——当地电脑或网上分享的文件 news——Usenet新闻组 gopher——Gopher协议 telnet——Telnet协议
路径表达方式
绝对路径 例如： <a href=“file:///E|/jxciaweb/htdocs/dep/commerce/ec/test/t1.htm”>关于本站的说明</a> <a href=“mailto:jxciazb@126.com”>给我发邮件</a> <a href=“http://www.sohu.com/”>门户网站搜狐</a>
文档相对路径 网页与被链接资源的相对位置关系。 省略协议与主机名 一般用于网站内部链接。 例如： <a href=“p1.htm” >页面1</a> <a href="resource/p2.htm" >页面2</a> <a href=“../p3.htm">页面3</a> <a href=“../resource/p4.htm">页面4</a>
站点根目录相对路径 资源的路径表示从站点根目录开始。 例如： <a href=“/resource/p2.htm" >页面</a>
链接目标
即链接目标的打开方式 当前窗口打开：默认方式 新窗口打开：<a href=“http://www.show.com/” target=“_blank”>搜狐</a>
链接的分类
文本链接 图像链接 表单链接 内部链接 外部链接 电子邮件链接 锚点链接
创建文本链接
方式一：[属性]面板 方式二：[常用]工具栏 方式三：[插入]菜单 注意：首先要选择制作链接的文本
关于链接文本的外观状态设置。 [页面属性]设置
图像链接
图像地图
例：http://10. 10. 2. 1/dep/commerce/tour/index. htm或http://jxcia 例：http://10.10.2.1/dep/commerce/tour/index.htm或http://jxcia.com/dep/commerce/tour/index.htm
链接电子邮件地址
mailto:xxxxxx@xxxxx
锚记链接
本页面 外页面
空链接
鼠标经过图像
导航条
脚本链接
FLASH文本
FLASH按钮
例如：收藏本站链接，学院首页下端