内容发布更新时间 : 2025/1/4 2:41:16星期一 下面是文章的全部内容请认真阅读。

《网站实现-建立超链接》教学设计

一、教学内容分析：

本节课讲授《网络技术应用》第四章“建立主题网站之4.3网站实现”的相关内容，并根据《江苏省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学让学生掌握网站的建立、保存、打开等基本操作，同时学习网页内容的充实及美化，如插入表格、图片、文本的输入等，熟练掌握简单网页的设计与制作，而本节课侧重于超链接的建立。网站的精彩之处就在于把大量的网页和信息通过各种链接组织起来，单击含有超级链接的文本或图片，可以实现网页的跳转。而如何将一个个独立的网页及网页中的信息通过超链接组合成一个有机的整体，就是本节课的重点。从网页的超链接的分类入手，与学生一起学习网页中点睛之笔\建立超链接\，一起完善\九套练习\网站。 二、教学对象分析：

随着因特网的普及,现在很多家庭都有了网络,学生接触网络的机会比以前大大的增加了,很多同学对网页中的各种元素及属性和超链接技术已经有了些直观性的认识，通过前面课程的学习，已经掌握了一些制作网页的基本方法，但还需要对网页内容进行充实和美化，对于创建超链接还比较陌生。所以通过这节课的学习能激发学生的学习的兴趣，培养他们的信息素养，当然学生的水平可能有些参差不齐,所以在上课前对学生进行了异质分组，通过同学间的互相帮助来弥补这部分的不足。 三、教学三维目标：

1、知识与技能目标

(1) 学会利用Frontpage 2000 制作简单网页、熟悉网站制作的流程 (2)掌握编辑文字、插入表格、图片、Flash动画等基本操作 (3) 熟练掌握同一页面内的链接 熟练掌握不同页面内的链接 (4) 掌握图片热区链接 2、过程与方法目标

[来源:学,科,网Z,X,X,K]

（1）通过自主学习建立超链接的基础知识，培养学生自主学习，自我探索的能力。 （2）通过合作探究出建立四类超链接的技能，培养学生发现问题，解决问题的能力、合作探究的精神。

（3）通过小小设计师制作“班级主页”网站，培养学生的创新精神，提高信息素

养。

3、情感态度价值观目标

（1）培养学生的交流意识和能力。

（2）让学生在探究式学习中体验成功的乐趣，在与他人合作中体会协作学习的方法以及合作的重要性。

[来源:Z。xx。k.Com]

（3）加深学生对家乡、对学校、班级的热爱之情。 四、教学重点和难点

重点：学习建立各类超链接的方法。

难点：建立书签链接、图像映射及建立超链接的意义。 五、教学方法

教学方法上设置情境，以“任务驱动法”为主，采用自主学习、合作探究、多启发、多交流、多讨论、精讲多练结合的方法，充分调动学生学习的积极性，使学生变被动学习为主动愉快的学习，使本节课能在生动、有趣、高效中进行。 六、学习方法

学生在教师设置的各个教学活动中，使用自主学习法、合作探究法、演示法、实践操作法等方法来进行本课的学习。从而掌握建立超链接的技能。 七、教学准备

硬件准备：计算机网络教室

软件准备： FrontPage2000、Word2000、同屏广播软件

其他准备：根据平时的操作情况将学生分成四个大组；把相关素材分别上传到学生和教师机。其中学生机的素材有“镇江旅游网（成品）”、“镇江旅游网（半成品）”、小组1到小组4的分组探究任务、“参考设计”、“各种网站网址”、视频教程等。教师机有学习资料、PPT课件等。 八、教学过程

（一）、创设情境，导入新课

打开学校网站主页和“金山网”等网站主页，让同学们浏览这些网页，比较它们在页面设计、网站结构 、整体风格上的异同。 （二）、进入新课

1、 新建站点：文件→新建→站点，选择只有一个网页的站点，指定站点的位置，例如:d:\\myweb，将首页保存到指定的网站文件夹，并进行命名为index.htm。

2、打开网页（两种模式比较：浏览器模式、编辑软件（FrontPage）模式） （三）、网页基本内容 1、利用表格布局网页。

