教科版信息技术基础必修《制作网站——网页超链接的制作》1课时教案附教学反思

《建立网页间的超链接》教学设计方案（第一课时）一、教学目标1. 理解超链接的基本观点和作用。

2. 掌握在网页中创建超链接的方法。

3. 学会在不同网页之间建立链接，实现网页间的跳转。

二、教学重难点1. 教学重点：学会创建文本超链接和图片超链接。

2. 教学难点：正确选择链接目标，避免无效链接的出现。

三、教学准备1. 教材、课件和相关素材。

2. 网络环境、电脑设备和教学软件。

3. 教室、黑板和粉笔等基本教学工具。

四、教学过程：本节课主要内容是在网站建立好之后，将网站的各个部分之间建立超链接。

这个知识点主要分成了四个步骤：理解超链接、学会应用“超链接”工具、创建文字超链接、创建图片超链接。

1. 导入新课：起首回顾上一节课的内容，简单介绍什么是超链接，并展示一些网页中的超链接，引起学生的兴趣。

2. 新课讲解：(1) 理解超链接：教师详细诠释超链接的观点，让学生了解超链接是如何工作的，以及为什么它们对于一个网站来说是如此重要。

(2) 学会应用“超链接”工具：教师详细介绍并示范如何应用Word中的“超链接”工具。

包括如何添加、如何编辑、如何删除等。

(3) 创建文字超链接：教师引导学生尝试自己创建文字超链接，通过实际操作来掌握这一技能。

(4) 创建图片超链接：教师展示如何将图片添加到超链接中，并诠释为什么这个方法无意候比直接链接文字更好。

3. 实践操作：学生根据教师提供的素材，尝试将各个部分之间建立超链接。

教师巡视指导。

4. 作品展示：请学生展示自己的作品，并分享他们的经验和学习感受。

教师给予反馈和鼓励。

5. 教室小结：教师总结本节课的内容，并再次强调超链接的重要性。

6. 安置作业：让学生在课后自己尝试创建一个完备的网站，并在这个过程中继续完善和添加超链接。

教学设计方案（第二课时）一、教学目标1. 学生能够掌握在网页中建立超链接的方法。

2. 学会在不同网页之间建立链接，理解链接的观点和作用。

3. 培养学生对网页进行编辑和管理的技能。

教案精选：高中信息技术《网页制作的“超链接”》教学设计教案精选：高中信息技术《网页制作的“超链接”》教学设计整体设计思路：*导言*学习目标*提示*学习资源*随堂练习*评价*拓展与思考*教学反思导前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。

那什么是“超链接”呢？言我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。

这就是我们将要讲述的网页”超链接”方式。

没有链接就没有web网的生命力，正是由于有了”超链接”，因特网才会变得如此神奇，如此富有魅力！下面，我和同学们一起来感受“超链接”的美妙！学知识和技能：进一步了解网络，能通过登录网站独立收发邮件；掌握网上注册电子信箱的通常步骤，能够对知识归纳、总结。

说明：本节课要求同学们能够熟练的使用各种形式的“超链接”，最终制作一个操作方便、实用、美观的网页。

习过程和方法：能读懂软件的操作指导；通过疑问——观察——尝试——交流——总结来提高学生自主学习、合作学习的能力，逐步形成良好的学习习惯和学习方法。

目情感态度和价值观：要培养学生乐用、善用网络资源；激励学生积极思考、主动探究、勤于动手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。

教学内容：标从文字（或图片）链接到另一个网页文件。

从文字（或图片）链接到某个网站地址。

从文字（或图片）实现网页内部的链接——“书签”。

学习重点：各种不同形式的超链接的实现方法。

学习难点：书签学习“超链接”时，先要弄清楚几个基本的概念。

提1、链接源：本网页中已经存在的元素，可以是文字、图片等多种对象形式。

2、链接目标：可以是另外一个网页、一个网站地址、电子邮件地址、本网页的其他位置或一个普通的文件、一幅图片、一段动画等等。

信息技术《设置超链接》教学设计一、教学目标1、知识与技能目标学生能够理解超链接的概念和作用，掌握在文档、网页中设置超链接的方法，包括文本超链接、图片超链接和锚点链接。

2、过程与方法目标通过实际操作和案例分析，培养学生的动手能力、问题解决能力和创新思维，提高学生自主学习和合作学习的能力。

