网页超链接教学设计

《制作网页》教学设计（精选5篇）

《制作网页》教学设计1

教学目标：

1、知识与技能

（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

2、过程与方法

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。 3、情感态度与价值观

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

教学重、难点：

1、教学重点：

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

2、教学难点

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

教学方法与教学手段：

任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

教学准备： "动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

教学过程：

1、引入

展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

第十二课 自成一体，相互联系——超级链接的创建 教学过程设计

教学环节 教师活动 学生活动 设计意图

一、导入 一个网站网页很多，如何把他们都关联起来组成一个整体？这就要用到“超级链接”功能。 观察当老师把鼠标光标放到某些位置时光标的变化情况。 培养观察能力，注意细节。

二、新授课 板书：第十二课 自成一体，相互联系——超级链接的创建

教

学

内

容

板书内容 1.超链接到其他网站 老师演示创建超链接的操作步骤：选中要制作超链接的文字或图片，单击工具栏上的“创建超链接”按钮，在“创建超链接”对话框中可以选定超链接目标。 学生跟着老师练习操作。在自己创建的网页中建立超链接到网站。 培养学生动手能力

2.超链接到目标框架 讲：目标框架是在原窗口打开还是要重新打开一个窗口。目标框架的作用。 练习操作超链接到目标框架及其它不同的设置。 培养学生动手能力

3.创建指向一个网页或文件的超链接 演示创建指向一个网页的超链接：单击URL右侧按钮，在弹出的“打开文件”对话框选择链接到的网页文件即可。 学生练习创建超链接到文件。 培养学生动手能力，了解创建超链接的方法。

4.超链接到书签 简单讲解书签的概念：书签提交给用于实现同一网页上不同位置的跳转。演示创建超链接到书签的步骤：1建立书签.2.建立超链接到书签。 让学生建立超链接到书签，老师进行指导操作。 培养学生动手能力，了解创建超链接的方法。

5.制作发送电子邮件的超链接 老师演示操作方法：单击URL右侧的“信件”图标按钮，在弹出的“创建电子邮件”对话框中输入电子邮件即可。 学生自己练习制作发送电子邮件的超链接，试着操作单击刚才建立的超链接，提问：同学们发现什么问题呢？ 培养学生动手能力，了解创建电子邮件超链接的方法。 三、成果展示及课堂效果

四、课堂小结 小结课堂内容 回顾课堂教学 回顾、加深记忆。

创建超级链接教案

22015年扬州市职业学校专业技能课程

“两课”评比

参评教案2

参评组别信 息 技 术 类

参评科目网 页 制 作

报 送 日 期2015 年 10 月 19 日

3目 录

教案主题………………………………………………………3--9

参考教材………………………………………………………122--150

4创建超级链接教案

项目名称第六章 创建超级链接项目周期4课时

知识目标1、了解超链接的基本概念和无址链接、脚本链接的含义；

2、熟练掌握在网页中设置文字和图片超级链接、邮件链接、

书签链接、热点链接的方法；

3、掌握在网页中创建无址链接和脚本链接的方法；

能力目标1、通过设置超链接的操作，使学生掌握网页中超链接的制作

方法，总结出操作的规律，培养学生自主学习和协作学习的能

力；

2、充分培养分析问题、解决问题的方法和能力；教学目标

情感目标1、通过利用设置超链接将独立的网页串成一个有机的整体，

使学生感受成功的喜悦，培养学生合作交流的意识；

2、培养学生热爱家乡、憧憬未来的精神。

重点难点

教学重点与难点创建书签链接与热点链接方法理解书签链接的操作步骤

教学资源教材第六章、具有网络平台的机房、上海旅游网素材、导学案

教法情境导入法、任务驱动法、探究教学法、小组讨论法等

学法观察分析法、自主探究法、分组讨论法、动手操作法等

教学反思在本课教学中，我利用多媒体课件互动教学，并通过小组

合作、竞赛和探究的学习方式，培养了学生自主学习、协作学

习和创新探究能力；教学设计注重拓展链接，使教学从课内延

伸到课外,拓宽学生的知识面。总之，在本课教学中，我遵循

了“以教师为主导，以学生为主体”的教学原则，注意对学生

能力的培养，在宽松、自然的气氛中培养学生动手能力、自主

学习能力、协作学习能力和创新探究能力。

另外，在整个过程中我会及时表扬或鼓励他们，增强他们

的自信心。

5教学过程教师活动学生活动教学意图

一、创设情境，

引出课题

（5分钟）教师展示制作成功的上海旅游

灵石职业中专高二年级 计算机专业 网页设计与制作学科教学设计

授课教师

刘芳 总第21课时

课题 创建超链接----德克士开心就要咔嗞咔嗞

授课时间 2014年10月24日 授课班级 283班

教学

目标 知识与技能 掌握创建各种超链接的方法：文本链接、图像链接、热点链接、下载文件链接、电子邮件链接

过程与方法 通过实例“德克士—开心就要咔嗞咔嗞”网站之间各种链接，将原本杂乱无章的网页变得生动有序，让用户享受网络带来的无穷乐趣

情感、态度与价值观 通过完成实例，让我们的学生增强自信心，增强学习成就感，进而激发学习兴趣

教学重点 文本链接

教学难点

教具 多媒体计算机

教

学

过

程 教学内容及教师活动 学生活动及设计意图

课前准备

1、指导学生完成素材准备

2、引导学生进行站点的创建，（可选择一位学生在教师机完成）

3、PPT展示正确的站点结构图

一、 文本链接

布置任务：将文本链接到相关页面

“下午茶”→cha.html

“鸡肉粥”→zhou.html

“咔嗞有礼”→li.html

预览效果

教师提问：我们的网站中子页面没有返回首页的按钮链接，如果我们还要查看首页，怎么办？

教师提示：如果网站的子页面是在另外的窗口中打开，就不会影响首页，对吗？ 1、在E盘创建自己名字命名的文件夹---将“超链接”文件夹复制到其中

2、创建站点“chaolianjie”

3、学生检查站点结构是否正确

设计意图：

1、 做好课前准备，为课程顺利进行做准备。

2、 检验学生对站点建设的掌握情况

1、学生依照教师要求完成（这部分内容在之前的示例中涉及到过，学生回忆完成）

学生观察、思考问题、讨论

介绍新内容

“目标”

-blank----新窗口打开

-self----同一窗口打开（默认）

-parent

-top

教师提问：大家在浏览器中浏览效果，观察链接的颜色，如果现在的颜色我们不喜欢，能不能按照自己的喜好设置颜色呢？