2、表格是网页的一个非常重要元素，Frontpage中的表格不仅可以用来陈列数据，还可以实现网页的精美排版。 步骤：表格→插入表格 a、在表格中添加文本

b 、在表格中添加图像：插入→图片→剪贴画 或来自文件 3、插入flash动画：插入→高级→插件 4、设置背景：格式→背景

5、插入背景音乐：格式→背景，在“网页属性”中选择“常规”标签，点击“浏览”选择背景音乐。 （四）、建立超链接

1.为了更好的宣传镇江旅游文化，同时也为了配合本节课的学习，教师打开“镇江旅游网”的网站，网站内容丰富(含有各类超链接)，也激发了学生的学习兴趣。 回答以下问题：

（1）怎样判断，哪些地方可以跳转，哪些地方不可以？ （2）这些地方为什么可以跳转？

小结: 学生回答有“手形”、“超链接”等字眼，教师归纳出超链接的概念。 安排目的：学习建立超链接的两个元素，重点介绍建立超链接的一般方法，为后面建立各种超链接打基础。

回忆刚才浏览“镇江旅游网”的过程，回答以下问题： （1）哪些地方可以建立超链接？ （2）超链接可以链接到哪些地方？

【教师活动】学生回答里面有文字、图形等字眼，引入链接源。学生回答有网页、网站、电子邮件等字眼，引入链接目标。这也是建立超链接的两个元素。 【教师活动】介绍建立超链接的一般步骤，重点讲解创建超链接的对话框。

[来源:Z+xx+k.Com]

旅程小结：学生对建立超链接已经有了一定的知识准备，大家都跃跃欲试，很想动手建立超链接，很自然进入下一个环节。

1、设置超链接：插入→超级链接 文字 图片（含热区操作）

2、链接的对象除了可以是某个网站，还可以是某个网页，甚至是一个文件。 【教师活动】教师演示，讲解重点，依次介绍书签的概念、建立书签链接的步骤、图形热区的概念以及建立图形热区超链接的方法，突破难点。演示题目从课堂练习中调取。

（五）、任务驱动，合作探究：

1.分组：根据班里 同学人数的多少进行分组，每组为2至3位同学，利用

Frontpage制作班级主页（或个人主页）。要求：有一个主页和五个以上的子页进行链接，主题自定，文字和图片材料等素材可以上网搜索，并且每一组必须填写下面表格。建议从以下几方面考虑： （1）确定主题和名称 （2）整体风格创意设计 （3）规划内容和栏目 （4）页面的设计和布局

（5）可以上网搜索其它中学各班级的主页，然后可以模仿它们的布局进行制作。

2.任务安排：

安排目的：把大的任务，分解成小的任务，以任务驱动学生合作探究。通过小组成员互助，培养学生合作能力。通过学习自主学习资料，培养学生的自学能力 （1）、小组1完成任务一：探究同一页面内部的链接（书签式链接） （2）、小组2完成任务二：探究不同页面间的链接（链接到其他网页） （3）、小组3完成任务三：探究如何链接到web站点（链接到网站、电子邮件） （4）、小组4完成任务四：探究如何建立图像映射（图形热区超链接）

小结：通过探究，每组学生基本能完成本组的探究任务，掌握了一类建立超链接的技能，怎么掌握其他几类超链接呢？

（六）、成果展示，突破重难点

目的：学生进一步学习常见的几种类型的超链接，掌握建立其他几类超链接的技能。 四个小组，每组由一名完成度较好的学生演示并讲解本组完成探究任务的操作。 小结：演示的学生展示了自己的探究成果，学生学习了几类超链的具体方法，教师突破了本节课的重难点。 点评一到两个学生的作品。

小结：大部分学生都能很好的掌握建立四类超链接的技能，小部分学生还有待提高。学生锻炼了自己的能力，检测了自己的水平。教师也知道了学生技能的掌握情况。

（七）、总结

1、超链接的概念 2、超链接的分类 3、建立超链接的一般方法 （八）、课后思考研究

1、观察未访问过超链接连接源的颜色，访问过后的颜色，正在访问的颜色有何不同？

2、如果书签位于其他网页，能否建立超链接？ 课后作业：1.自主练习题

2.参考练习题九套