3、情感态度与价值观目标激发学生对信息技术的学习兴趣，培养学生的信息素养和审美意识，让学生体验到成功的喜悦和学习的乐趣。

二、教学重难点1、教学重点（1）超链接的概念和作用。

（2）文本超链接和图片超链接的设置方法。

2、教学难点（1）锚点链接的设置方法。

（2）合理运用超链接，使文档或网页的结构清晰、逻辑合理。

三、教学方法讲授法、演示法、实践法、小组合作法四、教学准备1、多媒体网络教室，安装相关软件。

2、教学课件、案例素材。

五、教学过程1、导入（5 分钟）通过展示一个包含超链接的网页，让学生点击超链接进行浏览，引导学生思考超链接的作用，从而引出本节课的主题——设置超链接。

2、知识讲解（10 分钟）（1）超链接的概念：超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页、同一网页的不同位置、图片、文件、电子邮件地址等。

（2）超链接的作用：方便用户快速浏览相关内容，提高信息获取的效率，使网页或文档的结构更加清晰、逻辑更加合理。

3、文本超链接的设置（15 分钟）（1）教师演示：打开一个文档，选中需要设置超链接的文本，如“点击这里”，然后选择“插入”菜单中的“超链接”选项，在弹出的对话框中选择链接的目标，可以是网页、文件、电子邮件等，最后点击“确定”。

（2）学生实践：学生模仿教师的操作，在给定的文档中设置文本超链接。

（3）教师巡视指导，及时解决学生遇到的问题。

4、图片超链接的设置（15 分钟）（1）教师演示：选中需要设置超链接的图片，右键单击选择“超链接”，在弹出的对话框中设置链接目标，如网页地址。

（2）学生实践：学生在自己的文档中选择一张图片，设置图片超链接。

《制作网站超链接》教学反思教学目标：让学生掌握网页超级链接的方法和网页过渡效果的设置。

教学重点：首页栏目和栏目所在网页超级链接的方法。

教学难点：网页返回按钮的设置教学准备：学生制作了“我的栏目首页”、“我的老师”、“我的班级”三张网页。

一、新课导入：1.同学门前几课我们讲了网页的基本编辑。

那么谁能介绍一下你做了几张网页，你都设置了什么栏目。

好！谁能来介绍一下自己的网页。

（学生首先介绍他做了几张网页和在首页设置的栏目，然后一张一张的展示。

）2.大家看完他的演示之后发现了一个什么问题？生：他的网页只能一张一张的演示，网页之间没有链接。

3.这节课我们就来学习一下网页的链接。

（彩色贴字板书：网页的链接）二、新课教学：1.大家看屏幕，我们先把保存过的网页在编辑状态下打开，然后选中老师要求大家设置的栏目我的班级，在选中的区域内点击右键超链接，再选择第二个按钮浏览找到内容为我的班级的网页，点击选中，最活确定。

然后再把选项卡从普通状态，调整到预览状态。

这时网页之间就能够进行链接了。

又多少同学做完了。

谁来演示一下。

4.现在老师再想问你们一个问题如何从栏目内容返回到首页呢？大家自己先想一想，想好的同学举手，然后同桌之间先进行讨论。

生：只要设定一个返回按钮，使该网页连接到首页就可以了。

好了，老师按照你们的方法操作一遍，大家看一看链接能不能成功。

（具体操作）5.好，按照大家的做法，我们成功了。

大家自己操作一下。

（教师巡视）6.网页链接我们做好了，我们就可以在网页之间来回的切换了。

在网页进行切换的时候，我们还可以设置一下网页进入或者离开时的过渡效果。

单击格式菜单下的“网页过渡”在事件选择上选择离开网页，然后再选择一下效果。

比如：圆形放射。

这时我们再到预览状态下，就可以看到网页在离开时的过渡效果了。

下面大家自己试一试，记住你采用了哪种过渡效果，一会我找同学来来演示。

（学生演示给予鼓励性评价）7.下面同学们就可以给自己的主页设置一些你喜欢的栏目了，并把他们链接到相应得网页内容。

《设置超链接》教学设计方案（第一课时）一、教学目标1. 知识与技能：了解超链接的基本观点，掌握在文档中添加超链接的方法。

2. 过程与方法：通过实践操作，学会设置超链接，提高信息技术操作能力。

