4.3 网站实现（二） 教学设计 2023—2024学年教科版高中信息技术选修 3

4.3 网站实现（二） 一、教材分析 《网站实现》是教育科学出版社《网络技术应用》第四章第三节的内容，是将前期准备投入实践的第一步，是理论应用的实践过程，本节内容包含三个部分内容，建立站点，网页制作（主页制作），建立超链接，所以，网站的实现，我将利用四节课的时间，给学生学习和完成网站的建设。接下来的教学设计主要是针对网页制作中超链接的插入部分的内容，主要采用的是讲解再实践，任务驱动的方法进行。 二、学情分析 通过上节课的学习和实践，每个学生基本都有自己的任务，有的完成得较好，也有些没有完成，本堂课就是以上节课的任务为基础，要求学生掌握插入超链接的方法，提升学生的动手操作能力。 三、教 学 目 标 1、知识与技能： 明确超级链接的意义及二要素。 2、过程与方法： （1）掌握创建超链接的一般方法； （2）培养学生的交流意识和合作能力。 3、情感态度价值观： 培养学生勇于挑战、大胆探索的精神。 四、教 学 重 、难点分析 重点：熟练使用FrontPage软件为网页创建各种超链接。 难点：创建热区链接、书签链接。 五、教学过程（第3~4课时） 教学 环节 教 师 活 动 学 生 活 动 多媒体 资源 设计意图 问题 导入 上节课，同学们基本都在完善自己的网页，有些同学想创建一些链接，将页面与页面之间连接起来。这节课我们就讨论超链接如何实现的问题。 首先，引导学生一起上网引入超链接，上网并讲解。 看教师演示、思考并和教师探讨。 网络、计算机 激发学生的学习兴趣，引发好奇心。 自主 学习 请同学们自主学习课本第93页至第96页，思考以下问题： （1）关于链接的相关概念？比如：链接、链接源、链接目标等。 （2）链接结构有哪几种？有何优缺点？ （3）如何创建链接？ （4）链接的色彩如何设定？ 结合课件，自主学习课本，写出自己的答案。 多媒体课件。 形成自主学习，主动解决问题的好习惯。 新课 探究 1、链接的基础概念 （教师总结） 链接：本质上是属于网页的一部分，各个网页通过超链接以后才能真正构成一个网站。它是从一个网页元素指向一个目标的连接关系。 2、超链接的两个要素：链接源、链接目标（结合网页中的实例和代码讲解） 能作为链接源得元素：文本、图像、图像热区等； 链接目标可以是任意的网络资源。 抽学生回答，再总结。 2、链接结构 链接结构分为两种：树状结构和形状结构。 树状结构： 1）一对一链接； 2）链接方式：首页一级页面二级页面。浏览时，逐级进入，逐级推出。 3）优缺点：条理清晰，不会“迷航“。但浏览效率低。 星状结构: 1)一对多； 2）每个界面互相都可建立链接； 3）浏览方便； 4）链接太多，容易“迷航“。 总结：两种结构够是理想方式，实际应用中，可以将这两种结构混合使用。 学生针对问题，展示学习成果。 其他同学认真听讲，并补充。 认真听讲 学生回答连接结构的概念和优缺点。 多媒体设备、ppt课件 课件展示链接结构等概念。 用互动探究的方法让学生理解链接的概念，不至于过于枯燥乏味。 任务 驱动 3、创建各种超链接 演示完成任务的大致步骤，提醒注意点，布置任务 。 任务一：用文字或图片建立超链接。 1、 用文字或图片建立指向URL的超链接 (用于友情链接，关联网站等等) 2、 用文字或图片建立指向文件的超链接 （用于与本站子页建立连接关系或提供文件下载等等） 3、用文字或图片建立指向邮箱的超链接 （用于浏览者通过邮箱联系网站管理员） 巡视、发现共性问题。 任务二：调整超链接的颜色 引导学生分析网页超链接的颜色和整个网页的风格是否一致。 展示超链接颜色的更改过程。 给出热区链接的效果供学生感受。 再通过岑中校园网首页链接方法对比讲解图片的热区链接。 要求学生上教师机演示任务 任务三：制作图片热区超链接 （1）圆形热区 （2）长方形热区 （不同图片区域链接到不同目标） 任务四：制作书签链接 认真听讲，模仿完成任务。 自主完成教师给定的任务，遇到问题及时询问或讨论解决。 感受超链接颜色的搭配是否美观。提出见解。 感受，发现热区的特别和方便之处。引起好奇心。 认真听讲，自己动手实践。 模仿动手实现，保存并提交。 多媒体设备，事先准备好的任务单。 讲解时，给学生留下空白的时间。便于学生操作时创新。 通过先感受热区链接的优点，后讲解其制作方法，激发学生的学习兴趣， 大大提升探究欲。 核心 任务 请同学们将自己上节课的任务拿出来，将每个成员制作好的网页，选择恰当链接方式进行链接，完成完整的一个网站制作。 下课前，保存提交，形成作品。 成员各自制作自己的网页，组内合作交流，共同完成主页和其他网页链接的过程。 提升合作学习，交流