公开课课件 网页链接

1、第第5课课 网页的链接网页的链接主讲人：孟瑶主讲人：孟瑶 现在网页都制作完成了，现在网页都制作完成了，如何从主页转到其他网页去呢？如何从主页转到其他网页去呢？网页之间相互关联才能发挥更网页之间相互关联才能发挥更大的作用。下面我们就来看看大的作用。下面我们就来看看如何在网页中建立超链接。如何在网页中建立超链接。 1.掌握为文字和图片建立普通超链接的方法。掌握为文字和图片建立普通超链接的方法。 2.掌握掌握建立电子邮件超链接的方法。建立电子邮件超链接的方法。 3.掌握掌握建立书签超链接的方法。建立书签超链接的方法。 网页中的文字、图片等内容均网页中的文字、图片等内容均可以用于建立超链接。下面我们来

2、可以用于建立超链接。下面我们来建立文字超链接。建立文字超链接。 做一做做一做1:在在“诗文荟萃诗文荟萃”网页中建立文字超链接网页中建立文字超链接第第1步：打开步：打开“诗文荟萃诗文荟萃”网站的主页，网站的主页，选定选定“唐唐诗赏析诗赏析”这几个字。这几个字。第第2步：单机常用工具栏上的步：单机常用工具栏上的“插入超链接插入超链接”按按钮钮 。打开。打开“插入超链接插入超链接”对话框。对话框。第第3步：在对话框中，步：在对话框中，选择文件选择文件名为名为tssx.htm的文的文件，再单机件，再单机“确定确定”，网页上，网页上“唐诗赏析唐诗赏析”几个字几个字变成了蓝色并带下划线，说明这几个字已经变

3、成了变成了蓝色并带下划线，说明这几个字已经变成了超链接标志。超链接标志。第第4步：单机常用工具栏上的步：单机常用工具栏上的 ，保存保存修改结果。修改结果。用浏览器将该网页打开。用浏览器将该网页打开。第第5步：将鼠标指针移到步：将鼠标指针移到“唐诗赏析唐诗赏析”这几个字上，这几个字上，鼠标指针变成了，单击它，鼠标指针变成了，单击它，“唐诗赏析唐诗赏析”网页被打网页被打开。开。（3min） 把把“诗文荟萃诗文荟萃”网页中的网页中的“美文美文在线在线”四个字链接到四个字链接到“美文在线美文在线”网网页；把页；把“自我介绍自我介绍”四个字链接到四个字链接到“自我介绍自我介绍”网页；把网页；把“唐诗赏析

4、唐诗赏析”网网页、页、“美文在线美文在线”网页、网页、“自我介绍自我介绍”网页中的网页中的“返回返回”两个字链接到两个字链接到“诗文荟萃诗文荟萃”网页。网页。二、建立电子邮件超链接二、建立电子邮件超链接 在网页中建立了电子邮件超链接后，当在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意别人浏览你的网页时，如果有什么建议或意见，单机这个超链接，就会自动打开见，单机这个超链接，就会自动打开“新邮新邮件件”窗口，其中窗口，其中“收件人收件人”栏中已经自动填栏中已经自动填好了你的好了你的E-mail地址地址，可以很方便地给你发，可以很方便地给你发电子邮件。电子邮件。：打开打开“

5、诗文荟萃诗文荟萃”网页，给网页，给“联系站长联系站长”下面的图片建立下面的图片建立一个电子邮件超链接。一个电子邮件超链接。 第第1步：打开步：打开“诗文荟萃诗文荟萃”网页，网页，选中选中这幅图片。这幅图片。 第第2步：单机工具栏上的步：单机工具栏上的“插入超链接插入超链接”按钮，打开按钮，打开“插入超链插入超链接接”对话框。对话框。 第第3步：在步：在“插入超链接插入超链接”对话框中，单机左面下方的对话框中，单机左面下方的 ，打，打开对话框。开对话框。 第第4步：在步：在“电子邮件电子邮件”下面的文本框中输入自己的下面的文本框中输入自己的E-mail地址，地址，在在输入地址输入地址时，时，Fr

6、ontPage自动添加自动添加“mailto：”，然后单机去，然后单机去顶。返回窗口。顶。返回窗口。 第五步：第五步：保存保存。 在浏览器中预览该网页。将鼠标指针指向建立链接的图片，当鼠在浏览器中预览该网页。将鼠标指针指向建立链接的图片，当鼠标指针变成手形时单机，出现标指针变成手形时单机，出现 “新邮件新邮件”窗口窗口,“收件人收件人”框中框中已自动填入了电子邮件地址，输入主题，邮件正文后单机发送按已自动填入了电子邮件地址，输入主题，邮件正文后单机发送按钮，就可以发送电子邮件了。钮，就可以发送电子邮件了。（3min） 为为“诗文荟萃诗文荟萃”网页中的网页中的“联系站长联系站长”几个字创建电子几

7、个字创建电子邮件超链接。邮件超链接。 如果网页中的内容很多，不方便浏览，如果网页中的内容很多，不方便浏览，可以在网页中设置一些可以在网页中设置一些关键词关键词，并把它们，并把它们与本网页中相关的内容链接起来，这称为与本网页中相关的内容链接起来，这称为建立书签建立书签。做一做做一做3：为了便于浏览，在为了便于浏览，在“美文在线美文在线”这个网页中建立书这个网页中建立书签。签。第第1步：打开步：打开“美文在线美文在线”网页，在网页标题下面增加一行文网页，在网页标题下面增加一行文字，字，春夏秋冬春夏秋冬。我们先来建立。我们先来建立“春春”季的书签。季的书签。第第2步：向下拖动滚动块，找到描写春季的那

8、段文字，选中要步：向下拖动滚动块，找到描写春季的那段文字，选中要建立书签的关键词建立书签的关键词“朱自清朱自清春春”。第第3步：单机步：单机插入插入菜单中的菜单中的“书签书签”命令，出现命令，出现“书签书签”对话对话框；单机确定，建立一个名为框；单机确定，建立一个名为“朱自清朱自清春春”的书签。的书签。第第4步：在步：在FrontPage窗口中向上拖动滚动块，回到网页顶端，窗口中向上拖动滚动块，回到网页顶端，选中标题下面选中标题下面“春春”这个字，然后单机超链接按钮，出现这个字，然后单机超链接按钮，出现“插插入超链接入超链接”对话框。对话框。第第5步：在步：在“插入超链接插入超链接”对话框中，单机对话框中，单机“书签书签”按钮，弹按钮，弹出出“在文档中选择位置在文档中选择位置”对话框，单机选中对话框，单机选中“朱自清朱自清春春”，然后单机确定。，然后单机确定。第第6步：单机确定，这个书签就建好了。步：单机确定，这个书签就建好了。保存保存结果。结果。 在浏览器中打开网页，当鼠标指针移到标题下面在浏览器中打开网页，当鼠标指针移到标题