3. 情感态度与价值观：体验超链接的奇奥效果，激发对信息技术课程的兴趣。

二、教学重难点1. 教学重点：学会在文档中添加超链接的方法。

2. 教学难点：正确理解超链接的作用，并合理运用。

三、教学准备课前准备：打印好的样板文档、计算机教室、教学课件、超链接操作素材等。

四、教学过程：（一）导入新课1. 展示一个没有设置超链接的网页和一个设置了超链接的网页，让学生观察并比照两者的不同。

2. 引导学生思考超链接的作用和如何设置超链接，激发学生对本节课内容的学习兴趣。

（二）新知探索1. 讲解超链接的观点、作用以及分类。

2. 介绍超链接的两种基本类型：内部链接和外部链接，以及如何创建这两种链接。

3. 介绍超链接的路径和目标，让学生了解超链接指向的目标地址以及如何设置。

4. 讲解超链接的注意事项，如链接到错误的页面会导致死链接，影响网页的正常运行。

（三）实践操作1. 给学生展示一个简单的网页，其中包含一些需要设置超链接的元素，如文字、图片等。

2. 引导学生根据所学知识，将网页中的元素设置成超链接。

3. 教师巡回指导，针对学生操作中遇到的问题进行解答和指导。

4. 鼓励学生尝试应用不同的超链接类型和目标，丰富网页内容。

（四）作品展示与评判1. 邀请学生展示自己的作品，并简单介绍作品的亮点和创新的地方。

2. 组织学生互评，从超链接的设置、网页布局、创意等方面进行评判。

3. 教师进行总结性评判，对优秀作品进行表扬，指出不足的地方，提出改进建议。

（五）教室小结与延伸1. 回顾本节课所学知识，强调重点和难点。

2. 引导学生思考如何将所学知识应用到实际生活中，如为自己或他人的博客、网站设置超链接。

3. 安置课后作业，要求学生尝试设置不同类型的超链接，提高实践能力。

一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。

二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

今天我们学习用Frontpage建立站点，制作一个主页。

先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。

打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。

Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。

《建立超链接》教学设计方案（第一课时）一、教学目标：1. 理解超链接的基本观点和作用。

2. 掌握在文本、图片及网页中建立超链接的方法。

3. 学会测试和修复超链接的基本技能。

4. 培养细致耐心地操作的良好习惯。

二、教学重难点：1. 教学重点：学会在各种媒体资源中插入超链接。

2. 教学难点：如何准确地设置超链接，并测试其有效性。

三、教学准备：1. 多媒体网络教室，电脑及互联网。

2. 准备一些有超链接的网页和图片。

3. 制作一些有错误的超链接，以便在教学中应用。

四、教学过程：（一）课前准备1. 提前为学生们安置预习任务，让学生们了解什么是超链接，以及它在我们平时生活和学习中的应用。

2. 准备教学用具：PPT课件、实物展示台等。

（二）导入新课1. 引导学生们回顾上一节课的内容，简要说明超链接的基本观点。

2. 展示几个常见的超链接案例，让学生们观察并尝试点击，从而激发学生们的学习兴趣。

3. 引入本节课的主题：如何建立超链接。

（三）新课教学1. 讲解建立超链接的基本步骤：确定目标文件、选择链接位置、插入链接、测试链接等。

2. 针对不同的文件类型，如文本、图片、视频等，分别介绍如何建立不同类型的超链接。

3. 介绍一些实用的技巧和注意事项，如链接到同一文件夹内的文件、批量建立链接等。

（四）实践操作1. 给学生们分配实践任务，让他们尝试自己建立一些简单的超链接。

2. 教师对学生的实践操作进行指导，解答学生们在操作过程中遇到的问题。

3. 展示学生们作品中的优秀案例，并给予点评和建议。

（五）教室小结1. 总结本节课的重点内容，强调建立超链接的基本步骤和注意事项。

2. 引导学生们回顾实践操作中的收获和体会，鼓励学生们在今后的学习和工作中继续探索和实践。

（六）课后作业1. 给学生们安置一些与建立超链接相关的思考题和练习题，帮助他们稳固和深化教室所学知识。

2. 鼓励学生们在课后继续探索和实践，尝试建立不同类型的超链接，提高自己的实践能力。

《网页的超链接》教学设计教材分析教材分析睛的作用。

