2制作电子作品

【课题】 4.制2作电子作品【课型】新授课【学时】 7学时【教学目标】知识与技能：1．了解创作电子作品的相关知识,了解网页构成的原理和设计的步骤。2．熟练使用网页制作软件进行电子作品的创作。3．熟练使用相关的素材（图像、音频、视频）加工软件处理信息。过程与方法：1．根据需求选择适当的媒体表达思想。2．能采用适当的工具加工和表达信息。3．能够学会运用信息技术，有计划、有目的、合理的加工信息，从而创作电子作品。4．能够对电子作品进行客观的评价。情感态度与价值观：1．通过亲身体验整个电子作品的制作的全过程，让学生积极主动的学习信息技术，客观合理的选用技术来表达主题思想，陪养学生认真负责的利用网络表达思想的态度。2．教会学生懂得尊重他人作品和版权，认真负责地利用网络媒介进行信息的表达和交流，树立健康的信息表达交流的意识。【教学重点】使学生了解、亲历和实践创作电子作品的基本流程，掌握网页素材的加工方法【教学难点】激发学生的创作热情和创新精神，享受电子作品表达思想的快乐，并在此过程中学习表达、学会表达。【教学环境】网络教室；电子学习档案袋，Lanstar多媒体广播软件。【教学过程】教学环节学生活动教师活动〈第1课时,（教2学目导）1、引导学生了解本单元的制作作品和第一单元制作作品的区别：本单元是在已经掌握获取信息，管理信息知识的基础上选择适当的工具来加工信息表达思想。而第一单元则将教学的重点放在技术的熟练及与初中知识的衔接上。2、介绍各种用于表达信息的软件的区别，从而使学生理解根据需求选用不同的软件。在教师的引导下，了解本单元制」作电子作品的目的和各种软件的区别。

作品欣赏引导学生对比两个网页作品。欣赏作品、思考分析问题提出思考问题：作品欣赏引导学生对比两个网页作品。欣赏作品、思考分析问题、作品的主题是什么，是否恰当？提出问题思考、回答问题教师总结一个优秀的网页作品在制作之前首先要确定主题。主题的确定要注意：1、小而精2题材要新颖3名称体现主题引导学生明确网页作品不仅要根据主题具有丰富的信息内容，而且要有富有创意的版面设计，来体现主题，展示个性，即网页的风格创意。创设情境：假设一个同学想制作一个有关时间的科普网页，请你帮助他来制定一个网页规划，设定主题，同时设计网页风格。教师以网页“时间科普网站”为例分析该网页的主题学生根据教师所讲对比刚才的网页作品学生对比自己的设计，发现别人的优点，取长补短。引导学生结合网页主题的确定和风格的设计两个方面，设计自己的网页规划书。提出问题思考、回答问题教师总结一个优秀的网页作品在制作之前首先要确定主题。主题的确定要注意：1、小而精2题材要新颖3名称体现主题引导学生明确网页作品不仅要根据主题具有丰富的信息内容，而且要有富有创意的版面设计，来体现主题，展示个性，即网页的风格创意。创设情境：假设一个同学想制作一个有关时间的科普网页，请你帮助他来制定一个网页规划，设定主题，同时设计网页风格。教师以网页“时间科普网站”为例分析该网页的主题学生根据教师所讲对比刚才的网页作品学生对比自己的设计，发现别人的优点，取长补短。引导学生结合网页主题的确定和风格的设计两个方面，设计自己的网页规划书。网页规划书1、网页主题2、网页主题色调3、字体4、图标5、网页结构在过程中给予引导，及时发现问题，解决问题。学生将自己的网页规划形成文档，上传到电子学习档案袋中。任务：结合前两单元的学习和收集到的信息资源确定自己的网页主题，并设计自己的网页风格，同时根据主题细化栏目，构建网页结构。评价学生制定网页规划的过程，提出新的问题：对于整个制作网页的过程和成果我们需要进行评价和交流。引导学生明确评价作品时不仅要从作品本身进行评价，同时还要对制作电子作品的过程进行进行评价。带领学生分析评价网页作品应从哪些方面进行，教师给出一个评价时的各个方向，并引导学生从这些方面入手，制定评价量规。将学生分组，布置任务。学生人一组，登陆教学平台“组内交流”版块，以在线的形式展开小组讨论，拟定评价量规交流讨论

15分)组织学生展开小组间的讨论，教师进行整体调控。各组学生代表表述本组制定的评价量规，组织各组间进行分析。教师将已经拟好的评价量规与学生讨论结果的进行比较，并进行合理调整，形成最终的《评价量规表》每组代表，在全班总结本组的讨论结果，各组之间在教师的引导下分析讨论，最终形成《评价量规表》总结：制作电子作品，应该根据要表达的内容选择合适的表达方法，在制作网页作品

