《网页设计与制作实例教程》第5章(蒋舒静)ppt课件(全).ppt
《《网页设计与制作实例教程》第5章(蒋舒静)ppt课件(全).ppt》由会员分享,可在线阅读,更多相关《《网页设计与制作实例教程》第5章(蒋舒静)ppt课件(全).ppt(16页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、清华大学出版社 网页设计与制作实例教程第5章高等学校计算机应用规划教材 2023/3/6主编 方其桂内容提要第5章 设置网页超级链接网络世界里,超级链接无处不在。通过超级链接可以将因特网络世界里,超级链接无处不在。通过超级链接可以将因特网上的各种相关信息有机地联系起来,能很方便地从一个网页跳网上的各种相关信息有机地联系起来,能很方便地从一个网页跳转到另一个网页,从而可以方便的查询到所需要的资源。转到另一个网页,从而可以方便的查询到所需要的资源。本章通过多个实例,从超级链接的基本概念、创建和管理三本章通过多个实例,从超级链接的基本概念、创建和管理三个方面,介绍超级链接在网页中的相关应用。个方面,
2、介绍超级链接在网页中的相关应用。教学目录认识超级链接认识超级链接创建超级链接创建超级链接管理超级链接管理超级链接010203第5章 设置网页超级链接5.1 认识超级链接教学内容5.1.1 5.1.1 超级链接定义与分类超级链接定义与分类超级链接在本质上属于一个超级链接在本质上属于一个网页网页的一部分,它是一种允许同其他网页的一部分,它是一种允许同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。站。1.超链接定义2.超链接分类第5章 设置超级链接5.1.2 URL5.1.2 URL简介简介URL(Un
3、iform Resource Locator,统一资源定位符,统一资源定位符),简称网址。,简称网址。互联网上的每个文件都有一个唯一的互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位,它包含的信息指出文件的位置以及浏览器应该怎么处理它。置以及浏览器应该怎么处理它。5.1.3 5.1.3 超级链接的路径超级链接的路径绝对路径绝对路径 根目录相对路径根目录相对路径 文档目录相对路径文档目录相对路径 5.2 创建超级链接教学内容第5章 设置超级链接5.2.1 5.2.1 创建图像超链接创建图像超链接给网页上的图像设置超链接,使得用户通过单击图像就可以打开相应给网页上的图像设置超链接,
4、使得用户通过单击图像就可以打开相应的内容,让网页更加生动。例如常见的友情链接,可以将站点页面链接到本的内容,让网页更加生动。例如常见的友情链接,可以将站点页面链接到本地站点以外的页面,设计者需要事先给相应的图像指定一个完整的地址地站点以外的页面,设计者需要事先给相应的图像指定一个完整的地址。实例1 创建友情链接在网页文档中插入3张图像,并将它们用新窗口的方式分别链接到相应的网页,如下图所示。5.2 创建超级链接教学内容第5章 设置超级链接5.2.2 5.2.2 创建文本超链接创建文本超链接文本超链接的创建,有多种方法,可以在文本超链接的创建,有多种方法,可以在“链接链接”文本框中输入内容,文本
5、框中输入内容,也可以利用工具按钮来创建链接。也可以利用工具按钮来创建链接。实例2 安徽省各地简介给网页中的文本“淮北”、“合肥”、“阜阳”、“宿州”创建超链接,效果如下图所示。5.2 创建超级链接教学内容第5章 设置超级链接5.2.3 5.2.3 创建电子邮件超链接创建电子邮件超链接电子邮件超链接是一种特殊的链接,单击其时,将打开一个新的空白电子邮件超链接是一种特殊的链接,单击其时,将打开一个新的空白邮件窗口,在邮件窗口,在“收件人收件人”栏里将自动显示电子邮件链接中指定的地址。栏里将自动显示电子邮件链接中指定的地址。实例3 创建电子邮件超链接给网页中的文字或者图像创建电子邮件超链接,使得单击
6、其时,打开如下图的发送邮件的窗口。5.2 创建超级链接教学内容第5章 设置超级链接5.2.4 5.2.4 创建锚记超链接创建锚记超链接锚记链接是指链接到同一页面中不同位置的链接。例如,当一个页锚记链接是指链接到同一页面中不同位置的链接。例如,当一个页面较长时,为了方便用户浏览网页,可以在页面底部设置一个锚记链接,面较长时,为了方便用户浏览网页,可以在页面底部设置一个锚记链接,单击后可以快速跳转到页面顶部。单击后可以快速跳转到页面顶部。实例4 返回页首打开光盘中的网页5-2.html文件,实现单击“返回页首”后返回到页首的功能,效果如下图所示。单击回到页首5.2 创建超级链接教学内容实例6 创建
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作实例教程 网页 设计 制作 实例教程 蒋舒静 ppt 课件
限制150内