网页超级链接教案
(prontpage2000)
教学目的:
知识目标:让学生掌握网页超级链接的方法
情感目标:认清网络的作用,上网的利与弊
能力目标:1、实现网页之间的链接
2、改变链接
课前准备:教师先制作好二张以上的网页,并且它们之间做好超级链接,在边引入时,边操作,让学生彻底领悟网页之间的链接是什么样的。
教学内容:
一、引入:
同学们,在咱们上网时,每单击一组文字或者图片,都会有相应的网页出现,来对该文字或图片做进一步的说明,看完之后,还可以再回到原先的网页。那么,这就是网页之间的链接,让网页之间可以随意的切换。这节课,我们就来看一下,网页之间的链接是怎么做的?
二、讲授新课:
1、复习:
学生动手制作:新建一个网站,然后包含两张网页;
在网页上,有文字并且插入图片;
保存网页。
师:注意:在编辑网页时,每完成一张网页,都要保存。
2、回忆:以前我们曾学过制作幻灯片,在PowerPoint里,我们曾制作过超级链接,我们知道,可以用图片或者是文字。
在这里,Prontpage里,也是用这两种方式。
教师演示:首先,我们在主页(index.html)里,添加文字和图片,然后,保存。
再次,新建一个newpage1.html,添加文字和图片,然后,保存。
开始制作:首先,在主页当中,选中文字,然后,单击鼠标右键,出现菜单,选择超级链接,出现对话框,在这里去选择,你所要链接的网页(注意,在选
择网页,不能选择当前你正在编辑的网页,这里我们选择newpage1.html)。然后,单击确定。
我们看一下,是否完成链接任务。单击“预览”标签,看一下效果。单击刚才做链接的文字,看是否能到所链接(newpage1.html)的网页。如果能,证明完成任务。
这是主页上做好的链接,接下来,我们来到newpage1.html,去做链接,让它链接到主页。
我们在newpage1.html上,选择一张图片,然后,单击鼠标右键,出现菜单,选择超级链接,出现对话框,在这里去选择,你所要链接的网页,这里我们选择主页)。然后,单击确定。再到“预览”标签看效果。
同学们,可以看到,无论是文字还是图片,操作方法相同。
这样,两张网页,我们做好了链接,它们之间可以相互的切换,也就是我们在主页,可以单击文字,到newpage1.html,在newpage1.html上,我们可以单击图片,到主页上。
在这里,我们想一个这样的问题:当前,我们是有两张网页,如果,再新建一个网页的话,也就是三张网页,如果我们想让链接到主页的图片,让它链接到第三新网页的话,怎么去做呢?
接下来,同学们带着这个疑问,做一下练习,首先,做好老师刚才讲的链接,然后,再动手试试,解答老师刚才提的问题。
三、学生操作练习
四、老师解答:
改变链接的网页:我们先选中所做好链接的图片或文字,然后单击鼠标右键,选择“超级链接属性”,出现对话框,在这里,去选择你所要链接的网页。
html网页设计超链接五、学生练习
六、教师总结
七、布置作业
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论