时应合理的确定主题，进行网页风格的设计，构建网页结构，获取相关素材、制作网页、

评价交流。在制作网页的过程中，我们应该实时的对照评价量规表的内容进行修改和润

色。根据自己制定的网页主题，搜集相关素材〈第2课时〉复习，导入教师通过分析某个同学的网页规划书，复习网页主题制定的必要性，以及要根据主题内容设计适当的风格突出主题。引导学生明确制作网页的整个过程。对上节课的知识进行复习。了解制作网页的步骤。自主学习

交流讨论

15分)组织学生展开小组间的讨论，教师进行整体调控。各组学生代表表述本组制定的评价量规，组织各组间进行分析。教师将已经拟好的评价量规与学生讨论结果的进行比较，并进行合理调整，形成最终的《评价量规表》每组代表，在全班总结本组的讨论结果，各组之间在教师的引导下分析讨论，最终形成《评价量规表》总结：制作电子作品，应该根据要表达的内容选择合适的表达方法，在制作网页作品

时应合理的确定主题，进行网页风格的设计，构建网页结构，获取相关素材、制作网页、

评价交流。在制作网页的过程中，我们应该实时的对照评价量规表的内容进行修改和润

色。根据自己制定的网页主题，搜集相关素材〈第2课时〉复习，导入教师通过分析某个同学的网页规划书，复习网页主题制定的必要性，以及要根据主题内容设计适当的风格突出主题。引导学生明确制作网页的整个过程。对上节课的知识进行复习。了解制作网页的步骤。自主学习

15分)、利用第三单元数据库管理的相关知识引导学生建立文件夹，来管理自己制作网页的素材。提示学生建立文件夹和保存素材时的注意事项文件夹和文件的名字不能有中文；所有用到的素材都要保存到站点文件夹中。打开教学平台“教学评价”版块，将所讲内容直观展现在学生面前2介绍站点的概念、建立站点的意义3打开 软件，熟悉该软件的界面，同时讲解建立站点和管理站点的知识在教师的引导下理解制作网页时构建树型文件夹和建立站点的意义和注意事项。了解网页制作工具的不同熟悉 软件的界面，掌握建立和管理站点的方法。课外阅读自主学习教材知识扩展（介绍制作网页和加工素材的工具软件）说明课上以 为例讲解，学生如有需要可以自主进行其他制作网页的软件使用方法的学习引导学生建立保存1网页素材的文件夹，建立站点的建立的技术。任务：1建立自己的文件夹、指向自己的文件夹。在过程中给予指导。分类建立存放素材的文件夹软、打开通过实际完成任务，掌握站点件，建立站点指向自己的文件夹（）析总结并引出网页版面设计思想，布局的类型和意义。学生参与活动，在实践活动中，思考问题，分析问题。［活动］1学生参与活动，在实践活动中，思考问题，分析问题。［活动］1、打开两个网页进行对比。（一个是通过表格进行布局；一个是没有通过表格进行布局）学生讨论并回答：两个网页看上去有什么区别？2、利用 软件打开通过表格布局的网页，让学生将该网页中的熟悉的文字和图片删除，思考以下剩下的是什么，它有什么作用？（知分识分进教师通过演示操作讲解网页中的表格的相关知识和技术：1、新建网页，保存网页，预览网页2、插入表格；表格边框、间距的概念；表格边框颜色、表格填充颜色；表格背景3、表格的拆分和合并教师引导学生明确利用表格布局的过程一先整体后局部学生观看教师广播演示，了解插入表格的方法，如何利用表格布局网页的方法。10主分学）习给出两个不同层次的任务，学生根据情况进行选择，巩固所学知识在学生完成任务的过程中，教师寻找学生在完成任务中会遇到的一个普遍问题：“表格线互扰问题”并及时以该问题为切入点将学生的思维引入到本节的重点难点内容一“表格的嵌套”。学生完成书上P102、P103两个网页示例的布局，巩固表格布局的技术。［任务］一：完成书P102图4-2-25中网页的布局，将文件保存为lianxi1.htm.［任务］二：完成书P103图4-2-26中网页的布局，将文件保存为lianxi2.htm.9（自分实）践布置自主学习的任务在实践过程中，教师给予指导和点评，同时发现优秀设计。将所学知识灵活运用，利用各种方法设计自己主页的布局。任务：制作自己的网页：建立主页和其它网页利用所学知识给主页进行布局。（交5流评）价1找出到名布局有特点的学生，展示他们的作品，引导学生展开交流评价从设计是否有特色，能否灵活运用所学知识等方面评价，反思对比自己的作品，吸取别人长处，指定修改计划。课后作业搜集相关素材〈第3课时,（2习）教师举出几个反面例子，通过提问的方式引导学生从制作网页的几点注意事项指出例子中的错误。1、所有文件和文件夹的名字不能有中文2、所有网页中用到的素材必须存放在站点文件夹下3、素材应分类存放4、表格进行布局时表格的边框和间距值应设为0，成虚线，起到架构的作用。认真观看实例，利用所学的知识，发现问题。自主（阅6导读，） 教师引打开一个利用表格进行布局的网页，向学生说明，在表格中可以插入的元素包括：文字、图片、声音、视频动画和超级链接。（本节课以图文为主）提出自主阅读的任务在自主阅读过程中教师深入学生发现学生难于理解的知识点任务通过自主阅读教材 了解网页中文字和图片的相关知识结合教学平台中“学习任务”版块中的自学材料自主学习图片文字插入和设置属性的方式。

