网页链接的设计课件

出示目标
• 掌握为文字和图片创建超链接的方法。 • 掌握在网页中建立书签的方法。 • 了解建立电子邮件超链接的方法。 • 通过讨论、交流等方式培养学生的合作意识和合
作能力。
1、设置超链接的目的是什么？ 使独立的网页之间形成一个紧密的整体
2、超链接的两个要素是什么？
链接源和链接目标
链 接 源 (文字、图片） 对 象
建立电子邮件链接 请你为主页中的文字“与我们联系”建立电子邮件链 接，要求：单击这个超链接可自动启动电子邮件软件， 给您撰写新邮件。
请同学们根据所学知识完成网站所有网页的超 链接，使之成为真正的宣传网站。各组推荐一幅作 品参加展示。
菜单“插入” →“书签”
为文字创建超链接 为“index.htm”网页中第一个标题“河南风光”创 建指向下层子页“fengguang.htm”的超链接。
为图片创建超链接 为“index.htm”左下角的“枫叶”图片创建一个指 向“jingdian.htm”的.htm”网页中为标题“秧歌之都”创建 书签。
链 接 (用户单击超链接时 目 打开的网页和文件） 标
1、在网页中使用书签的两个步骤是什么？ 第一步：是先定义书签，即在网页中某位置
上定义一个书签 第二步：是使用书签，即定义一个超链接到
该书签
2、要完成定义书签，第一步应先做什么？ 选中对象
3、在frontpage2003窗口中哪儿能够找到 “书签”命令？

1、在之前的学习中，什么时候见过或接触过超链接？
……
2、你会在演示文稿中创建超链接吗？
打开桌面上的站点“老仓山”，并创建从首页
（index.htm）到“古建筑”（gjz.htm）页面的链接。
温馨提示： 1、以同一行的四个人为一个小组，进行讨论。 2、运行FRONTPAGE，打开网站“老仓山”，双
击首页（index.htm）后，再进行超链接编辑。 3、保存网页后，进入“老仓山”站点，用浏览器
浏览效果。 4、遇到问题可以参考书本56-57页相关内容。
创建超链接
起始点（链接对象）
终点（链tm) (gjz.htm)
2、完成从“古建筑”回到“首页”的超链接。 (gjz.htm) (index.htm)
初中信息技术苏科课标版七年级全一 册课件 内蒙古 鄂尔多 斯东胜 区正东 中学八 年级数 学上册 七年级 历史上 册第3单 元秦汉 时期统 一多民 族国家 的建立 和巩固 复习课 件新人 教版整 理版清 华机械 工程操 纵基础 课件
3、完成“仓山的桥”和“仓山名人”与“首页”间的 超链接。(csdq.htm) (csmr.htm) (index.htm)
评选要求：
1、网站推广员参加推广活动时，请使用自己修改过的网站。 2、根据推广词，可以从内容编排、图案设计、功能设置等方 面，向大家介绍这个“老仓山”网站。 3、介绍时，表述清晰、简明扼要、大方得体，口齿清楚。 4、表现优秀的同学将被授予“优秀推广员”称号，并颁发荣 誉证书。

7
3.1 建立超链接
3.1.5 电子邮件链接 ▪ 在网站中，你经常会看到"联系我们"的链接，一点击这个链
接，就会触发你的邮件客户端，比如outlook express，然后 显示一个新建mail的窗口。用<a></a>可以实现这样的功能。 ▪ 例如： ▪ <a href = "mailto:info@">联系新浪</a> ▪ <a href="mailto:xiaohua9981@">这是我的电子信 箱</a> 3.1.6 目录链接 ▪ 前面所介绍的资源地址，只是单纯的指向一个文件，但是， 在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带 来不便，要是浏览者可以从上头阅读到尾，又可以选择自己 感兴趣的部分阅读，以上方法却是无法做到的。对于直接链 接到某文件上部、下部或是其中的任意部分，可以使用目录 链接。这种链接又称为书签链接或是锚点链接。
8
3.1 建立超链接
制作目录链接方法是： （1）创建一个定位标记，设置文件中将要链接的位置。 格式是：
<a name="链接位置名称"></a> （2）在调用此链接的文件中的特定部分，定义连接。 格式是：
<a href="文件名＃链接位置名称">链接文字</a>。 如果是在一个文件内跳转，文件名可以省略不写。
<a href="index.htm">文件的链接</a>
3.1.4 URL链接 ▪ 如果链接的文件在其它服务器上，我们就要弄清我们所指向的
文件时采用的哪一种URL地址。URL意思是统一资源定位器， 通过它可以以多种通讯协议与外界沟通来交换信息。 ▪ URL链接的形式是： 协议名：//主机.域名／路径／文件名 ▪ 写在HTML文件中，链接其他主机上的文件时，格式如下： <a href="">电子工业出版社</a>

第5章 创建网页超链接
教学目的
介绍了超链接的概念 掌握超链接和导航条的创建方法 会在网页中灵活使用超链接
5.1 超链接的基本概念
一个网站肯定有很多的页面，如果页面之间彼此
是独立的，那么网页就好比是孤岛，这样的网站 是无法运行的，没有意义的。为了建立起网页之 间的联系我们需要实现从一个网页指向另一个目 标的跳转，这个目标可以是另一个网页，也可以 是同一个网页上的不同位置，还可以是一张图片、 一个电子邮件地址、一个文件或一个绝对定位的 元素，甚至是一个应用程序，这就是所谓的超链 接。在创建超链接之前，首先要弄清楚目录和路 径的关系，只有这样才可以轻松管理网站的链接， 创建出结构清晰明确的网站。
本章小结

为了把Internet上众多的网站和网页联 系起来，将其构成一个整体，就要在网页 中加入链接。这样一来，能让浏览者很轻 松地浏览自己想看的内容。所以我们在整 合网站内容后，系统地考虑站点链接的易 用性、条理性尤为重要。总之，掌握超链 接的制作是基础，如何合理的安排、灵活 的运用它才是关键。
5.1.1 URL概述
URL（统一资源定位器）主要用于指定网上资源


的位置和方法。 URL一般由三个部分组成，即协议、主机和域 （1）协议，又成服务方式，如http、ftp、telnet 等。 （2）主机：即存放资源的主机的IP地址，有时 也包括端口号，如：qq (3)域：主机的具体地址，包括路径和文件名等。
5.4创建跳转菜单
跳转菜单是页面中的弹出式菜单，在菜单
中列举出链接到文件或文件夹的选项。
5.5创建导航条
导航条由按钮、图像或一组图像组成。导
航条就像网站的桥梁，网站通过它把站点 中的各个页面联系起来，使浏览者更加方 便清晰地在各个页面间进行切换，是网站 的结构更加层次分明。