公开课课件 网页的链接.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步：单机确定，这个书签就建好了。保存结果。在浏览器中打开网页，当鼠标指针移到标题下面“春”字