网页超链接教学设计

网页超链接教学设计
《网页超链接》教学设计
授课教师:劳立颖授课时间:2009-10-21 授课班级:高一(10)班一(教材、学情分析:
网站制作已经进行了一个月,学生已经建立好了网站文件夹,基本建立了主页,子栏目的第一栏也已经用表格设计好了框架.学生掌握了用FTP将网站上传到服务器,能通过“作品展示”看到自己的主页～但由于没有建立超链接～子层的页面无法看到。

这节课就是想通过学习超链接的设置～使没有联系的网页相互间建立关联。

二(教学目标:
1、掌握利用文字、图片设置超链接的方法,
2、学会使用交互式按钮制作超链接的方法,
3、了解“资料下载”、“与我联系”、“友情链接”等设置方法与网页间链接设置的差别,
4、在自己的网站中熟练使用各种超链接方法～发挥想像力～为自己的网站添加创意、增添
魅力。

三(教学重点难点:
重点:掌握利用文字、图片、按钮设置超链接的方法
难点:其他几种链接方式
四(教学方法与手段:
教师讲授、演示,学生实践、思考、尝试、回答
五(教学过程设计:
环节教师活动学生活动设计意图
1( 大屏幕展示，提示学生做好准备工作 1(签到给学生时间做准2( FTP登录好准备工作，备
过3(下载到E盘便于后面新课程 4(整理及修改网站。

的开展。

1( 示09级学生作品中几件精美的学生主页学生欣赏让学生了解超
2( 提示:网站主页一般可放标题、简介、栏目按链接的作用导钮，所以主页更像是目录入
:3( 上节课大家都制作了第一个栏目的页面，但上创次估计大多数同学只看到了主页，栏目1并没立
情有看到，为什么, 学生回答境 4( 今天就让大家把主页与后面栏目的页面连起
来，让我们的页面产生关联。

1( 演示设置文字、图片超链接学生观看演示让学生掌握常
选中文字或图片---右击---设置“超链接”---点规超链接方法实
践:击目标页面---设置“目标框架”---确定设2(设置交互式按钮: 让学生了解FP置
超目标位置定位---“插入”菜单---“交互式按钮”提供的按钮方
---做好相应设置---确定---可利用IE保存图片式
3(利用IE浏览器观察设置效果链接巡视学生操作，帮助有困难的学生学生操作任务
1( 提出思考:如主页中有友情链接、资料下载、学生思考并尝试让学生尝试其思与我联系，如何链接到相关对象上,分批思考他的链接对象考2( 请学生回答思考问题，教师操作并演示学生观看演示，判与
提“友情链接”必须写全网址，如断自己的处理是否高正确
巡视学生制作学生掌握超链接方让学生自由发创作法后，自己对网站挥，制作自己时间进行创作的网站
超链接是网页三大要素之一，也是网页的一大特学生倾听并思考自
色，链接的方法有很多种，有文字、有图片、有己的链接处理方式总按钮等，链接的特殊效果也比较多样，所以如何结进行链接应从如何体现网站特色及如何让观众浏
览方便两方面着想。

教师提醒 1( 保存FP 完成保存工作结2( 登录FTP
束3( 上传相关对象工
4( 浏览自己的网站:作
观察主页及链接六(教学反思与评价
反思:这堂课的内容不是很难，授课结果还可以:学生们都已经在自己的两张网页上建立的链接。

最后在上传到FTP后，浏览到自己的网站，并能进行链接时，学生们都很有成就感。

这节课在前面几个班也上过，第一个班上时，交互式按钮是放在最后上的，没有和普通超链接放在一起，感觉上课节奏有些松。

后面几个班都放在了一起，节奏上紧密一些，上课的感觉也好很多。

评价:本节课的教学环节大致分成学生练习、新课内容教授、学生练习和总结这4大环节，其中新课内容讲授环节又可以分成若干小的教学环节。

在第一个环节中，根据实际情况让学生对自己的网页做进一步的修改，在第一环节与第二环节的过渡中，劳老师采用了展示班级内部分学生作品的网页，让同学来进行点评，观察、思考作品的优缺点，较好地吸引了学生的注意力。

通过作品展示，提出问题，从而引出本节课的重点(超链接)。

这里的过渡非常自然，抓住了学生的注意力。

在讲授新课环节中，劳老师通过操作演示，提问等方式，在“讲”、“练”、“讲”、“练”等各个小的教学环节中让学生掌握本节课的知识点，过渡
非常自然、连贯，而且层层深入，为学生对知识点的理解和实践操作奠定了很好的基础。

16。