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

展开

这是一份浙教版八年级上册第三单元网站制作第十五课设置超链接教学设计，共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.超链接关键词颜色设置----网页属性-格式
师：一个优秀的网站除了建立超链接网站功能外，还需要进行管理与维护，刚我们已经学了网站管理的其中一种技术，还有其它的。
师：老师这就有一个疑问，可能同学们也碰到过，看看改用哪种技术解决？
师：打开网页浏览，指出访问过的超链接关键词的颜色跟整个网页风格不协调，我们自己可以控制其颜色吗？
生：
师：网页属性—格式