公开课课件 网页的链接.ppt

第5课 网页的链接 主讲人：孟瑶 现在网页都制作完成了，如何从主页转到其他网页去呢？网页之间相互关联才能发挥更大的作用。下面我们就来看看如何在网页中建立超链接。 教学目标 1.掌握为文字和图片建立普通超链接的方法。 2.掌握建立电子邮件超链接的方法。 3.掌握建立书签超链接的方法。 一、将两个网页链接起来 网页中的文字、图片等内容均可以用于建立超链接。下面我们来建立文字超链接。 做一做1: 在“诗文荟萃”网页中建立文字超链接 第1步：打开“诗文荟萃”网站的主页，选定“唐诗赏析”这几个字。 第2步：单机常用工具栏上的“插入超链接”按钮 。打开“插入超链接”对话框。 第3步：在对话框中，选择文件名为tssx.htm的文件，再单机“确定”，网页上“唐诗赏析”几个字变成了蓝色并带下划线，说明这几个字已经变成了超链接标志。 第4步：单机常用工具栏上的 ，保存修改结果。用浏览器将该网页打开。 第5步：将鼠标指针移到“唐诗赏析”这几个字上，鼠标指针变成了，单击它，“唐诗赏析”网页被打开。 动动手1（3min） 把“诗文荟萃”网页中的“美文 在线”四个字链接到“美文在线”网 页；把“自我介绍”四个字链接到“ 自我介绍”网页；把“唐诗赏析”网 页、“美文在线”网页、“自我介绍 ”网页中的“返回”两个字链接到“ 诗文荟萃”网页。 二、建立电子邮件超链接 在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，单机这个超链接，就会自动打开“新邮件”窗口，其中“收件人”栏中已经自动填好了你的E-mail地址，可以很方便地给你发电子邮件。 做一做2： 打开“诗文荟萃”网页，给“联系站长”下面的图片建立一个电子邮件超链接。 第1步：打开“诗文荟萃”网页，选中这幅图片。 第2步：单机工具栏上的“插入超链接”按钮，打开“插入超链接”对话框。 第3步：在“插入超链接”对话框中，单机左面下方的 ，打开对话框。 第4步：在“电子邮件”下面的文本框中输入自己的E-mail地址，在输入地址时，FrontPage自动添加“mailto：”，然后单机去顶。返回窗口。 第五步：保存。 在浏览器中预览该网页。将鼠标指针指向建立链接的图片，当鼠标指针变成手形时单机，出现 “新邮件”窗口,“收件人”框中已自动填入了电子邮件地址，输入主题，邮件正文后单机发送按钮，就可以发送电子邮件了。 动动手2（3min） 为“诗文荟萃”网页中的 “联系站长”几个字创建电子 邮件超链接。 三、在网页中建立书签 如果网页中的内容很多，不方便浏览，可以在网页中设置一些关键词，并把它们与本网页中相关的内容链接起来，这称为建立书签。 做一做3： 为了便于浏览，在“美文在线”这个网页中建立书签。 第1步：打开“美文在线”网页，在网页标题下面增加一行文字，春夏秋冬。我们先来建立“春”季的书签。 第2步：向下拖动滚动块，找到描写春季的那段文字，选中要建立书签的关键词“朱自清——《春》”。 第3步：单机插入菜单中的“书签”命令，出现“书签”对话框；单机确定，建立一个名为“朱自清——《春》”的书签。 第4步：在FrontPage窗口中向上拖动滚动块，回到网页顶端，选中标题下面“春”这个字，然后单机超链接按钮，出现“插入超链接”对话框。 第5步：在“插入超链接”对话框中，单机“书签”按钮，弹出“在文档中选择位置”对话框，单机选中“朱自清——《春》”，然后单机确定。 第6步：单机确定，这个书签就建好了。保存结果。 在浏览器中打开网页，当鼠标指针移到标题下面“春”字上时，鼠标指针变成手形。单机它，就会直接跳到“朱自清——《春》”的内容。 动动手3（5min） 将“美文在线”网页中的“夏” “秋”“冬”也设置成书签链接。