网页制作超级链接.ppt
《网页制作超级链接.ppt》由会员分享,可在线阅读,更多相关《网页制作超级链接.ppt(58页珍藏版)》请在三一办公上搜索。
1、超级链接,学校公共选修课:网页设计与制作讲义,北师大珠海分校信息技术学院陈星火,学习目标,了解超级链接的概念了解超级链接的类型掌握站点内部超级链接的方法掌握电子邮件链接掌握外部超级链接的方法掌握锚点链接掌握热点区域链接,文字图片按钮,页面,文字图片按钮,页面,什么是超级链接?,所谓链接(link)就是一个web资源到另一个web资源的连接,建立链接的目的是为了获取web的其他资源。超级链接由两部分组成:链接载体(源端点)和链接目标(目标端点)。,链接的基本概念,许多页面元素都可以作为链接载体,例如:文本、图像、图像热区、轮替图像、动画而链接目标可以是任意的网络资源,例如:页面、图像、声音、程序
2、、其他网站、Email甚至是页面中的某个位置锚点等等。,超级链接的应用,超级链接可以为浏览者畅游网络提供方便。是网页制作中使用得比较多的一种技术。超级链接是用预先准备好的文本、图片、按钮等对象与其他对象建立一种链接关系。也就是在源端点和目标端点之间建立起一种链接。源端点是超级链接的起始端点,也称为源锚,目标端点是联结的对象,也称为目标锚。,超链接的划分,按源端点的链接划分:超文本链接:源锚文本下方有下划线非超文本链接:用除文本之外的其他对象构建的链接(图像、表格、列表、表单、多媒体等),按目标端点的链接划分:外部链接内部链接电子邮件链接局部链接,超级链接举例,超文本链接非超文本链接外部链接内部
3、链接电子邮件链接局部链接,“统一资源定位符”-URL,URL是英文Uniform Resource Location的缩写。下面是几种常见的URL协议:超文本传输协议Http:/文件传输协议Ftp:/MailtoMailto:/TelnetTelnet:/,文档的绝对路径,即被链接文档的完整URL,包括所使用的传输协议,对于网页通常是“http:/”。例如,就是一个绝对路径。在创建外部链接时,必须使用绝对路径。,文档的相对路径,以当前文档所在位置为起点到被链接文档经由的路径。例如,“default.asp”就是一个文档相对路径。同一网站内创建内部链接时,使用相对路径比较方便。与同文件夹内的文件
4、链接时只写文件名即可,如果要与上一级文件夹里的文件链接,在文件名前加上“./”即可。,根相对路径,是指从站点根文件夹到被链接文档经由的路径,以前斜杠开头,例如,“/news/default.asp”就是站点根文件夹下的“news”子文件夹中的一个页面文件“default.asp”的根相对路径。当我们移动一个包含根相对链接的文档时,不需要对原有的链接进行修改。,创建超级链接,超级链接是指站点内不同网页之间、站点与Web之间的链接关系,它可以使站点内的网页成为一个有机的整体,还可以在不同的站点之间建立联系。下面以文本为链接载体,介绍在Dreamweaver MX中如何创建各种类型的超级链接。,创建
5、超级链接的方法,在站点管理器中编辑超级链接创建锚点链接创建E-MAIL链接创建导航条创建跳转菜单创建映射图链接,制作目标,制作一个预览效果图如图所示的网页页面。,创建内部超级链接,属性面板上的“链接定位”图标或者“浏览文件”图标可以用来创建文件的内部超级链接。,使用“链接定位”图标创建内部超级链接,(1)选择页面中的标题文字“星火其人”;(2)在编辑窗口的列表菜单中打开“站点”管理器;(3)拖动“链接定位”图标到站点管理器中的页面文件“autobiography.htm”上方,文件的地址就会出现在属性面板的“链接”文本框中;(4)松开鼠标左键,完成内部链接的创建。,使用“浏览文件”图标创建内部
6、超级链接,(1)选择页面pra_05_01.htm中的标题文字“星火其人”;(2)点击属性面板上的“浏览文件”图标,打开“选择文件”对话框中,选择页面文件“autobiography.htm”;(3)点击“确认”按钮完成操作。,创建外部超级链接,链接外部网站的关键,是在链接域正确输入外部网站的网址。例题:为页面中的文字“信息技术与软件工程学院”添加外部超级链接,地址为“http:/”,并设置链接目标为新窗口打开,,操作步骤如下:,(1)选中页面中的文字“信息技术与软件工程学院”;(2)在属性面板的“链接”文本框中输入地址“http:/”;(3)在“目标”域选择链接目标的载入位置为“_blank
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 超级链接

链接地址:https://www.31ppt.com/p-5301923.html