在前面几节课的学习中睛的作用。

在前面几节课的学习中,,学员已根据学校网站的素材建立了多个子网页立了多个子网页,,但这些网页内部的目录和正文、网页之间都是相对独立的对独立的,,还没有形成有机的整体。

建立超链接能让各个独立的网页形成一个有机的整体页形成一个有机的整体,,同时将本网站链接到其他的网站同时将本网站链接到其他的网站,,这样可以获取更多的信息。

所以超链接这部分内容以获取更多的信息。

所以超链接这部分内容,,是网页制作中的重点。

: : ⒈了解超链接的基本概念⒈了解超链接的基本概念⒈了解超链接的基本概念;2.;2.;2.掌握同一站点内网掌握同一站点内网页间超链接的制作页间超链接的制作;;⒊掌握与站点外的内容建立超链接的方法⒊掌握与站点外的内容建立超链接的方法;;⒋掌握同一页面中超链接的制作方法。

掌握同一页面中超链接的制作方法。

: 1.: 1.通过设置超链接的操作通过设置超链接的操作通过设置超链接的操作,,学员掌握网页中超链接的制作方法接的制作方法;2.;2.;2.总结操作规律总结操作规律总结操作规律,,培养学员自主学习和探究学习的能力。

能力。

:1.:1.设置超链接将独立的网页串成一个有设置超链接将独立的网页串成一个有机整体机整体,,使学员感受成功的喜悦使学员感受成功的喜悦;2.;2.;2.在动手制作的过程中体会作品在动手制作的过程中体会作品的内在美的内在美,,给学员以美的熏陶。

给学员以美的熏陶。

:超链接、链接载体、链接目标的含义。

超链接、链接载体、链接目标的含义。

:书签的链接及对应链接位置的设定。

书签的链接及对应链接位置的设定。

:学员都能独立的完成单个网页的制作学员都能独立的完成单个网页的制作,,所以对frontpage 的操作界面已很熟悉的操作界面已很熟悉;;同时在建网站时有过规划同时在建网站时有过规划,,学员对站点内页面的关系有所了解站点内页面的关系有所了解;;在powerpoint 学习中学员已学习过超链接。

第十四课网站的生命——超级链接制作教材分析本节内容是对网页制作的最后补充完整，最终形成具有生命的网页。

本节共设计两个内容，各网页之间进行超级链接；检查超级链接是否正确。

学情分析经过前面的学习，学生已经对网页有了充分的认识和了解，能够制作简单的网页，并能够在网页中插入图片、表格、图形等元素，并且能够设置滚动的字幕等效果。

经过上两节课的学习，使得学生对设置网页的超链接有浓厚的兴趣。

学习目标1、知识与技能：学习在FrontPage中设置超级链接的方法。

2、过程与方法：任务驱动，使学生在课本的指导下，探究学习如何将网站的所有网页通过超级链接的方法组织成一个互相联系、便于访问的整体，通过自主学习、交流探讨、测试链接的过程来实现知识技能的掌握。

3、情感、态度、价值观：培养学生用系统方法分析问题、解决问题，提升其创造能力，在小组协作学习中，培养学生的团队精神。

学习重点1、根据规划，创建各网页间的链接、为互联网资源创建超级链接、为电子邮箱创建超级链接。

2、利用“超级链接”视图检查超级链接的。

学习难点为各类网页元素（文字、图片）插入超级链接；教学准备多媒体网络教室、学生网站半成品学习过程学生活动教师活动一、回忆旧知1、怎样在空白网页中插入文字、图片2、学生演示二、创设情景，引入课题：教师出示一个网页封面，上面有“自然资源”、“旅游资源”、“文化艺术”等进入子网页提示性的文字（没有设置超级链接），请一位同学点击，并让同学们分析为不能进入子网页的原因。

打开另一个事先准备好的具有超链接的网站，请另一位同学点击，并引导学生思考超链接的组织回忆空白网页的建立。

教师引入：由于这个封面没有添加超级链接，所以我们无法看到网站的其它页面。

超级链接时是网站的生命，有了它，不但可以方便地浏览本网站的网页，甚至还可以通过超级链概念。

从而导入新课。

二、任务学习，新课讲授（一）在首页中制作超链接。

1、学生打开Frontpage，找到并打开上节课制作的“我的家乡——洮南”网站首页。