网页制作教学设计

时间:2024-04-10 20:30:31
网页制作教学设计

网页制作教学设计

作为一名教师,就有可能用到教学设计,教学设计是一个系统设计并实现学习目标的过程,它遵循学习效果最优的原则吗,是课件开发质量高低的关键所在。那要怎么写好教学设计呢?以下是小编为大家收集的网页制作教学设计,仅供参考,欢迎大家阅读。

网页制作教学设计1

一、教学目标:

1、知识与技能:

(1)、了解框架结构网页的概念及在网页中的作用,了解它与表格网页的区别。

(2)、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。

(3)、掌握框架中页面设置及保存的方法,如设置初始网页按钮、新建网页按钮等。

2、过程与方法:

(1)、能够区分框架结构属性设置与网页属性设置的不同点。

(2)、通过框架结构网页设计,使学生对网页的整体结构有更进一步的认识。

3、情感态度与价值观:

(1)、能够将表格与框架结构网页结合使用,在创作中体验乐趣。

(2)、培养学生网页设计的审美意识、创新意识。

二、教学重点难点:

1、教学重点:

(1)、框架网页的作用和功能,框架的建立与属性设置。

(2)、框架中各个页面之间的关联,每个框中页面的设置方法。

(3)、框架网页的保存方法。

2、教学难点:

(1)、框架结构网页中框架属性与页面属性的设置方法。

(2)、理解框架结构的多页面存储方法及各页面之间的关联。

三、教学过程:

1、创设情境、导入新课

(1)、教师展示一组表格制作的网页,引导学生找出它们的共同特点。并提问如何快捷地制作这种网页(学生回答:使用复制、粘贴快捷地制作)。

(2)、教师又提问:有没有更好的方法呢?相同的区域我们能否只做一遍呢?从而导入新课——框架网页的制作。

设计意图:通过对比、比较,引导学生思考,激发学生学习的乐趣。

2、任务驱动、自主学习

(1)、教师展示一个框架网页,引导学生理解框架网页的概念。

(2)、出示任务一:框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤,再尝试完成书本第227页的实践学习。

(3)、教师讲解框架结构中的每个框都是一个独立的选项文件,即网页文件,因此当框架确定之后,需要为每个框分别指定其网页文件的来源,可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。

(4)、学生理解框架网页的概念,通过阅读教材中的内容,自学新建框架网页的操作,初步了解“新建网页”和“设置初始网页”两个按钮的不同,并认真聆听教师的讲解,注意观察,按要求模仿操作。

(5)、出示任务二:相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤,再尝试完成书本第228、229页的实践学习。

(6)、学生制作相关页面,同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况,开展评比活动,对表现好的学生给与表扬。

(7)、出示任务三:框架网页属性的设置。学生自主探究学习,有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。

(8)、教师请学生示范操作,并说明自己设置的方法和原因。同时鼓励做的比较好的学生。

设计意图:培养学生的自主学习能力,对于课堂教学难点,学生在教师的讲解后模仿操作,有效突破难点。

3、展示作品、课堂小结

(1)、教师给出一些常见的框架结构应用界面,如Web邮箱页面等,引导学生总结本课内容,并让学生分组,推进一些优秀作品在全班展示。

(2)、教师点评,并鼓励完成作品比较好的学生。

设计意图:拓展学生的视野,使学生了解框架的应用方法。展示优秀作品鼓励学生,激发学生的创作欲望。

四、教学反思:

1、本节课是在学习完简单网页、表格布局网页、交互式网页的基础上,进一步页的设计方法。由于学生已经具备了一定的网页设计基础知识与技能,所以教师可以根据学生的实际情况,采用更灵活

的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法,以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画,完成框架网页设计任务。

网页制作教学设计2

教学目标:

1、让学生掌握在网页中插入表格的方法以及表格的修改

2、学会利用表格来规划网页

3、培养学生创新的能力以及动手操作的能力

教学重、难点:

利用表格来规划网页,从中培养学生的创新能力

教学过程:

一、情境导入

同学们你们善于观察吗?老师先考考你们,我们一起来看一组图片,你们看看在那里看过呢?学校缓台的窗台上。你们的观察能力真的很强啊,对,这些都是我们学校美术的特色作口,盘画。其实,我们做过很多作品:有手工作品,语文课中的作文、书法等都是作品,这节课我们以绘画作口品为例,做一个学习园地网页,把我们的作品展示到自己的班级网站中,以便我们更好的努力学习。现在我们就一起来制作吧!

二、新知探究

首先我们来打开上节课的班级网站,在这个网站中新建一个网页,并保存成“学习园地”。

教师讲解:如何制作学习园地网页。

1、制作网页的标题:输入文字,并设置文字的格式。

2、插入表格:单击“表格”中的“插入表格”并对表格属性进行设置。如:行、列的操作,对齐方式等。同时讲解什么是行,什么是列,以及单元格的概念。

3、修改表格:调整表格行高和列宽。

4、在学生学会插入表格的基础上,来设计网页,展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧!插入图片,并在图片的上面或下面进行图片的注释。

5、进一步设置单元格的背景,来美化网页。

6、设置超链接:通过导航栏目,设置文字超链接。选中文字,点击右键选择超链接在列表中选择你要链接的网页,单击“确定”按钮。

