《4.2制作电子作品(精).docx》由会员分享,可在线阅读,更多相关《4.2制作电子作品(精).docx(9页珍藏版)》请在课桌文档上搜索。
1、【课题】4.2制作电子作品【课型】新授课【学时】7学时【教学目标】学问与技能I1 .了解创作电子作品的相关学问.了解网页构成的原理和设计的步骤.2 .娴熟运用网页制作软件进行电子作品的创作3 .娴,4运用相关的素材(图像、音频、视猱)加工软件处理信恩.过程与方法:1 .依据需求选择适当的媒体表达思想.2 .能采纳适当的工具加工和表达信息.3 .能够学会运用信息技术,有支配、有目的、合理的加工估息,从而创作电子作品.4 .能盛对电子作品进行客观的评价,情愿看法与侨值观,1 .通过亲身体验整个电子作品的制作的全过程,让学生主动主动的学习信息技术.客观合理的选用技术来衣达主侬思想,陪养学生细致负责的
2、利用网络表达思想的看法.2 .教会学生懂得敬由他人作品和版权,细诙负设地利用网络媒介进行信息的表达和沟通,树立健康的信息表达沟通的意识。【教学重点】使学生了解、亲历和实践创作电子作品的掘木流程,驾驭网页素材的加工方法【教学难点】激发学生的创作热忱和创新精神,享受电子作品表达思想的欢乐.并在此过程中学习表达、学会表达.【教学环境】网络教室;电子学习档案袋,1.anSlal多媒体广播软件.【教学过程】教学环节学生活动老师活动第1课时ZaS绮2奚建1、引林学生了解本单元的制作作品和第一单元制作作品的区分:本单元是在已经驾版获得信息,管理信息学问的基础上选择适当的工具来加工信息表达思想.而第一单元则将
3、教学的重点放在技术的娴熟及与初中学问的连接上.2、介绍各种用于表达信息的软件的区分,从而使学生理解依据需求选用不同的软件.在老师的引导下,了解本单元制作电子作品的目的和各种软件的区分.C作H1、f2、f引导学生对比两个网页作品。、,&AS*w*臭谑/CHr至一FrMBMMM1.arNa-YHH1;-i提出思索问题:EM的主即是什么,是否恰当?E品的整体同格如何?是否美观观书作品、思索分析向KS提组问遨思索、I可答问题C深il老师总结一个优秀的网页作品在制作之前首先要确定主遨.主题的确定要留意:1、小而精2、题材要新奇3、名称体现主题引导学生明确网页作品不仅要依据主胞具有丰富的信息内容.而且要有
4、亩有创造的版面设计,来体现主题.展示特性,即网页的风格创意,学生依据老师所讲时比刚才的网页作品创设情境:假设一个同学想制作一个有关时间的科普刈页请你帮助他来制定一个网页燃划.设定主跑,同时设计网页风格.老师以网页“时间科普网站”为例分析该网页的主题学生对比自己的设计,发觉别人的优点,取长补短.引导学f面,设计自在过程上结合网页主也的确己的网页规划书.明仁力外H1.网则e2M灰土及色M3、字体4、 mk5、 页结构中赐予引导,刚好发定和风格的设计两个方觉问S2,解决问题。学生将自己的网页规划形成文档,上传到电子学习档案袋中,任务;结合前两中元的学习和收集到的信息资源瑞定自己的网页主即,并设计自己
5、的网页风格,I可时依据主题细化栏目,构建网页结构,分蛆活动(68评价学生制定网页规划的过程,提出新的何即:对于整个制作网页的过程和成果我们须要进行评价和沟通.引导学生明确评价作品时不仅要从作品本身进行评价,同时还要对制作电子作M的过程进行进行评价.带领学生分析评价网页作品应从哪些方面进行,老师给出一个评价时的各个方向,并引导学生从这些方面入手,制定评价量规.珞学生分组,布置任务.学生8人一组,登陆教学平台“组内沟通”版块,以在戏的形式捉开小组探讨,拟定评价量规富探讨(58)盥学生望开小组间的探讨,老师进行整体调控.一的学生代表表述本级制定的评价At妮,组织各组问进行分析。老师将已经拟好的评价城
6、规与学生探讨结果的进行比较.并进行合理调整,形成最终的:评价款观表$每组代发,在全班总结本祖的探讨结果,各殂之间在老师的引导卜分析探讨,最终形成评价址规表总结:制作电子作晶,应当依据要表达的内容选择合适的.表达方法,在制作网页作品时应合理的确定主麴,进行网页风格的设计,构建网页结构.获得相关素材、制作网页、评价沟通。在制作网贝的过程中,我们应当实时的比照评价崎现表的内容进行修改和洞色。依据自1.l制定的网页主题,搜集相关素材第2课时复习,导入(28者师通过分析某个同学的网页规划书,发习网页主跑制定的必要性.以及要依据主题内容设计适当的风格突出主睡.对上节课的学问进行复习了解制作网页的步骡.学m
7、(5*)在老师的引导下埋解制作网1、利用第三单元数据库管理的相关学问引导学生建立文件夹.求管理自己制作网页的素材.提示学生建立文件夹和保存素材时的留S小项-文件夹和文件的名字不能有中文:全部用到的素材页时构建树型文件夹和建立站点的意义和用意事项.了解网页制作工具的不同熟识DroameaVer,欠件的界面,驾驭建立和管理站点的方法.都要保存到站点文件夹中.打开教学平分“教学评价”版块,符所讲内容直现呈现在学生面前2、介绍站点的概念、建立站点的就义3,打开DrCamWeaver软件,熟识该软件的界面,同时讲解建立站点和管理站点的学问课外阅读自主学习教材P87学问扩展(介绍制作网页和加工索材的工具软
8、件)说明课上以DreamWeaVer为例讲解,学生如有须要可以自主进行其他制作网页的软件运用方法的学习引导学生明确制作网页的整个过程,通过实际完成任务,驾双站点自主学习引导学生建立保存网页素材的文件夹,建立站点指向自己的文件夹。在过程中赐予指导.深(5分S组织学生参加两个活动.在实践活动中,让学生通过思索问即分析向四体会布局的概念和意义以及网页中表格的作用。总结并引出网页版面设计思想,布局的类型和意义.说明布局的方法,课上以友格为例,讲解布局,其他方法可以进入教学平台“课外延长”栏目中进行学习的建立的技术.【任务:、建立自己的文件夹、分类建立存放素材的文件夹2,打开DreannreaVer软件
9、.建立站点指向自己的文件夹学生参加活动.在实践活动中,思索问JS,分析问题.I活动】1、打开两个网页进行对比0(一个是通过表格进行布局:一个是没有通过表格进行布局)学生探讨并网答:两个网页看上去有什么区分?2、利用DrCaBweavcr软件打开遹过表格布局的网页,让学生将该网页中的熟识的文字和图片删除,思索以下剩下的是什么,它有什么作用?2学舞老师通过演示操作讲解网页中的去格的相关学问和技术:1、新建网页,保存网页预览网页2、捕入龙格:衣格边框、间距的概乞:我格边枢颜色、去格填充瓠色:表格背景3、表格的拆分和合并老伸引导学生明确利用表格布网的过程一先整体后局部学生观看老师广播演示,了解插入表格
10、的方法,如何利用表格布局网页的方法。给出两个不同层次的任务,学生依据状况迸行选择,巩固所学学问在学生完成任务的过程中,老师找寻学生在完成任务中会遇到的一个普遍问SS:”表格线互扰问坦“并刚好以该问胭为切入点将学生的思维引入到本节的Hl点难点内容一“表格的嵌套”。学生完成书上PlO2、P103两个网页示例的布局,巩固表格布局的技术。I任务1.:完成书P102图4-2-25中网页的布局,将文件保存为Iianxi1.htm.【任务1:完成书P103图4-2-26中网页的布局.符文件保存为IianXi2.htm.C自Il布置臼主学习的任务在实践过程中,老师赐予指导和点评,同时发觉优秀设计。将所学学问收
11、提运用,利用各种方法设计自己主页的布局,任务:制作自己的网页:建立主页和其它网页利用所学学问给主页进行布局。11、找出1到2名布用有特点的学生,展示他们的作品,引导学生捉开沟通评价从设计是否为特色,能否敏捷运用所学学问等方面评价,反思对比自己的作品,吸取别人特长,指定修改支配.课后作业搜集相关素材第3课时G*也习老师举出几个反面例子,通过提问的方式引导学生从制作网页的几点留您ii项指出例子中的错误。1、全部文件和文件夹的名字不能有中文2,全部脚页中用到的素材必需存放在站点文件夹下3、素材应分类存放4、表格进行布局时表格的边框和间距值应设为0.成虚线.起到架构的作用.细致观看实例.利用所学的学问
12、,发觉问应.2M仲P打开一个利用表格进行布局的网页,向学生说明,化表格中可以插入的元素包括:文字、图片、声音、视粉动画和超级链接.(本节课以图文为主)提出自主回读的任务.在自主阅读过程中,老师深化学生,发觉学生难于理解的学问点.任务:通过自主阅读教材P89了艇网页中文字和图片的相关学问结合教学平台中“学习任务”版块中的自学材料自主学习图片文字插入和设吃房性的方式.在学生自主阅读过程后,老师将学生难于理解的地方进行全班讲解.文字的插入:在网页编辑区光标处干脆键入文字(方法同word文字的修饰:字体、字号、毅色、对齐方式的设定图片的插入方法、图片属性的修改CS5至供应素材,布置学习任务,让学生将所
13、学的学问实际运用,学会网页中图文的设置.任务上进入电子学习档案袋的共享资源下敦素材,并依据教材P102图4-2-25的网页将素材城充到上节课我们制作的网页1ia11xi1.htm文件中H1、展示两个网页(学生评价两个网页哪个更好,为什么)引导学生相识同一张图片插在网页里,羟过假饰后的图片可以使网页更生动,更美观,效果更好。2、老师引导学生明确对于获得的信息,我们可以选择适当的工具进行加工,从而可以更好的体现出网页的风格和主遨.3、以PhotOShOP为例讲好图片的加工.打开、新建图片文件:修改图片大小添加文字对文字进行修饰选框工具的运用颜色的填充对图片添加边框观看实例,思索并对比两个网页哪个更
14、美观、生动、效果好,相识到要选用适当的工具加工信息,更好的体现网页主题。了解各种类型图片的特点通过老师广播演示驾驭PhoJoshnp软件的一些技术。I课外例读书刊)即时充电.介绍各种图片的类型和特点老师布汉实践任务.提示学生:选择适当的信息方式合珅的表达主SS:对作品中的信息要确保其真实牢靠,负击任地发布信息,并敬重他人的学问产权,在引用时注明出处。在学生自主学习中,赐予指导。音频俗息的简洁加工:1音施信息可分为:音效、音乐和语音三种类型:2在选择声音文件时,应考虑网络传检的何,要尽M选择空间存储状小的文件,所以网页中常用的格式:MIDI.MP3,R:3搬取一段音频UoolEdit或豪杰解箱)
15、视翔信息的简油加工:1和音频文件一样,也要考虑传输速度的问题,所以网页上用的较多的是ASF、a格式;2可以珞其他格式的视频文件,例如MpEG、AVl转化成RM格式(利用WinAVI):3编辑视频文件(利用M。VieMaker)1)添加片头:工具/片头和片尾卜2)过渡效果:工具1.I视频过渡:将所学加工图片的学问实际应用,完成任务,美化网页。I任务:制作自己的网页,制作过程中适当的选用工具加工素材,丰制网页。自主学习加工音视频的方法反好刚引导学生进入电子学习档案袋,对于本节课在制进入电子学习档案袋,对老师作作品过程中的得与失进行总结,同时提出相关的技术需求.通过这个环节让学生能够正确的对自己的自
16、主实践过程进行客观的评价,同时,老师可以针对学生提出的脩求对自己下节课的教学支配刚好的进行调整,满足学生,满足课堂。的探讨魄”,进行探讨,探讨题目:通过本节课的学习,在自主实践过程中,你遇到了哪些问题.能否解决,通过舔线方法、方式解决的,你对本节课是否满足,你对以后的课程有够”要求。课后作业加工所需索材第J课时2钟习1,以任务的方式,找出一名学生实践在网页里插入图片的方法,从而带领全体同学对上节课所学学何进行复习.2、利用提问的形式让学生笈习网页中能插入的图片类里以及各种类型图片的特点。带着老肺的任务.观看同学的操作,找出错误,PJ时检测自己驾驭学问的程度。1,让学生参加两个活动,从中体会图片
17、在网页中的作用,每一个网页都有一个标记性的内容,即banner2、讲解banner的作用和意义.提出任务一给自己的网站也制作一个独一无二的banner.3、讲解素材加工软件Photoshop的功能:打开图片.调整单位利用椽取,具搬取部分区域调整图软:倾斜,旋转,缩放添加线条或其它图形利用笔刷工具绘制图案美化图片避镜的运用,爆i色的调整4、将制作好的图片插入到网页里的适当位置,保存网页,进行攸览.学牛.参加活动,学牛.通过观班和思索,体会网站标记图片的魅力,了解它的的作用.1、打开一个网页的整体结构,让学生分析图片在网页中的作用:主页标记、横幅图、背绘图和依据内容进行修饰的图片.2、展示课前考前
18、打算的几个权个网站的banner图片.提出向电:1、看到这些图片之后你们想.到了什么?2、它们的作用是什么?7H*老师给出两个有层次的任务,让学生依据个人网站的风格,自主设计,创作banner和背景图片,在制作过程中,老师说明背景图片和bannerIlllt.除了功能上不同,在制作方法上没有太大区分,有层次的完成任务.绽开想象.奇妙的设计.通过实践操作驾驭图片加工的技术任务:1,利用所学学问依据主题绽开想象,制作banner图片,并将图片插入自己的主页中.2、利用所学技术给自己的网页添加炉景图案I、展示一个有动态banner的网页为了使网页更加生动,我们可以在网页中加入F1.ASH动画.讲解插
19、入动图的方法2、对比演示的网页,在banner处并不是插入一个FIaSh动画,而是利用了透亮FlaSh的技术3、讲解N页中插人透亮F1.SII动皿的制作方法和参效的设定的方法.驾次网页中插入动画的方法.学会如何奇妙的运用透亮动丽和Banner图片相结合,制作动态的Banner效果。供应素材,布置任务,引导学生奇妙的运用所学技术,绽开把.象.完成任务利用所学技术,政捷运用,完成任务。任务J:进入“素材库”在老师给定的透亮动咨中进行选择.在自己的主页里加入透亮动画,1引导学生进入电子学习档案袋,对于本节课在制作作品过程中的得与失进行总结,同时提出相关的技术需求。通过这个环节,让学生能够正确的对自己
20、的自主实俄过程进行客观的评价,同时,老师可以针时学生提出的需求对自己下节课的教学支配刚好的迸行调整,满足学生.满足课堂.进入电子学习档案袋,对老师的探讨题目,进行探讨.探讨题目:通过本节课的学习,在自主实践过程中,你遇到了哪些网题能否解决,通过舔些方法、方式解决的,你时本节课是否满足,你对以后的课程有麻些要求.第5课时公引钟入1,展示搜狐网站的首页,引导学生分析网页中必有的要素:主页标记、banner,导航、版权全部.2,对比上节课我们作好的网页,我们的网页中还缺少什么内容一导航,观看授孤主页,分析网页中必有元素.思索找出自己的网页中缺少的内容。(17*)1、导航的作用一引出铳接的概念2,链接
21、的类别:外部网站外部文件机器里的网页箱悔点3、导航的形式:文字r普通图片图片1翻转图图片热点F1.ASH按钮自主学习鞋接打开文件的几种方式的制作方法.通过老师讲解和实际演示了解导肮条的意义.五种推接的方法,以及椎接可以通过哪些形式实现,如何运用翻转图制作悬停按钮,如何给图片中的某个部分添加鞋接.引导学生敏捷运用所学学问,选择一种统一的导航形式完成任务.在学生完成任务的过程中,向学生提示,在制作导航时还有许多其它的方法,学生选择适合的导航形式,制作导航按钮,完成任务,任务上为自己的网页添加导麻,同时将自己制作的各个网页进行链接.自主学习制作3航的相关技术.11,选择优秀作品进行展示2、引导学生进
22、入电子学习档案袋.对于本节课在制作作品过程中的得与失进行总结,同时提出相关的技术需求。通过这个环节,让学生能够正确的对自己的自主实践过程进行客观的评价,同时,老师可以针对学生提出的需求对自己下节课的教学支用刚好的迸行调整,1、学生观看,观步他人作品,并进行分析,对比自己的作品,设定修改支配.2、进入电子学习档窠袋,对苕师的探讨题目,进行探讨。探讨题目,通过本节课的学习,在自主实践过程中,你遇到了哪”问满足学生,满足课堂。题,能否解决,通过哪些方法、方式解决的,你对本节课是否满足.你对以后的课程行就竺要求.售后作业制作网页第6课时*组钗学生多加活动,刻比两个网页找出它们在阅读时的区分老师总结归纳
23、,引出本课主题.I活动I打开2个同内容“厂”鞭的网页,分别进行阅读,体册也们的区分.入学器化。1.引导学生相识页内帧在网页中的作用。2、打开一个同学作品,分步演示页内帧的制作方法.从而提高倒读速度学生听话井了解页内帧的运用方法以及优势.自布置任务,组织学生自主实践.让学生在活动中驾驭页内帧的制作方法.老师在自主过程中进行指导。任务1:利用所学技术合理支用.完成网页作M.自学有关框架的运用方法。O打开一名学生作品,进行分析,引导学生相识网页中添加适当的动态效果可以是网页更加丰富,活泼.带侦学生回忆所学学问哪”技术可以实现网页中的动态效果老师引导并分析利用代码给网页添加特效的实例一尿标特效(Jav
24、ascript)分析他人作品,吸取优点,弥补自己不足.在老师的指领下回忆学问.组织完成任务,给自己的网页Si龙点瞄,要求学生通过反女阅读网页检测网页中的拙误,并进行改正.以8人为一组进行分组,符网页作品上传到眼务器中各组文件夹中.【任务;适当的选用网页技术,在自己网页中实现动态效果,丰富自己的网页作品自学网页特效项中有关行为面极特效中的多种动态效果的制作方法,比如:显示上微层、时间轴等.及如何利用ImageReady制作动态的GlF图片等.打开自己的站点文件夹,通过反犯预览页面,细致检杳网页中是否还有错误,并进行改正格已确认无误的作M文件夹上传到限务涔各组文件夹里售后作业完善网页第7课时冷入引
25、老师总结前六节课的网页作品的制作状况,并布置今日的任务一沟通和评价.学生对比自己完成作品状况H纲织学生时比第一节课制定的网页规划,针对老师给出的几个方面沟通体会.沟通体会方向:1、网页规划制定是否合理.2、实际制作过程中救了哪些修改,为什么?3.在制作网页过程中.有哪些收获?4、自己的网页作品还存在着哪些问JS须要弥补?学生进入电子学习档案袋,将普羟上传的网页规划进行下拨,对比网页规划,针对老牌提出的方l,l.进入教学平台的“在线探讨”沟遹感受.老师在自主沟通过程中,参加到学生的沟通中进行点评。z自钺组织学生参照第一课时制定的评价量现3给自己的作事打分进入电子学习档案袋中发表文章,并在正文里依据评价量规衣的内容对自己的作品进行自评,给出成果,自评作品小蛆互评组织学生阅读本祖其他同学作品,并依照评价瑜规3为该同学打分。你加选也一个最好的作品.诳入服务器阅读本组中其他同学的作品,依照4评价业规为进行评价,同时进入电子学习档案袋给该同学打分.完成后小也里选出大家认为做的最好的作品上报.各机选出的同学在全班展示自己的作品,客观的描述制作过程,依据评价Iitye客观的评价自己的作品.老师进行总结分析评价他人作品,选出全班最好的作品课后作业完善网页