江西信息应用职业技术学院 电子商务与管理系

Presentation on theme: "江西信息应用职业技术学院 电子商务与管理系"— Presentation transcript:

1 江西信息应用职业技术学院 电子商务与管理系
网页设计与制作 江西信息应用职业技术学院 电子商务与管理系

2 在学生已完成案例网页设计实操基础上，梳理DW操作。 教法：互动提问式，以学生回答为主
第5章 创建和设置超级链接 教学目标： 在学生已完成案例网页设计实操基础上，梳理DW操作。 教法：互动提问式，以学生回答为主

3 超链接

4 可以链外部地址 可以链本站其他页面 可以链本页其他位置 可以链网页或图片、电子邮件、WORD文档等其他资源。 <a href=“…”>这是一个链接</a> 要指明链接路径，即地址---URL

5 URL

6 统一资源定位符，互联网资源的地址。 网址 结构：协议+服务器名称（或IP地址）+路径+文件名。 例如： URL以斜杠“/”结尾，而没有给出文件名，为引用路径中默认文件（首页）。

7 http——超文本传输协议资源 https——用安全套接字层传送的超文本传输协议 ftp——文件传输协议 mailto——电子邮件地址 ldap——轻型目录访问协议搜索 file——当地电脑或网上分享的文件 news——Usenet新闻组 gopher——Gopher协议 telnet——Telnet协议

8 路径表达方式

9 绝对路径 例如： <a href=“file:///E|/jxciaweb/htdocs/dep/commerce/ec/test/t1.htm”>关于本站的说明</a> <a <a href=“

10 文档相对路径 网页与被链接资源的相对位置关系。 省略协议与主机名 一般用于网站内部链接。 例如：
<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>

11 站点根目录相对路径 资源的路径表示从站点根目录开始。 例如：
<a href=“/resource/p2.htm" >页面</a>

12 链接目标

13 即链接目标的打开方式 当前窗口打开：默认方式 新窗口打开：<a href=“ target=“_blank”>搜狐</a>

14 链接的分类

15 文本链接 图像链接 表单链接 内部链接 外部链接 电子邮件链接 锚点链接

16 创建文本链接

17 方式一：[属性]面板 方式二：[常用]工具栏 方式三：[插入]菜单 注意：首先要选择制作链接的文本

18 关于链接文本的外观状态设置。 [页面属性]设置

19 图像链接

20 图像地图

21 例：http://10. 10. 2. 1/dep/commerce/tour/index. htm或http://jxcia
例：

22 链接电子邮件地址

23

24 锚记链接

25 本页面 外页面

26 空链接

27 鼠标经过图像

28 导航条

29 脚本链接

30 FLASH文本

31 FLASH按钮

32 例如：收藏本站链接，学院首页下端