《第7讲创建网链接.ppt》由会员分享，可在线阅读，更多相关《第7讲创建网链接.ppt（24页珍藏版）》请在三一文库上搜索。
1、第7讲 创建网页链接,参考资源： http:/218.192.12.13/kcpt/jkx.html,大学计算机,2019/7/15,1,广东金融学院,主要内容,1超链接的概念； 2理解路径； 3创建文本超链接、下载超链接和图像超链接； 4创建锚点链接和E-mail链接； 5制作导航条； 6求职站点的页面导航； 7总结并布置作业。,2019/7/15,广东金融学院,2,1超链接的概念,什么是超链接 超链接（简称链接）是网页文档中的重要元素，使用超链接可以实现网页文档之间的快速跳转，而不管这些网页是来自一个站点，还是来自Internet中不同的站点。 网页中超链接通常以文本、图像或动画等形式出现
2、。当鼠标指针指向超链接时，鼠标指针会变成手指状；单击超链接时，浏览器就会按照超链接指向的目标载入另一个网页，或者跳转到同一网页（也可以是其他网页）的某一个位置。,2019/7/15,广东金融学院,3,1超链接的概念,源端点和目标端点 超链接是由源端点到目标端点的一种跳转。 源端点可以是网页中的一段文本、一幅图像或图像热区等。 目标端点可以是任意类型的网络资源，例如一个网页、一幅图像、一首音乐、一段动画、一段电影或一个程序等。,2019/7/15,广东金融学院,4,1超链接的概念,源端点和目标端点,2019/7/15,广东金融学院,5,1超链接的概念,超链接分类（按照目标端点的不同） 文件链接：
3、目标端点是一个文件（通常是网页文件，也可以是其它文件），用于打开另外一个网页，或者将一个文件直接下载到本地计算机中。 锚点链接：目标端点是网页中的某个位置，用于快速跳转到当前网页或其它网页中的某个位置。 E-mail链接：目标端点是一个发送邮件的客户端程序（如Foxmail、Outlook等），用于启动一个邮件客户端程序，并向某个电子邮箱发送邮件。,2019/7/15,广东金融学院,6,2理解路径,什么是路径？ 路径是指文件或其它资源（如邮件或锚点等）在本地计算机或网络中的存储位置，通常用URL（统一资源定位器）表示。 文件链接通常要指定目标端点的文件位置，因此创建超链接前，理解文件路径是非常
4、关键的一步。,2019/7/15,广东金融学院,7,2理解路径,URL的格式 http:/：指明文件在网络中传输的协议是超文本传输协议。 Web服务器IP或域名：用于指定是网络中的哪一台计算机。 文件目录：就是Web站点的目录，通常站点中的文件资源都放在这个目录中。 文件名：包括文件主名和扩展名。,2019/7/15,广东金融学院,8,http:/Web服务器IP地址或域名/文件目录./文件名,2理解路径,URL的唯一性 网络中计算机的IP地址（或域名）唯一。 网络中每台计算机中的文件路径唯一。 因此，由于URL特殊的层次性结构，使得在网络中，每个文件的URL是唯一的。,2019/7/15,广
5、东金融学院,9,2理解路径,路径的类型 绝对路径 也称绝对URL，它给出链接目标文件的完整URL地址，包括传输协议在内，如http:/ 如果链接的目标文件不在当前Web站点内，必须使用绝对路径。,2019/7/15,广东金融学院,10,2理解路径,路径的类型 相对路径 也称为相对URL，是指以当前文件所在位置为起点到目标文档所经过的路径，如“dreamweaver8/contents.html”。若要将当前文件与处在同一文件夹中的另一个文件链接，或者将同一站点中不同文件夹下的文件相互链接，都可以使用相对路径，此时可以省去当前文件与目标文档完整URL中的相同部分，只留下不同部分。,2019/7/
6、15,广东金融学院,11,2理解路径,路径的类型 根相对路径 是指从站点根目录到被链接文件的路径，如“/dreamweaver8/contents.html”。实际上，根相对路径是站点内部的“绝对路径”，因此服务器地址加上根相对路径就形成绝对路径了。 根相对路径适用于当前网页文档和链接目标端点文件处于相同站点中的情况。,2019/7/15,广东金融学院,12,3文本链接、下载链接和图像链接,文本超链接 是指源端点是文本的超链接。 下载链接 是一种特殊的文件超链接，即当打开超链接的浏览器不能显示（或默认显示）目标端点文件中的内容时，浏览器将自动提示下载对话框。 图像超链接 是指源端点是图像中热点
7、的超链接。,2019/7/15,广东金融学院,13,3文本链接、下载链接和图像链接,新建超链接的方法 使用菜单命令 使用“属性”面板,2019/7/15,广东金融学院,14,4创建锚点链接和E-mail链接,锚点链接 当网页内容很长时，可以使用锚点超链接快速定位到网页文档的指定位置，加快页面浏览速度。 创建锚点链接一般分为两个步骤： 首先，在页面的某处设置一个命名标记（即锚点）； 其次，创建锚点链接，并使链接目标指向一个锚点。这样，浏览者单击锚点链接就可以跳转到锚点位置。,2019/7/15,广东金融学院,15,4创建锚点链接和E-mail链接,创建锚点链接,2019/7/15,广东金融学院,
8、16,4创建锚点链接和E-mail链接,E-mail超链接 为了让浏览者单击E-mail超链接时，能正常发送电子邮件，必须为E-mail超链接指定一个合法的目标端点。 E-mail超链接的目标端点格式为： mailto:电子邮件地址 创建E-mail链接,2019/7/15,广东金融学院,17,5制作导航条,导航条的作用 导航条在整个网站中起着非常重要的作用，它是引导浏览者进入站点每个栏目的重要入口。 导航条一般是由一组文本、按钮或图像组成的超链接，并且通常横向分布在网页的上部区域，或者垂向分布在网页左侧或右侧。 当然由于网页的形式多样，个性化差异较大，导航条不一定完全按照常规去设计，总的原则
9、是要简单、明了、清晰，能够方便引导浏览者浏览网站中的其它网页。,2019/7/15,广东金融学院,18,5制作导航条,创建导航条,2019/7/15,广东金融学院,19,6求职站点的页面导航,个人求职站点整体架构,2019/7/15,广东金融学院,20,6求职站点的页面导航,个人求职站点整体架构,2019/7/15,广东金融学院,21,7总结并布置作业,总结 1) 超链接和路径的概念 2) 常见的超链接形式及创建方法 3) 页面导航的制作方法,2019/7/15,广东金融学院,22,7总结并布置作业,作业 1) 给班级管理站点制作的一个页面导航结构。 基本要求：页面中应包含水平导航和垂直导航两种，其中垂直导航利用“插入导航”对话框制作，而水平导航采用鼠标移动图像实现。此外，还应包含“联系我们”、“加入收藏”和“设为主页”等链接。,2019/7/15,广东金融学院,23,,Thank You !,