浙教版八年级上册第三单元 网站制作第十五课 设置超链接教学设计

这是一份浙教版八年级上册第三单元 网站制作第十五课 设置超链接教学设计，共4页。

知识与技能目标：1．巩固超链接概念；
2．为已经充实完毕的主页和分栏目板块之间建立超级链接；
3．通过设置超链接属性来管理超链接的网页；
情感目标：通过本课的学习，让学生明白真正意议上的网站功能。不仅能让访问者获得大量的信息，超链接功能让多个网页连成一体。学生通过使用超链接技术能深入一步理解英特网上“超链接”的概念。
2重点难点
学生在七年级（下）已经学习过在Wrd中设置超链接的方法，对超链接有比较清晰的概念，但学生可能会受到在Wrd中直接双击打开进行编辑的影响，不能很快的适应用FrntPage打开网页进行编辑的操作方法，而且截止本节课上课之前学生对FrntPage软件的操作积累不够，也会对学生学习本课的知识带来一定的难度。
3教学过程
活动1【导入】（一）、引入（5分钟）
师：12月25日，是什么节日？ 生思考 师：圣诞节快到了，老师准备了一份礼物想送给同学们。 生猜想是什么礼物 师：（打开礼物）原来是一个网站，打开一起来欣赏吧。 生观看欣赏 师： 这是一个有关“海绵宝宝”的网站，好像是一部卡通片。我们看看“动画介绍”页面的内容。 师：（先打开未做好超链接的分栏目页面）欣赏起来好累哦。（再打开已经做好超链接的分栏目页面）都这样欣赏就轻松多了嘛。 师：有什么方法可以解决呢？ （设计意图：让生观察思考发现问题，引出课的内容） 生：超链接 师：同学们跟老师想到一块去了。 师：什么是超链接？（请生来说说，讨论 ） 生思考讨论 师：（打开网络上一个网站 文字 图片 超链接操作）鼠标形状 手形 单击跳转另一个页面 师：（ppt展示）超链接概念。 师：你会建立超链接吗？ 生思考 师：（ppt展示）今天我们就来学习 建立超链接
活动2【活动】（二）建立超链接
A．布置任务一：建立主页与分栏目页面间的超链接
师：你知道如何建立超链接吗？先来试试看！
师：桌面上有一个名为“老师发送的文件”文件夹，这个文件夹里有三个文件夹，分别为：站点文件夹“hmbbly”，提供帮助的“锦囊”文件夹，课堂需要完成的“任务”文件夹
打开站点文件夹hmbbly，选中首页index.htm，鼠标右击选择打开方式，选择“frntpage”软件编辑。
任务一：
1.为首页中分栏目文字与其网页间做好对应的超链接。
2.为分栏目页面中的首页文字与首页（index.htm）间做好返回首页的超链接。
3.保存网页文件到站点文件夹hmbbly中，打开网页浏览，检验超链接是否设置成功！
思考：
网页中的图片可以建立超链接吗？
学生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可能碰到的困难。
B．(屏幕切换)
请一生展示完成的作品并演示操作，师给予适当评价，讲解建立超链接的步骤，URL
（网站中页面，其他网站）
师：（利用教师机远程控制学生机，屏幕切换）同学们操作得都非常认真，老师发现同学
任务完成特完整，一起来欣赏吧。
（学生端全体广播）
生观看
师：（请生到教师机上演示讲解）大家欢迎
同学到前面来给大家演示讲解操作建立超链接的制作过程。
生：鼓掌鼓励，师带头。
生演示操作（速度慢），师从旁协助讲解整个建立超链接几个重要步骤。
师： 同学已然是个小老师，非常感谢她的精彩演示，一起为她鼓掌。
师：刚还有一个思考题，同学们想到了吗？
生：。。。。。
师：
（单击主页中网站链接里其中一张图片简单演示操作）当创建一个超链接时，它的目的端将被编码为URL，也就是统一资源定位符，可以是站点文件夹中一个网页dnghuajianjie.htm也可以是其他网站，使互联网上浩瀚资源紧密链接在一起，网站功能更加强大。URL： 当创建一个超链接时，它的目的端将被编码为URL（统一资源定位符），例如：或filecmputername/sharedflder/filename.htm。
URL包含了站点服务器或者网络位置、路径和文件名称。）
C．设置超链接中，目标框架的设置
师：建立了超链接后，我们重新来浏览网站，确实方便多了。
师：（浏览时故意操作网页中一个图片超链接）单击某个超链接打开新网页时，会出现一个
新窗口，而原有网页窗口却没有消失，如何达到这样的效果？
生：思考
师：教你一招----编辑超链接中的目标框架
师边演示操作，边讲解。目标框架：默认（无）、相同框架、整页、新建窗口、父框架。
师：现学现用，我们自己来操作吧。
活动3【活动】任务二
布置任务二：给图片建立超链接，编辑目标框架
1.打开站点文件夹hmbbly，选中动画人物（dnghuarenwu.htm）页面，鼠标右击选择打开方式，选择“frntpage”软件编辑。
2. 请根据“锦囊二”提供的方法，给dnghuarenwu.htm页面中的每一个动画人物图片（如
章鱼哥）建立相应的超链接，并将编辑超链接中目标框架设置为新建窗口。
3.保存网页文件，完成后，请在站点文件夹hmbbly中鼠标双击打开dnghuarenwu.htm 网页浏览检验是否设置成功！
生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可
能碰到的困难。
师：任务做完了，效果也出来了，为什么我们要编辑目标框架为新建窗口呢？
生：
师：新建窗口，如小图看大图。方便浏览。（讲解目标框架，新建窗口的作用）。
其他框架，灵活运用。
活动4【活动】（三）、管理超链接
A．网页文件重命名，移动文件---更新超链接
师：建立超链接后的网站，浏览起来方便多了。这位同学制作这个网站时太匆忙了，（师打开站点文件夹列表，指向其中一张名字乱命名网页）如这张网页的名称随意命名，相关的网页文件也没有存放在相应的文件夹中，使同学们建立超链接时不停猜测是哪个分栏目页面。
师：设置超链接的网页，可以再修改、编辑吗？
师：ppt展示
1.修改网页名，会影响原先设计的超链接吗？
2.如果在站点上移动了一个文件的位置，会影响原先设计的超链接吗？
生：会影响
不会影响
师：到底会不会影响呢？我们一起实验下吧。
师操作
生观察思考
师：不会影响
答对了
答错了的同学也不气馁，刚不是又学了一招。
B.超链接关键词颜色设置----网页属性-格式
师：一个优秀的网站除了建立超链接网站功能外，还需要进行管理与维护，刚我们已经学了网站管理的其中一种技术，还有其它的。
师：老师这就有一个疑问，可能同学们也碰到过，看看改用哪种技术解决？
师：打开网页浏览，指出访问过的超链接关键词的颜色跟整个网页风格不协调，我们自己可以控制其颜色吗？
生：
师：网页属性—格式