7、学生在教师的讲解后,学生自己动手操作制作网页。教师进行指导。(伴随音乐)

三、作品评价

1、生评:从网页设计上,美观程度上,知识落实上重点评价。

2、师评:对学生作品进行评价,并对其它学生的评价加以更完整的解释。

四、总结

我们这节课主要是利用了表格来设计网页,以使来美化我们的网页,通过绘画作品的展示,学习更多的知识。

网页制作教学设计3

教学目标:

1、知识与技能:

(1)理解框架的概念及 ……此处隐藏3486个字……础知识、基本技能的学习。我利用信息技术,尤其是网络提供的有关“西安”丰富的旅游景点介绍资源,帮助和拓展学生的学习。让学生借助信息技术手段开展探索、总结并进行创作。我利用信息技术展示学生自评,学生互评,教师评价的评价表,为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统支持师生间、生生间的交流对话。

3.教学反思

本节课主题明确、集中,让学生分成小组,合作探究学习,给出特定的总任务,有利于学习效果评判的可比较性,也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游,对西安七个主要景点的介绍,让世界了解西安,每个学生在共同完成“网上游古都”网站作品后,让每个学生都有完成任务和宣传中国源远流长的文明历史的成就感,并感到自豪。

本节课,在小组合作学习过程中,学生之间互学互教,彼此交流探讨,经历了提出问题、分析问题和解决问题过程,每个学生都承担一定学习任务,防止滥竽充数,促进了学生的参与程度、认知深度,高质量地实现了课程的目标,增强学生的责任感。但个别学生没有认识到合作学习的重要意义,自主探究能力较弱,容易丧失信心。

教学实际实施过程,有学生提出:我对中国的少数民族文化感兴趣,能否制作一个宣传中国五十六个少数民族文化的特色网站?于是我了解到学生对中国的不同文化感兴趣,可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。

本节课让学生掌握了“表格”的妙用,还提高了加工信息和应用信息的能力,而且使学生感悟到了中国上下五千年的博大精深,对祖国更加热爱。

(四)、教学评析:

在新课程标准的理念中,明确提出要关注全体学生,建设有特色的信息技术课程。在教材因篇幅的限制,提供给学生感知的背景材料极其有限,“信息”且都处于“静止、储存”状态,不利于学生的感知和抽象概括。因此,允许教师在不改变教材内容、体系、结构的前提下,经教学法的加工,营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的支持下,自主能动地探索,实现知识的再创造。

教学活动在面向全体的同时更注重学生情感的交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。

学生自主性学习,需要有一个适应的过程,开始阶段,布置任务要明确具体。

学生之间的交流和帮助比较少,自主学习的能力还要不断提高等。

附:学生学习过程及典型成果

另附:小组成员分工表

第________组组长________作品题目______________

小组成员

主要负责工作

网页制作教学设计5

教学目标:

1、知识与技能

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

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

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

2、过程与方法

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

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

(3)通过网页不同的超级链接方法,拓展学生思维,创建多种形式的网页链接。

3、情感态度与价值观

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

(2)完成超级链接,使学生感受成功的喜悦和快乐。

教学重、难点:

1、教学重点:

(1)超级链接的含义及链接源和链接目标的含义。

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

2、教学难点

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

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

教学方法与教学手段:

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

教学准备:

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

教学过程:

1、引入

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

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

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

设计意图:通过对比操作、交流,再辅以知识迁移,明确本节课教学内容。

2、新授

(1)站内超级链接

引导学生回顾PowerPoint中超链接的制作方法(教师提示:右击链接源,利用快捷菜单制作超链接),辅以教材中的内容,让学生自行探究并完成以下操作:

任务1同一站点内不同页面之间的链接

○1制作首页(欢迎页)到表格页的超链接。

○2给表格页内交互式按钮设置超级链接,链接到相关页面。

○3给框架页内交互式按钮设置超级链接,链接到相关页面。

教师巡视,及时指导,安排学生示范操作并讲解如何制作超链接。

交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生:演示者操作的对吗?有没有问题?

引导学生发现问题:超链接制作完成后需要检验(保存后预览)。

教师讲解,突破难点,再交由学生操作。

以上是同一站点内不同网页之间的链接,有时一个页面中内容过多,需要不断拖动滚动条实现阅读,能否实现快速跳转呢?

任务2同一站点内同一页面内的跳转(链接):在"动物趣闻"页面内制作书签链接。

教师讲解:由生活中的书签引入,介绍"书签链接"的概念,然后再演示如何操作。

提示:书签链接的双向性问题(返回)。

学生认真听讲后模仿制作,教师巡视进行指导并反馈学生的完成情况。

(2)站间超级链接

仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题,此时我们还可以借助超链接,链接到因特网上的其他网站,以丰富我们的内容。

任务3借助热区链接,为"友情链接"页面制作超链接,链接我国一些自然保护区网站。

有了以上基础,可安排学生自学教材中有关热区链接的相关内容,学生探究操作后教师再安排学生进行演示,辅助以提问的形式检验学生的自学情况。

3、总结与评价

开展同学间的互助,检验其链接完成情况,推荐优秀同学做展示。引导学生分类总结本节课的知识点。

《网页制作教学设计.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式