《网页制作》教学设计5篇.docx
- 文档编号:29508322
- 上传时间:2023-07-24
- 格式:DOCX
- 页数:15
- 大小:22.27KB
《网页制作》教学设计5篇.docx
《《网页制作》教学设计5篇.docx》由会员分享,可在线阅读,更多相关《《网页制作》教学设计5篇.docx(15页珍藏版)》请在冰豆网上搜索。
《网页制作》教学设计5篇
《网页制作》教学设计(5篇)
作为一名优秀的教导工,通常会被要求编写教学设计,借助教学设计可以提高教学质量,收到预期的教学效果。
则写教学设计须要留意哪些问题呢?
下面是我收拾的《网页制作》教学设计〔精选5篇〕,欢送阅读与收藏。
《网页制作》教学设计1
一、教材或教学内容分析
本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析
信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用
在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,挑选最好的作为班级主页挂到学校主页上去,这有助于激发学生参加学习的主动性。
配合学习那么是让学生在学习过程中互帮互助,用较短的时间、教少的精力学到更多的东西,完成一个集体工程,让他们在学习之后获得成就感。
因而在媒体的挑选上,我们使用的是TOP2000系统。
TOP2000系统有利于老师进行分组教学和学生作品的点评及成绩的展示。
教学过程开场之前,老师把学生按座位分成四组,每个组都按学生对计算机的控制程度平均分配,保证每个组都有计算机操作方面比拟突出的,也有相对照较差的,使其形成能够互帮互助的学习小组。
并由他们自己选出组长各一名,然后由组长按照组员的状况,决定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。
做过网页的人都知道,做网页是一项比拟费时的工作,而要学生在较短的时间内制作出像样的网页是比拟困难的,而在这个过程中,网页的设计占去了相当多的一局部时间,组长把任务分到各组员头上以后,组员就可按照自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行阅历沟通,告知组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。
这样,其他组员就可在较短的时间之内控制比拟先进的网页制作办法,而不必再花则多时间去探究。
因为每位组员都必需自己完成一个任务,所以在这个过程中,也同样有自己探究学习的时机和介绍自己阅历的时机,使组内的每个学生都在学习中获得成就感。
四、教学过程
教学进程
老师活动
学生活动
1、课前预备
课前将本章内容的根本构造、内容的归类、网页根底学问、网页素材做成一个网站,供学生参考,网站上的内容可按照学生以后在学习中的要求添加。
按照学生对已有的网页制作的状况进行分组。
学生按照自己的分组状况选出组织能力较强、计算机水平较高的人做组长,配合小组形成。
2、老师布置任务,作必要解说
第一节课,老师容易介绍网页根底学问,并给各小组布置任务——用下面的时间完成班级网页的制作,并对组进步行本章根本内容及本章内容的分类的介绍,让他们对本章内容有总体上的把握。
在老师对网页根底学问解说的根底上,浏览老师制作的网站,继续学习;
课后各组设计自己的班级主页,组长按照网站上老师对本章内容的分类给学生布置任务。
3、老师指导分工状况,学生开场自主学习
第二节课老师对组长对全组的分工状况赋予检查,提出意见和倡议。
学生按照分工制作网页,学习可以跟着课本上自学,也可按照以前学习Word的阅历自己摸索制作过程,不懂之处可向会的同学请教,还可以互相之间研究,在网页的设计方面也可以互相之间多商议 ,发扬互帮互助的精神。
4、学生自主学习,老师指导、监视
下面三节课,教师在每组各用10分钟时间检查他们上节课的网页制作状况,并对他们碰到的问题赋予提醒或解决,起指导和监视作用。
学生继续学习、制作网页。
五、阶段总结
四节课的制作以后,各组员所制作的网页都初见雏形,所以老师组织一堂课,由各组展示自己的作品。
老师在学生评讲完后,赋予总结。
各组分离展示自己的作品,其他组对他们可以提出意见或倡议,也可从其他组的学到好的创意。
由组长在课后写一份阶段总结,从而指导以后的工作。
六、学生自主学习,老师指导、监视
下面四节课,教师仍然对每组各花10分钟时间轮番检查他们上节课的网页制作状况,并对他们碰到的问题赋予提醒或解决,起指导和监视作用。
学生继续学习、制作网页。
七、各组将内容汇总,形成班级主页
老师对各组浮现的问题提出倡议或意见。
组长或组长支配人将各组的主页进行汇总,形成一个完好的班级主页,对欠缺的地方进行修补。
八、班级网站制作完成,展示与总结
教师请其他信息技术老师来做评委,对各组做的网站提出意见或倡议,评出最正确网站、最正确创意等奖,让大家的付出都有所收获。
各组分离展示自己组所制作的班级主页。
课后:
大家集中各组的优势,将班级主页完成,挂到学校主页上。
《网页制作》教学设计2
一、教学目标:
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、本节课是在学习完容易网页、表格布局网页、交互式网页的根底上,进一步页的设计办法。
由于学生已经具备了肯定的网页设计根底学问与技能,所以老师可以按照学生的实际状况,采纳更灵便
的教学办法。
老师可以容易介绍框架构造网页的功能及框架的建设与编辑办法,以及框架属性设置与网页属性设置的办法与区分。
然后由学生按照老师提供的学案及演示动画,完成框架网页设计任务。
《网页制作》教学设计3
教学目标:
1、让学生控制在网页中插入表格的办法以及表格的修改
2、学会利用表格来规划网页
3、培养学生创新的能力以及动手操作的能力
教学重、难点:
利用表格来规划网页,从中培养学生的创新能力
教学过程:
一、情境导入
同学们你们擅长观看吗?
教师先考考你们,我们一起来看一组图片,你们看看在那里看过呢?
学校缓台的窗台上。
你们的观看能力真的很强啊,对,这些都是我们学校美术的特色作口,盘画。
其实,我们做过无数作品:
有手工作品,语文课中的作文、书法等都是作品,这节课我们以绘画作口品为例,做一个学习园地网页,把我们的作品展示到自己的班级网站中,以便我们更好的努力学习。
如今我们就一起来制作吧!
二、新知探索
首先我们来翻开上节课的班级网站,在这个网站中新建一个网页,并保留成“学习园地〞。
老师解说:
如何制作学习园地网页。
1、制作网页的标题:
输入文字,并设置文字的格式。
2、插入表格:
单击“表格〞中的“插入表格〞并对表格属性进行设置。
如:
行、列的操作,对齐方式等。
同时解说什么是行,什么是列,以及单元格的概念。
3、修改表格:
调节表格行高和列宽。
4、在学生学会插入表格的根底上,来设计网页,展示作品。
并解说在单元格中可以插入图片、文字。
那我们就一起快快去做吧!
插入图片,并在图片的上面或下面进行图片的解释。
5、进一步设置单元格的背景,来美化网页。
6、设置超链接:
通过导航栏目,设置文字超链接。
选中文字,点击右键挑选超链接在列表当选择你要链接的网页,单击“决定〞按钮。
7、学生在老师的解说后,学生自己动手操作制作网页。
老师进行指导。
〔陪同音乐〕
三、作品评价
1、生评:
从网页设计上,美观程度上,学问落实上重点评价。
2、师评:
对学生作品进行评价,并对其它学生的评价加以更完好的解释。
四、总结
我们这节课主要是利用了表格来设计网页,以使来美化我们的网页,通过绘画作品的展示,学习更多的学问。
《网页制作》教学设计4
教学目标:
1、学问与技能:
〔1〕理解框架的概念及用处。
〔2〕控制框架网页的新建、制作、编辑与保留,了解框架的拆分办法。
〔3〕初步控制将框架构造与表格布局结合使用来制作网页。
2、过程与办法:
〔1〕通过对表格网页的分析,体验新学问〔框架构造网页〕的优点,从而促进其学习新学问。
〔2〕理解框架的概念与组成,学会分析网站的构造。
3、情感看法与价值观:
〔1〕通过以"人与动物"为主题的框架构造网页制作活动,了解更多有关人与动物和睦相处的学问,通过故事趣闻,增添学生关注动物的兴趣和意识。
〔2〕能够将表格与框架构造网页结合使用,在创作中体验乐趣。
教学重、难点:
1、重点:
框架的概念、用处,创立、编辑与保留框架网页的办法。
2、难点:
框架的拆分。
教学办法:
对照教学法、探索学习法、仿照学习法。
教学预备:
收拾、归类相关素材,并按要求摆放。
教学过程:
1、引入
教师展示一组利用表格制作的网页,要求学生认真观看,找出它们的一个共同特点〔学生答:
网页上方和左侧内容都是一样的,仅右下局部内容不相同〕,并提问如何快捷地制作这种网页?
〔学生答:
使用复制粘贴快捷地制作〕
尽管复制、粘贴能为我们节约时间,但有没有更好的办法呢?
一样的区域我们能否只做一遍呢?
今日我们要学习的内容——框架网页制作,就能给我们带来更多便捷。
〔让学生明确框架网页使用的场合〕
2、新授
〔1〕框架网页概念
由以上例子入手,再展示一个框架网页,老师引导学生理解框架网页的概念
〔2〕框架网页的新建与保留
老师要求学生先阅读教材中的操作步骤,再尝试进行探索操作。
任务1创立"横幅和名目"构造的框架网页,新建top和left页面,并学会保留。
框架构造中的每个框都是一个自立的选项文件,即网页文件,因而当框架决定之后,须要为每个框分离指定其网页文件的来源,可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行挑选。
在top和left页面中,单击"保留"按钮,随即开场保留。
此处为教学难点,可先由框架的概念入手,再针对保留页面中的蓝色局部,老师进行解说,教会学生留意观看。
学生要理解框架网页的概念,通过阅读教材中的内容,自学新建框架网页的操作,初步了解"新建网页"和"设置初始网页"两个按钮的不同,并仔细倾听老师的解说,留意观看,按要求仿照操作。
设计意图:
培养学生自主
学习能力,课堂教学难点在老师的解说后仿照操作,有效突破难点。
〔3〕相关页面的制作与设置
框架网页中相关页面的制作,须要结合表格来布局,插入文字、图片和交互式按钮。
任务2top和left页面的制作。
要求:
○1top页面内插入1行2列的表格,左边单元格插入logo图片,右边单元格插入banner图片。
○2left页面内插入5行1列的表格,在每个单元格内依次插入交互式按钮〔共4个〕,交互式按钮文字为展示介绍的相关内容概括,在第5个单元格内插入一个邮箱指示的图片。
○3调节表格边框的粗细。
○4为main区域设置初始页面。
〔该网页由老师提供现成的〕
学生制作相关页面,同时也是对前面所学内容的复习和回忆。
教师反应学生的操作状况,开展比一比、评一评活动,对表现好的学生赋予褒扬。
〔4〕框架网页属性的设置
创立好框架网页后,可以按照实际须要变化框架的属性。
任务3调节框架的大小、设置框架的边框、设置框架窗口中的滚动条等。
提高任务:
框架的拆分。
学生自主探索学习,可向教师寻求帮忙。
完成设置后请同学示范操作,并表明自己设置的办法和缘由。
操作根底扎实的同学完成任务后可进行扩展学习。
3、总结与评价
教师可以给出一些频繁的框架构造应用界面,如Web邮箱页面等,引导学生总结本课内容,梳理课堂学问,并让学生分组,推举一些优秀作品进行全班展示。
设计意图:
开辟学生的视野,使学生了解框架的应用,教会学生要擅长总结,要学会学习的办法。
《网页制作》教学设计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、总结与评价
开展同学间的互助,检验其链接完成状况,推举优秀同学做展示。
引导学生分类总结本节课的学问点。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页制作 网页 制作 教学 设计