在学生自主阅读过程后，教师将学生难于理解的地方进行全班讲解①文字的插入：在网页编辑区光标处直接键入文字（方法同）②文字的修饰：字体、字号、颜色、对齐方式的设定③图片的插入方法、图片属性的修改（自主实）践提供素材，布置学习任务，让学生将所学的知识实际运用，学会网页中图文的设置。任务：进入电子学习档案袋的共享资源下载素材，并按照教材图 的网页将素材填充到上节课我们制作的网页文件中10识分进）1、展示两个网页（学生评价两个网页哪个更好，为什么）引导学生认识同一张图片插在网页里，经过修饰后的图片可以使网页更生动，更美观，效果更好。2、教师引导学生明确对于获取的信息，我们可以选择适当的工具进行加工，从而可以更好的体现出网页的风格和主题。3、以photoshop为例讲解图片的加工。①打开、新建图片文件：修改图片大小②添加文字③对文字进行修饰④选框工具的使用⑤颜色的填充⑥对图片添加边框观看实例，思考并对比两个网页哪个更美观、生动、效果好。认识到要选用适当的工具加工信息，更好的体现网页主题。了解各种类型图片的特点通过教师广播演示掌握Photoshop软件的一些技术。［课外阅读］书P90即时充电，介绍各种图片的类型和特点（自主分学习）教师布置实践任务。提示学生：选择适当的信息方式合理的表达主题；对作品中的信息要确保其真实可靠，负责任地发布信息，并尊重他人的知识产权，在引用时注明出处。在学生自主学习中，给予指导。音频信息的简单加工：音频信息可分为：音效、音乐和语音三种类型；在选择声音文件时，应考虑网络传输的问题，要尽量选择空间存储量小的文件，所以网页中常用的格式：D P ；截取一段音频（ Ed杰解霸）视频信息的简单加工：和音频文件一样，也要考虑传输速度的问题，所以网页上用的较多的是、格式；可以将其他格式的视频文件，例如 、 转化成格式（利用 ）；编辑视频文件（利用 ））添加片头：工具片头和片尾］）过渡效果：工具视频过渡］将所学加工图片的知识实际应用，完成任务，美化网页。［任务］:制作自己的网页，制作过程中适当的选用工具加工素材，丰富网页。自主学习加工音视频的方法时，引导学生进入电子学习档案袋，对于本节课在制进入电子学习档案袋，对老师

作作品过程中的得与失进行总结，同时提出相关的技术需求。通过这个环节，让学生能够正确的对自己的自主实践过程进行客观的评价，同时，老师可以针对学生提出的需求对自己下节课的教学计划及时的进行调整，满足学生，满足课堂。的讨论题目，进行讨论。讨论题目：通过本节课的学习，在自主实践过程中，你遇到Y哪些问题，能否解决，通过哪些方法、方式解决的，你对本节课是否满意，你对以后的课程有哪些要求。课后作业加工所需素材〈第4课时,2复习1、以任务的方式，找出一名学生实践在网页里插入图片的方法，从而带领全体同学对上节课所学知识进行复习。2、利用提问的形式让学生复习网页中能插入的图片类型以及各种类型图片的特点。带着教师的任务，观看同学的操作，找出错误，同时检测自己掌握知识的程度。活10动知识入、让学生参与两个活动，从中体会图片在网页中的作用，每一个网页都有一个标志性的内容，即。、讲解 的作用和意义。提出任务 给自己的网站也制作一个独一无二的banner.3讲解素材加工软件 的功能：①打开图片，调整单位②利他取工具截取部分区域③调整图象：倾斜，旋转，缩放④添加线条或其它图形⑤利用笔刷工具绘制图案美化图片⑥滤镜的使用⑦颜色的调整4将制作好的图片插入到网页里的适当位置，保存网页，进行预览。学生参与活动，学生通过欣赏和思考，体会网站标志图片的魅力，了解它们的作用。活动1打开一个网页的整体结构，让学生分析图片在网页中的作用：主页标志、横幅图、背景图和根据内容进行修饰的图片。2展示课前教师准备的几个权威网站的 图片，提出问题：1、看到」这些图片之后你们想到了什么？2、它们的作用是什么？自17主学习教师给出两个有层次的任务，让学生根据个人网站的风格，自主设计，创作banner和背景图片。在制作过程中，教师说明背景图片和banner相比，除了功能上不同，在制作方法上没有太大区别。有层次的完成任务，展开想象，巧妙的设计，通过实践操作掌握图片加工的技术任务：、利用所学知识根据主题展开想象，制作 图片，并将图片插入自己的主页中。、利用所学技术给自己的网页添加背景图案知识进6分1、展示一个有动态banner的网页为了使网页更加生动，我们可以在网页中加入动画。讲解插入动画的方法2对比演示的网页，在 处并不是插入一个动画，而是利用了透明 的技术、讲解।网页中插入透明 动画的制法和参数的设定的方法。掌握网页中插入动画的方法。学会如何巧妙的使用透明动画和图片相结合，制作动态的效果。

