《《网页设计与制作实例教程》第5章(蒋舒静)ppt课件(全).ppt》由会员分享，可在线阅读，更多相关《《网页设计与制作实例教程》第5章(蒋舒静)ppt课件(全).ppt（16页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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 创建
7、脚本链接打开光盘中的5-2.html文件，给文本“关闭窗口”创建脚本链接，当单击其时，系统将弹出如下图所示的“关闭”对话框。第5章 设置超级链接5.2.5 5.2.5 创建空链接及脚本链接创建空链接及脚本链接脚本链接是可以执行脚本链接是可以执行JavaScript语句的链接，其通过链接触发脚本命语句的链接，其通过链接触发脚本命令，通常有添加到收藏夹，关闭窗口等脚本代码可以调用。令，通常有添加到收藏夹，关闭窗口等脚本代码可以调用。实例5 创建空链接打开5-2.html，给文本“1.电子信息工程”创建空链接。空链接是一个未指派的链接，利用该链接可激活页面上的对象。5.2 创建超级链接教学内容实例7
8、 下载VB软件的超链接打开光盘中的5-2.html文件，给文本“VB软件下载”创建下载文件超链接，当单击其时，系统将弹出下载文件的对话框，如下图所示。第5章 设置超级链接5.2.6 5.2.6 创建下载文件超链接创建下载文件超链接网站中经常提供一些下载文件的链接，单击这些链接，就可以直接网站中经常提供一些下载文件的链接，单击这些链接，就可以直接下载文件，这些超链接指向的不是网页，而是其他文件，例如下载文件，这些超链接指向的不是网页，而是其他文件，例如rar、mp3或者或者exe文件等。文件等。5.2 创建超级链接教学内容第5章 设置超级链接5.2.7 5.2.7 创建热区超链接创建热区超链接当
9、制作的网页是由图片构成的，可以使用热点工具来给图片的各个当制作的网页是由图片构成的，可以使用热点工具来给图片的各个部分建立不同的热区链接，使页面的导航结构更加简洁、明快。部分建立不同的热区链接，使页面的导航结构更加简洁、明快。实例8 创建热区超链接打开网页5-3.html，在中间单元格中插入所示图片“shopping.jpg”，建立相应的热区链接，如下图所示。5.3 管理超链接教学内容5.3.1 5.3.1 自动更新超链接自动更新超链接第5章 设置网页超级链接5.3.2 5.3.2 检查链接错误检查链接错误管理超链接是网站管理中不可或缺的一部分，通过超链接可以使管理超链接是网站管理中不可或缺的
10、一部分，通过超链接可以使各个网页连接在一起，使网站中众多页面构成一个有机整体。通过管各个网页连接在一起，使网站中众多页面构成一个有机整体。通过管理网页中的超链接，可以对网页进行相应管理，从而使得网站运行的理网页中的超链接，可以对网页进行相应管理，从而使得网站运行的更加流畅。更加流畅。5.4 小结和习题教学内容5.4.1 5.4.1 本章小结本章小结5.4.2 5.4.2 强化练习强化练习第5章 设置网页超级链接网络中的所有资源都是通过超链接联系在一起的，利用好超链接，可以让网页变得更加方便、清晰和更富有灵性。本章详细介绍了超级链接的制作方法和技巧，具体包括以下主要内容。1.超链接的基本概念 超
11、链接的定义、分类、地址、URL等。2.创建超链接 主要介绍了在Dreamweaver中创建图像超链接、文本超链接、电子邮件超链接、空链接和脚本超链接、下载文件超链接以及热点超链接的方法。3.管理超链接 包括自动更新和检查链接错误的方法。5.4 小结和习题教学内容5.4.2 5.4.2 强化练习强化练习第5章 设置网页超级链接 一、选择题1要实现网页上有如跳转到页首之类的链接，应该使用的方法是()。A.表单 B.选择“插入”“超级链接”命令 C.标签 D.选择“插入”“命名锚记”命令2添加空链接时，应选中对象，并在“链接”文本框中输入()。A.*B.javascript C.javascript
12、;D.javascript:;3设置超级链接属性时，目标窗口设置为_blank时，表示的是()。A.会打开一个新的浏览器窗口来打开链接文档 B.在当前窗口的父窗口中打开链接C.在当前窗口打开链接文档D.在整个浏览器窗口中打开链接的文档 4下列关于在一个文档中可以创建的链接类型，说法错误的是()。A.命名锚记链接，此类链接可跳转至文档中的指定位置 B.电子邮件链接，此类链接可新建一个收件人地址已填好的空白电子邮件C.链接到其他文档或文件的链接 D.空链接，此类链接不能够在对象上附加行为5在移动热点时，按下方向键的同时按下Ctrl键，每次移动的距离为()。A.1像素 B.5像素 C.10像素 D.20像素5.4 小结和习题教学内容5.4.2 5.4.2 强化练习强化练习第5章 设置网页超级链接二、判断题二、判断题1设置电子邮件超链接时，在“链接”框中直接输入邮箱地址即可，例如。()2使用根目录相对路径时，以“”开头。()3超链接创建后无法删除或更改。()4可以创建超链接的对象可以是文本、图像、图像的某一部分。()5在浏览器中单击电子邮件链接后，会启动浏览器。()清华大学出版社 网页设计与制作实例教程高等学校计算机应用规划教材 谢谢使用！联系信箱：