1、网页制作,网页的链接,初中信息技术八年级第3册,网页制作,教学内容,认识超链接,2. 站点内链接,3. 站点外链接,4.网页内连接,5. 评价与小结,网页制作,认识超链接,1、超链接简介 超链接是WWW技术的核心,是网页中最重要、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的相互联系,从而使单独的网页形成一个有机的整体。,2、超链接概念 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。,3、超链接分类站点外部超链接(其他www站点、电子邮件)站点内部超链接(本
2、网站内)同一网页中的超链接(书签),网页制作,站点内部超链接,自主探究 如何将两个网页链接起来?,参照课本内容,完成P81的,做一做,网页制作,站点内部超链接,将两个网页链接起来(文本链接),建立文本超链接的操作步骤如下:(1)在网页中选中要创建超级链接的文本;(2)单击工具栏中的“插入超链接”按钮,或选择“插入”|“超链接”命令,弹出“插入超链接”对话框; (3)在“查找范围”下拉列表框中选择要链接的网页的位置;(4)在所显示的网页列表中选择要链接的网页文件;(5)单击“确定”按钮,文本超链接完成。,网页制作,练习一,将“诗文荟萃”网页中的“美文在线”四个字和“自我介绍”四个字添加相应的超链
3、接,并把“唐诗欣赏”、“美文在线”、“自我介绍”网页中的“返回”两个字链接到“诗文荟萃”网页。,网页制作,站点外部超链接,自主探究二: 建立电子邮件超链接,参照课本内容,完成P83的,做一做,网页制作,站点外部超链接,建立电子邮件超链接,建立电子邮件超链接的操作步骤如下:(1)在网页中选中要创建超级链接的文本或图片;(2)单击工具栏中的“插入超链接”按钮,或选择“插入”|“超链接”命令,弹出“插入超链接”对话框; (3)在“查找范围”下拉列表框中选择要链接的“电子邮件地址”的位置;(4)在所显示的电子邮件地址中输入自己的E-mail地址;(5)单击“确定”按钮,完成电子邮件的链接。,网页制作,
4、练习二,为“诗文荟萃”网页中的“联系站长”四个字创建电子邮件超链接,并把“唐诗欣赏” 网页中的风车图片链接到“诗文荟萃”网页。,网页制作,同一网页内超链接,在网页中建立书签,如果网页中的内容很多,不方便浏览,可以在网页中设置一些关键词,并把它们与本网页中相关的内容链接起来,这称为建立书签。,网页制作,同一网页内超链接,建立书签超链接的操作步骤如下:(1)在网页中选中要创建超级链接的文字;(2)单击菜单栏中的“插入”菜单中的“书签”,弹出“书签”对话框,建立书签; (3)在网页中选中要创建书签超级链接的文字;(4)单击工具栏中的“插入超链接”按钮,或选择“插入”|“超链接”命令,弹出“插入超链接”对话框; (5)在“查找范围”下拉列表框中选择要链接的“本文档中的位置”,单击“书签”按钮;(6)单击“确定”按钮,完成电子邮件的链接。,在网页中建立书签,网页制作,练习三,将“美文在线”网页中的“春”、“夏”、“秋”、“冬”设置成书签链接。,网页制作,小结与作业,课堂小结,作业,将“诗文荟萃”网站中的所有超链接建立并设置完成,然后保存。同桌之间进行检查,再修改。,1、站点外部超链接(电子邮件)2、站点内部超链接(本网站内)3、网页中的超链接(书签),