自主学习火刀提供素材，布置任务，引导学生巧妙的使用所学技术，展开想象，完成任务利用所学技术，灵活使用，完成任务。［任务］:进入“素材库”在教师给定的透明动画中进行选择。在自己的主页里加入透明动画。2引导学生进入电子学习档案袋，对于本节课在制作作品过程中的得与失进行总结，同时提出相关的技术需求。通过这个环节，让学生能够正确的对自己的自主实践过程进行客观的评价，同时，老师可以针对学生提出的需求对自己下节课的教学计划及时的进行调整，满足学生，满足课堂。进入电子学习档案袋，对老师的讨论题目，进行讨论。讨论题目：通过本节课的学习，在自主实践过程中，你遇到Y哪些问题，能否解决，通过哪些方法、方式解决的，你对本节课是否满意，你对以后的课程有哪些要求。〈第5课时,5引入1、展示搜狐网站的首页，引导学生分析网页中必有的要素：主页标志、banner、导航、版权所有。2、对比上节课我们作好的网页，我们的网页中还缺少什么内容一导航。观看搜狐主页，分析网页中必有元素。思考找出自己的网页中缺少的内容。知17识讲解1导航的作用一引出链接的概念2链接的类别：①外部网站②外部文件③机器里的网页④邮箱⑤锚点3导航的形式：①文字普普通图片②图片1翻转图片图图片图片图片热点③ 按钮图片・自主学习链接打开文件的几种方式的制法。通过教师讲解和实际演示Y解导航条的意义，五种链接的方法，以及链接可以通过哪些形式实现，如何使用翻转图制作悬停按钮如何给图片中的某个部分添加链接。自20主学习引导学生灵活使用所学知识，选择一种统一的导航形式完成任务。在学生完成任务的过程中，向学生提示，在制作导航时M很多其它的方法。学生选择适合的导航形式，制作导航按钮，完成任务。任务：为自己的网页添加导航，同时将自己制作的各个网页进行链接。・自主学习制作导航的相关技术。31选择优秀作品进行展示2引导学生进入电子学习档案袋，对于本节课在制作作品过程中的得与失进行总结，同时提出相关的技术需求。通过这个环节，让学生能够正确的对自己的自主实践过程进行客观的评价，同时，老师可以针对学生提出的需求对自己下节课的教学计划及时的进行调整，1、学生观看，欣赏他人作品，并进行分析，对比自己的作品，设定修改计划。2、进入电子学习档案袋，对老师的讨论题目，进行讨论。讨论题目：通过本节课的学习，在自主实践过程中，你遇到了哪些问

满足学生，满足课堂。题，能否解决，通过哪些方法、方式解决的，你对本节课是否满意，你对以后的课程有哪些要求。课后作业制作网页〈第6课时,3（引3入）组织学生参与活动，对比两个网页找出它们在浏览时的区别教师总结归纳，引出本课主题。［活动］打开2个同一内容“厂”型的网页，分别进行浏览，体会他们的区别。（知8入识）1引导学生认识页内帧在网页中的作用。2打开一个同学作品，分步演示页内帧的制法，从而提高浏览速度学生听讲并了解页内帧的使用方法以及优势。）20践实布置任务，组织学生自主实践，让学生在活动中掌握页内帧的制法。教师在自主过程中进行指导。任务：利用所学技术，合理安排，完成网页作品。•自学有关框架的使用方法。（6入分）析打开一名学生作品，进行分析，引导学生认识网页中添加适当的动态效果可以是网页更加丰富，活泼。带领学生回忆所学知识哪些技术可以实现网页中的动态效果教师引导并分析利用代码给网页添加特效的实例一鼠标特效（ ）分析他人作品，吸取