还剩24页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
目录 第五章演示文稿的制作第1节规划与筹备演示文稿第2节制作演示文稿第3节修饰演示文稿第4节交互、动态设计及作品发布第六章网页制作基础第1节网页的创建第2节网页的布局第3节关联信息一超链接第七章网站的设计与制作第1节网站的筹备第2节创建网站吼3节制作网页第4节链接网页第5节调试和发布网站 第五章演示文稿的制作本章选用了广泛应用于产品展示、演示教学的PowerPoint软件,教学内容围绕我国特有的珍稀动物这个主题展开,介绍了演示文稿的规划、素材搜集、幻灯片制作和作品的调试与发布等内容教材共分四节,各节内容的安排体现了制作演示文稿的几大步骤,具有顺序性本章的最后安排的栏目——综合实践,是对本章所学内容的综合练习,老师可以根据自己学校的实际选择教学本章的目的是让学生学会演示文稿制作的一般过程与方法,培养学生有效地搜集信息、整理与处理信息、呈现信息的能力,提高学生的审美能力,培养正确的审美情趣如果课时比较充足,可以让学生分组合作完成一些比较大的主题,反之,则不建议进行分组教学,学生可以选择一些小的主题独立完成,如四季九寨、自我介绍等本章的学情分析可从以下几方面考虑1.学生已经能熟练地进行文件文件夹的新建、移动、复制、删除、重命名等Windows的基本操作,初步具备分类存储与管理资料的能力2.对于小学阶段已上过信息技术课的学生而言,此部分内容比较简单,教师可以依照教材的顺序进行教学,并把重点放在演示文稿的整体规划与设计以及交互设计上面3.对于演示文稿制作这部分内容是零起点的学生来说,要在规定课时内完成本章内容,会存在一定的难度教师需要结合补缺内容和学案进行相应的指导4.对于所有学生而言,因为在初中一年都已经学习了文字编辑、图片处理等内容,这些知识都可以迁移到本章来5.鼓励能力强的学生另选主题本章的重点是演示文稿的规划与制作在幻灯片中插入媒体素材和格式设置的操作技术则是技能的重点,由于本章知识和技能的结合较为密切,因此通过学习操作技能可以加深对知识的理解和记忆同时,由于学生在学习本章之前接触过文字处理,而且作为Office的组件,PowerPoint和Word在界面和操作上有许多共同之处,在教学的过程中通过强调学科共通和知识迁移也有助于知识的掌握 本章课时分配如下第1节规划与筹备演示文稿1~2课时第2节制作演示文稿2~3课时第3节修饰演示文稿1~2课时第4节交互、动态设计及作品发布1~2课时第1节规划与筹备演示文稿本节资源本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载泰山出版社网站链接WWW.tscbs.com教材分析1.教学目标知识与技能学会制定多媒体作品的制作规划,简单了解多媒体作品的制作流程★根据规划搜集和整理作品制作所需要的素材过程与方法通过讨论与评价,对要表达的主题进行分析,制定出纲要,并围绕这些纲要搜集相关的资料,进行整理和分类存储情感态度与价值观通过制作以“我国特有的珍稀动物”为主题的演示文稿,呼吁大家爱护动物,保护环境为构建和谐社会而努力2.重点和难点重点是作品制作的规划、搜集和整理素材;难点是作品的规划
二、教法设计作品规划对以后的制作步骤起到一定指导作用,可以培养学生驾驭大的学习主题的能力,并养成良好的处理问题习惯很多学生并不习惯在作品制作之前制定出详细而实用的规划,或做不到将规划付诸文字并严格按照执行,或者制定的规划较为笼统和粗糙本节要强调按照规划集中搜集和处理素材,可以避免在作品制作过程中在媒体集成和处理素材之间反复切换,从而影响工作的效率为增加学生的感性认识,教师可以针对本节的内容制作一个规划的范本,使他们对规划的文本有一个直观的印象,通过讲述让学生了解规划的重要性和一般的规划方法,然后让学生在观察分析教师做好的规划的基础上,参考其文本为自己选定主题在本节教学时,还要说明一个好的封面页对于作品的重要作用,让学生设计一个引人人胜的封面引导学生观察、讨论、交流、总结,是本课的主要教学方法1.导入新课教师事先准备几种不同形式的“自我介绍”其中必有演示文稿,让学生评价哪种方式更好为什么从演示文稿的特点引入本课,然后简单介绍演示文稿制作的一般流程2.实践导引1规划演示文稿为了达到直观的效果,同时考虑到初中学生的接受特点,教材中直接给出了作品的链接关系和每一幻灯片的页面布局,以便让学生了解演示文稿结构的知识和界面设计的一些基本技法为了兼顾学生的兴趣和爱好,教师也可以让学生自选主题或预先指定几个主题2搜集和整理素材要求学生根据规划,利用各种途径搜集素材搜集作品制作素材是“获取信息”的具体应用在学生制定了比较详细的规划后,按照计划围绕主题来搜集素材,可以使学生很好地体验“获取信息”的过程,掌握相关的方法,培养信息处理能力,提高信息素养整理素材包含两方面的内容,一是按照需要对不符合要求的素材进行处理,二是有效地管理素材,重点是让学生掌握围绕主题、结合PowerPoint的特性处理素材,有效的管理素材,从而便于素材的交流和共享,也有利于将来对作品进行维护指导学生分类存储搜集到的资料文件夹的命名可以使用汉语拼音或英文名称指导学生对搜集到的资料进行必要的取舍与加工图片文件要转换成在网页上使用的JPG格式引用的文章要注明出处3.评价建议本节有三方面的知识和技能、方法和技巧需要进行评价
(1) 作品选题姓名内容选择合理、明确经提示完成与个人关系熟悉,易操作不太熟悉素材收集难易程序容易、丰富困难、稀少
(2) 作品规划姓名作品结构合理、明确不合理幻灯片草图有、完整不完整素材收集计划作了没作
(3) 素材搜索与整理姓名素材内容适合主题基本适合素材数量丰富较丰富素材格式统一适用未统一素材管理条理杂乱
(4) 能力、态度方面的评价姓名学科共通能力较强? 没有?幻灯片草图较强? 没有?兴趣和注意力积极正确?只图热闹 第二节制作演示文稿教材分析
1. 教学目标★知识与技能★会根据内容选择幻灯片的版式★能为幻灯片插入文本,并进行编辑★能为幻灯片插入图片,并进行调整★会播放并保存幻灯片
2. 重点难点重点是幻灯片的版式和文本的添加;难点是幻灯片中素材的布局,插话素材后要考试布局的均衡
二、教法设计从多媒体作品制作的角度来看,幻灯片的制作过程属于素材的集成,其作用在于根据规划将搜集到的素材整合在一起,表现预定的主题,呈现出合理的布局、美观的界面,以突出重要的信息,提高作品的感染力本节的新技能并不多,宜采用学生自主尝试、讨论交流、教师点拨等方式进行教学
三、教学建议1.导入新课复习导入教师引导学生复习“演示文稿的一般制作流程”后,可以直接进入本节课的学习2.实践导引1选择幻灯片的版式注意从以下几方面对学生进行引导★版式有什么作用★第一张幻灯片默认什么版式★版式能不能更换或调整2插入和编辑文本在PowerPoin中输入文字,主要有通过占位符输入和直接插入文本框并输入文字两种方法,这是PowerPoint所特有的,这点要加以强调设置文本的颜色、大小等格式时,可以迁移文字处理中学习过的方法,但要强调整体设置的方法与技巧,即PowerPoint独有的功能、方法和特色3添加图片添加图片是学生最喜欢的操作相对与word中图片的添加与格式设置,PowerPoint中的操作相对简单,学生完全可以迁移以前的知识与技能教师可以放手让学生自己完成,对于个别学困生,则可以单独指导但是,教师要引导学生讨论、分析图片的真正作用是什么不能为插入图片而插入,注意培养学生的审美意识3.评价建议姓名内容正确较正确版面美观较美观技术运用合理、充分、有创意会用
4.补缺—通过一个演示文稿认识PowerPoint在小学阶段已经简单介绍过演示文稿的制作,本块内容是为那些零起点的学生准备
5、加油—插入视频视频以其直观、生动的信息特征受到人们的喜爱教师可以为学生准备一些相关的视频,学有余力的学生可以尝试插入 参考学案创建演示文稿(学案)学习者姓名 第一环节新建演示文稿,选择幻灯片的版式PowerPoint中默认的第一张幻灯片的版式是_______你认为幻灯片的版式的作用是___________第二环节插入和编辑文本在PowerPoint中输入文本都必须使用__________第三环节添加图片PowerPoint中可以添加的图片有哪几类?多张图片在一起互有遮挡时,如何调整它们的位置或叠放次序?第四环节保存演示文稿保存演示文稿时,默认的保存类型是______,演示文稿的扩展名是______你保存的文件名是________第三节修饰演示文稿 ★如何修改艺术字2插入声音从美化的角度来看,声音主要是作为背景出现尤其是在应用于标题幻灯片时会产生特殊的效果,例如演讲开始前等待播放教材的正文中只介绍了插入声音文件的方法,声音的设置技巧需要教师补充讲解建议教师从以下几方面加以引导★如何设置声音的播放效果★如何做到在播放时不显示声音图标★声音的自动播放与单击时播放,各适合用在什么地方★如果让一个声音文件在多张幻灯片放映时连续播放3应用设计模板教材中主要介绍了“模板”的作用、特点及设置方法,内容比较详细,教师要引导学生观察应用前后的变化,并进行以下几方面的总结★应用设计摸板后,演示文稿具有统一的风格和外观★应用设计模板后,所有的幻灯片中均出现了相似的图片背景,但标题幻灯片的风格一般与其他幻灯片不同4设置背景可以作为背景的内容有很多,设置背景的操作方法也比较简单,教材中只介绍了设置图片背景的方法背景是为内容服务的有的学生以为背景越花哨越好,甚至影响了前景内容的呈现,因此教师要引导学生分析背景的作用是什么为什么要使用背景避免背景喧宾夺主探究应用设计摸板后,还能改变幻灯片的背景吗如何更改3.补缺——PowerPoint的视图视图是查看和使用PowerPoint的方式,不同的视图有不同的作用,选择恰当的视图,可以起到事半功倍的作用有关视图的知识在小学的教材中已经涉及到了,因此在本教材中没有作为正文来介绍针对自己学生的实际情况,教师可以选择讲解4.助力——幻灯片的外观设置技术这部分内容主要介绍了母板、层、对象组合等内容,学有余力的学生可以尝试母板的操作;层的概念在前面的文字处理和图片中已经涉及到,学生自学应该可以完成;组合对象的操作方法没有介绍,教师可以在需要的时候介绍给学生 巩固与提高参考答案1.D2.A3.C4.略第4节交互相动态设计及作品发布1.教学目标知识与技能★使用索引增加超链接,设计交互控制功能★会为幻灯片中的对象设置自定义动画★会设置动画出现的方向、速度、顺序、音效等★能打包与解包作品过程与方法通过教师创设情景并加以引导、学生操作等方法,完成作品的交互与动态设计,并学会打包与解包等技能2.重点和难点创建超链接、共享与交流是重点,超链接和整体的调试是难点教法设计多媒体作品的交互控制体现了多媒体的基本特征,而充分利用PowerPoint的对象动态设置往往对前期的制作起到画龙点睛的作用,调试、共享殖民地交流则是作品制作过程的最后步骤,保证了作品的质量,同时把作品推向应用环节本节的教学需要2课时,建议采用教师引导或演示、学生自主操作的形式完成开门办学学生根据作品内容需要,有选择地创造性使用各种控制方法和效果教学建议1.导入新课一个没有交互的作品与常规媒体没有本质的区别本节的教学在导入新课时,教师可以演示操作缺乏交互的作品,并有意识地“误操作”,使某一幻灯片在没有放映完毕就翻到了下一页,从中讲解超级链接在多媒体作品中的重要性,然后安排学生参照范例为作品制作交互控制,并在学生完成后,结合规划中的作品结构图,分析超级链接与多媒体作品结构的关系,强调交互是多媒体的主要特性,加深学生对超级链接概念和交互的理解2.实践导引1创建交互控制良好的交互性可以更好地引导人们使用你的作品,因此,交互对于任何一个多媒体作品都是必需的,建立索引幻灯片、使用超链接是实现交互的常用手段之一教材中主要介绍了这两部分内容,并涉及到了多个对象的对齐或分布的技能,由于前面的学习中已经介绍过此技能,因此,本教材对这部分内容没有过多介绍,如果学生有遗忘或未学,教师可以增补该内容建议教师从以下几方面对学生加以引导★交互的重要性★实现交互的手段有哪些★如何实现交互2演示文稿的调试与放映调试是制作演示文稿的很重要的一步本章涉及的作品虽然规模很小,并且PowerPoint制作的演示文稿的结构也不复杂,但仍要把调试作为一个重要步骤,重点放在检查链接关系和内容排错等,自定义动画效果和模板的更换也可以作为调试的内容PowerPoint中的动画包括预设动画和自定义动画,学生对这些内容都非常感兴趣,也往往容易导致偏离教学目标因此,这一部分的教学要引导学生形成两方面的认识围绕主题,信息内容的正确是最主要的;形式必须为内容服务在进行整体调试时,学生往往会表现出两个极端,有的无所事事,面对制作的作品找不出什么可以操作的东西,或者感觉某一方面有问题,但是调整以后效果变差,从而对反复操作感到厌烦教师在这时要加以正确的引导,培养学生精益求精的意志和品质建议教师从以下几方面对学生加以引导★调试的重要性★从哪些方面进行调试★如何增加作品的动感3共享和交流演示文稿在演示文稿的制作过程中,有时引用了制作所使用的计算机中特有的资源,如字体等 P12-14 附录常用多媒体制作工具简介各种多媒体著作工具都提供从外部导人图片、声音、视频、影片及其他对象,利用其所附带的辅助工具进行编辑,以及将各种素材集成的功能,不同的软件有不同的特色,从而适用于不同的场合1.DireetorDirectot是Macromedia公司开发的交互式多媒体创作工具,其主要特色是吸收、继承并借鉴了传统影视技术的一些手法,例如,在Director中使用舞台、角色、影片来表示多媒体系统中的界面、媒体对象和作品,方便用户理解和设计作品中的“情节”主要特色有简单直观几乎所有的功能都提供与之对应的浮动窗口,每个角色、窗口及快捷菜单都有共同的部分,初学者也能很快掌握并制作出赏心悦目的作品功能强大可以将媒体素材和三维界面、数据库访问和因特网链接技术集成于一个多媒体作品中应用广泛可以创建动画、游戏、广告以及多媒体演示系统等,其生成的Shockwave影片可以被浏览器的插件下载并播放,在网络上也得到了良好的应用,已经成为因特网的一种多媒体视频标准面向对象提供独特的Lingo脚本,对作品进行强大的编程控制2.ToolBookToolBook继承和借鉴的是平面印刷,其作品是由若干“页”组成的书Book,一个作品由一或多本书组成,主要应用于交互式学习、标准化考试和多媒体查询系统等主要特色有强大的程序功能利用面向对象和事件驱动程序设计环境,通过建立对象和定义对象的行为,很容易就实现了程序的控制模板和著书专家使用著书专家功能,可以用最少的操作,从系统提供的模板中选择版式和布局、背景和配色,且自动生成所需要的超链接交互式附件是一种预先编程的通用模块,只需拖放操作就可以实现相应的功能附件包括问题类型、运动按钮、媒体片断、导航等若干目录以制作测试学生理解能力的作品为例,使用多项选择、真假判断、填空、匹配、排序等问题类型,通过设定成绩分数、最大值、响应时间、回答次数等问题参数就可以完成作品目录中的交互式附件可以由用户建立或修改,从而使软件更适合特定的应用并逐步趋向个性化课程管理系统包括管理者访问程序和学习者访问程序,既可以在单机上运行,也可以在网络上运行管理者访问程序用于管理学习者和课程、检查并跟踪课程的学习进度等,学习者访问程序用于选定和访问课程、显示学习进度和成绩等数据库功能ToolBook具有多媒体著作工具中最强的数据库功能,包括内嵌的Paradox和Dbase数据库引擎,并能利用数据库接口访问所有遵循ODBC标准的数据库3.AuthorwareAuthorware吸收和借鉴的是程序设计的思想和方法,它是一种基于图标和流程线结构的工具,提供丰富的函数和程序控制功能,将程序设计语言和多媒体著作有机地融合到了一起主要特色有知识对象封装了一些事先创建的交互程序、函数、课程结构或学习策略,从而提高了交互式多媒体学习程序的创建效率库和模块库是设计图标的集合,将包含显示图标、交互图标、计算图标、数字电影图标和声音图标的一个设计图标存储在一个库文件中,当修改库中的某一图标时,引用该库的应用程序将自动更新;模块存储的则是一段流程,应用程序引用它时采用嵌入模式而不是链接关系可以在流程线上修改而不影响原模块中的内容应用库和模块都可以提高效率和复用性,节省存储空间图标批处理一次操作可以修改流程线上的多个图标的属性网络支持采用“流”技术解决项目文件在因特网上分发时的速度和带宽问题另外,网页也是一种多媒体作品,随着多媒体技术和因特网的结合,网页的多媒体性越来越强,所以,常用的网页设计工具也可以用于多媒体作品的制作第六章网页制作基础 网页是网站的基本组成,要想制作网站,必须学会制作网页有关网页制作的内容很多,不可能在短短的几课时内介绍完全,本章主要介绍网页制作的基本操作,包括网页中文字和图片等基本元素的编辑、网页的版式与布局技巧、网页中的超链接等,为下章的网站设计与制作奠定基础本章的学情分析可从以下几方面考虑1.对于小学阶段能正常开设信息技术课的学生而言,此部分内容比较简单,教师可以依照教材的顺序进行教学2.对于网页制作是零起点的学生来说,要在规定课时内完成本章内容,会存在一定的难度教师需要结合补缺内容和学案进行相应的指导3.对于所有学生而言,进入初中后已经学习了文字编辑、图片处理、文件操作、资源管理、网络的基本知识、演示文稿中的超链接等内容,很多知识都可以迁移到本章来本章内容共分三节,每节都以一个小主题展开,然后围绕该主题制作一个相关的网页三节的内容既独立又有一定递进关系本章的最后设置的综合实践的板块,是对本章所学内容的综合练习,各学校可以根据自己的实际进行选择性教学本章的重点是网页的版式与布局技巧、书签类型的超链接本章的难点是网页的布局、书签超链接本章参考课时3~6课时第3节可以根据各地实际教学情况,适当增加1课时综合实践2课时第1节网页的创建1.教学目标知识与技能★了解网页模板的作用★能根据需要选择合适的模板快速创建网页★会对网页的内容进行编辑过程与方法通过创设情景,激发学生的学习兴趣通过制作一个简单的网页,掌握网页制作的一般过程情感态度与价值观★体验网页模板在制作网页时的快捷★体验使用网页进行信息交流的乐趣2.重点和难点重点是使用FrontPage2000自带的模板创建网页,并对网页进行编辑;难点是网页中图片的插入与编辑
二、教法设计本节是网页制作的第一课,虽然有的学生在小学已经接触过,但掌握得并不熟练因此教师不能太放手,而要加强指导,尤其是学法指导教师引导学生使用网页模板来创建网页后,指导学生按照网页制作的过程,完成本节课的学习任务最后要引导学生总结使用模板快速创建网页的特点及基本步骤
三、教学建议
1.导入新课(情景创设)如果绝大部分学生在网页制作方面是零起点,引入时可以演示一睦学生自己制作的网页(本校学生制作的,更有影响力;也可以采用全国中学生电脑作品大赛的获奖作品),引起学生的兴趣,然后切入本节的内容;也可以通过对比的方式,突出网页模板的作用,然后让学生尝试用网页模板创建网网页
2.补缺如果学生从未制作过网页或者不熟悉FrongPage2000界面,需要先为学生补充介绍,为后面的学习扫清障碍3.实践导引在实践中,要允许学生自主选择网页模板和主题,但教师要适时引导学生对网页美观的认识1用模板快速创建网页此处要强调“使用模板创建网页”的操作方法执行“文件/新建/网页”菜单选项指出使用常用工具栏上的“新建网页”按钮创建的网页其实是使用了“普通网页”模板2编辑网页内容本环节主要包括以下内容,★网页中文字的编辑此部分内容比较简单,教师可以不用特别强调,学生可以迁移word中所学的知识来完成,对于个别基础差的学生则进行个别指导★网页中图片的编辑首先要向网页中添加图片添加“来自文件”的图片时,其操作方法和Word中添加图片的方法有所不同教师可以引导学生在下面的“图片”对话中查找相应的按钮 其次是图片属性的设置网页中的图片属性设置项目较少,主要有图片的大小、对齐方式、边框粗细等,至于如何控制图片的位置,如果有学生提及,也不用讲解,从而为下节“网页的布局”埋下伏笔此处要注意教给学生“设置对象属性”的常规方法,即右击对象,在快捷菜单中选择相应的命令3预览并保存网页预览网页有两种方法使用“预览”按钮和“在浏览器中预览”按钮,注意从按钮的位置、预览效果等方面进行比较,如果网页内容发生了改变,使用第二种方法会提示是否保存网页并对图片进行嵌入式保存4.评价建议.建议从以下几个方面进行评价,而且宜粗不宜细1是否完成了一个网页2网页中的文字和图片是否与主题相关3网页是否美观5.助力通过阅读“常见的网页制作工具”,可以开拓学生的视野;为了将来网页发布后能获得比较好的视觉效果,让学生一开始就了解文字的编排技巧,并应用于网页制作中6.加油图片很大时,放在网页上会影响网页的美观,发布网站后也会影响到网页的打开速度,因此要使用缩略图如果教学时问允许,此部分内容也可以放在教材正文中讲解 练习参考 1.A2.A,B,C3.D 4·启动搜索引擎如WWW.baidu.com,www.google.com等,使用“网页模板,为关键字进行搜索并下载 网页的创建学案学习者姓名 第一环节准备工作1.在教师指定的位置新建一个文件夹,以保存网页和网页中的图片等元素你新建的文件夹名称是 写出完整路径2.启动FrontPage2000,熟悉操作环境FrongPage2000编辑环境提供了6种试图,分别是——、——、——、——、——和——编辑网页应该在视图下进行在网页视图方式下,单击——标签可直观地进行网页的编辑,单击——标签可直接编辑HTMI代码,单击——标签可观察网页在浏览器中的效果第二环节用模板创建网页1.用模板创建网页使用的菜单项是2.你使用的是——模板3.你的网页内容的主题是 第三环节 编辑网页内容1.必学1将网页中的文字换成与主题相关的内容2设置文字的字体、字号和颜色3至少插入一幅“来自文件”的图片体会与word中插入图片的不同之处4设置图片的属性右击图片,选择“图片属性”命令,在“外观”选项卡中设置图片的对齐方式和边框粗细2.拓展制作缩略图使用的菜单项是___________3.探究能不能设置图片与周围文字的环绕方式你得到的结论是_________________第四环节预览并保存网页1.预览网页通常可以采用下列两种方式预览网页1在“网页视图模式”下,单击___________标签2使用常用工具栏的___________按钮2.保存网页保存网页时,如果网页中有新增的图片,则会出现______对话框图片一般保存在文件夹中你保存的网页文件名是,网页文件的扩展名是_________________第五环节体会你觉得使用模板创建网页的优点和局限各是什么 第二节网页布局 1.教学目标知识与技能★了解常见的网页版式★知道表格在网页中的作用★会用表格规划布局网页过程与方法通过欣赏、解剖典型的网页版式,知道表格是布局网页的主要手段通过设计制作一个网页,掌握用表格布局网页的方法3.重点和难点重点是网页版式的设计和表格的建立难点是正确设置表格的属性本节包括两部分内容网页的版式和用表格布局网页前者是新知识,后者可以迁移文字处理中的表格的相关知识为了避免分散学生的注意力,提高课堂效率,教师课前最好下载一些典型版式的网页分栏效果明显的、封面型的,让学生自由浏览,然后归纳总结;教师也可以直接演示,引导学生总结接下来,可以让学生自己尝试用表格布局指定的网页版式如教材中的样例,如果时间允许,还可以填充网页的内容
三、教学建议1.导入新课可以从使用网页模板创建网页的局限性人手,引入如何从零开始自行规划设计网.页;或者从“如何定位图片在网页中的位置”人手,引人表格在网页规划中的作用;或者展示两个网页其中,一个是用表格布局的,另一个是没有使用表格布局、页面很杂乱的,让学生对比,指出哪个网页好,然后教师指出网页整齐的原因是使用了表格布局网页2.实践导引1欣赏常见的网页版式网页的布局离不开网页的版式很多与网页制作相关的书上都把网页的版式归纳为以下几种同字型、国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,但是,这些表述很不直观,学生理解起来难度很大因此,教材在网页的版式上做了一些处理,分为分栏式和封面型两大类,分栏式又可以细分为一栏式、两分栏式、三分栏式等这样处理,对于“网页的版式”是零起点的初中学生来说,就容易接受得多对于初学者而言,网页的版式分类宜粗不宜细对于那些变化型的很艺术的网页版式,教师可以提及,也可以鼓励学有余力的学生去做,但不是教学的重点此部分内容建议以浏览的方式进行归纳总结2使用表格布局网页在引导学生归纳出网页的常见版式后,让学生启动Frontpage,打开这些网页,带着以下问题对网页进行“解剖”★为什么网页中的内容很整齐★为什么网页中的图片可以在网页的任意位置★为什么在浏览网页时看不见表格的边框让学生用表格布局网页时,注意从以下几方面进行指导★为便于排版,一个网页从上到下可以用多个表格进行布局比如水平式的导航栏可以使用一行多列的表格★单元格的拆分与合并★区分表格和单元格的属性设置,例如表格和单元格的对齐方式、背景颜色等★鼓励并指导学有余力的学生使用表格的嵌套,但层数不能太多4.评价建议本节建议从以下几方面进行评价★是否使用了表格布局网页★表格的边框是否设置为隐藏★是否会拆分、合并单元格★是否会正确设置表格和单元格的常用属性,如对齐方式、背景颜色等5.助力学生只有了解了一个网页的栏目组成后,才能有目的地布局网页在学生知道了网页的常见版式后,可以进一步让学生了解这部分内容,方式可以是学生自学,也可以教师演示6.加油目前有不少网页是采用了框架结构,尤其是一些教程学有余力的学生可以进行尝试,体会框架的特点
四、练习参考1.首页、公司简介、2.网页版式的类型拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等各种版式与分栏式的转换略 第二节网页布局学习者姓名 第一环节欣赏常见的网页版式常见的网页版式有_________、_________等第二环节用表格布局网页一个网页通常岉_____________、______________、____________、_________、______________等栏目执行_______________菜单命令,可以插入一个表格需要隐藏表格的边框线时,应将表格的边框线粗细设置为_______________第三节关联信息—超链接
1.教学目标知识与技能知道超链接的作用及组成要素了解超链接的种类会根据需要设置书签超链接过程与方法通过观察网页中的超链接类型,了解超链接的组成要素;通过亲手制作书签超链接,掌握创建超链接的一般方法情感态度与价值观培养学生观察现象、归纳总结问题实质的能力2.重点和难点重点是超链接的组成要素及创建超链接的一般方法难点是书签超链接的设计与创建
二、教法设计超链接是网络中信息关联的纽带有关超链接的作用,在初中第一册已经介绍过,本节主要剖析超链接的组成要素,并让学生学会创建超链接的一般方法选定链接源,指定链接目标为了让学生更加全面地了解超链接的种类,教师课前要搜集包含各种超链接的网页,让学生浏览并总结,也可以通过教师演示、引导学生总结出超链接的组成要素链接源和链接目标,然后根据链接源和链接目标来划分超链接的总类,归纳出书签超链接的作用接下来,指导学生创建书签超链接
三、教学建议
1.导入新课课前,教师以学校或国内最近发生的重要事件如学校“最受学生欢迎的教师评选”揭晓、“感动中国,,评选揭晓、体育赛事等为素材制作两个简单的网页,使用图片超链接链接起来课堂上,演示该网页,指出超链接的作用关联相关信息,进而引出本节课的内容如何创建书签超链接在创建的过程中,鼓励学生多尝试、多观察、多总结为了提高课堂效率,建议提供半成品供学生操作2.实践导引2使用书签超链接提供阅读检索为学生提供半成品可以是课本上的样例,也可以教师自己准备注意进行以下几方面的指导★什么是书签★书签超链接的适用情形一个网页的内容太多,长鹰超过一屏★创建书签超链接的步骤3.评价建议
(1)老师对学生进行过程评价是否以积极的态度尝试本节课的内容并进行总结
(2)作品评价建议从以下几个方面进行是否使用了书签超链接书签的设置是否便于浏览?是否提供了浏览检索导航栏?其位置是否合理?
4.助力此部分内容是创建超链接的基础,建议在引入本课后,引导学生归纳、总结如下知识
(1)超链接的组成要素链接源和链接目标2链接源有哪些3链接目标有哪些4按链接源分,超链接可以分为哪几种5按链接目标分,超链接又可分为哪几种关于URL可以放在创建超链接的过程中介绍5.加油热区超链接普遍应用于电子地图中,创建过程比较简单可以根据学生的情况,选择性学习
四、练习参考1.A 2.D 3.本题没有统一答案,只要学生能说出理由即可建立超链接的部分侧重与文中专业术语的解释
五、参考学案第三节关联信息—超链接学习者姓名 第一环节知识准备1.你认为超链接的作用有哪些___________2.超链接的两大组成要素是______________、________3.按链接源分,超链接有__________、____________两种4.按链目标分,超链接有___________、_________、___________、______________ 等第二环节超链接提供阅读检索1.书签是指________________2.书签超链接适合用在_____________的网页中3.书签的标志是_____________4.创建书签超链接的步骤有哪些第三环节归纳总结创建超链接的一般方法是_________________________ 1.教学目标知识与技能★了解网页模板的作用★能根据需要选择合适的模板快速创建网页★会对网页的内容进行编辑过程与方法通过创设情景,激发学生的学习兴趣通过制作一个简单的网页,掌握网页制作的一般过程情感态度与价值观★体验网页模板在制作网页时的快捷★体验使用网页进行信息交流的乐趣2.重点和难点重点是使用FrontPage2000自带的模板创建网页,并对网页进行编辑;难点是网页中图片的插入与编辑3.教学方法本节是网页制作的第一课,虽然有的学生在小学已经接触过,但掌握得并不熟练因此教师不能太放手,而要加强指导,尤其是学法指导教师引导学生使用网页模板来创建网页后,指导学生按照网页制作的过程,完成本节课的学习任务4.学情分析初二的学生已经具备了基本的文字处理能力和网络浏览能力,对网页并不陌生,但只有少数学生真正系统地学习过网页制作知识5.教学准备提前调查学生阅读过哪些名著最喜欢哪部搜集这些名著的图片、简介、精彩片段,共享于教师的机器上6.教学过程 教学过程教师活动及问题设计学生活动设计目的及时间安排 书是人类的精神食粮同学们阅读过哪些名著给你印象最深刻的是哪部 听了同学们的介绍,老师都想看这些书了最近,学校准备开展一个读书月活动,号召大家多读书,读好书为了让更多的导入人更直观地了解一些好书,这节课咱们制作一个网页,向全校师生介绍一些中外名著 指导学生进行制作前的准备工作一个网页中可以包含图片、声音等元素,因此,有必要为网页建立一个文件夹生A安徒生童话.生B水浒传生C三国 D\建立一个文件夹mztjmztj是“名著推荐”的汉语拼音缩写从学生最熟悉的书入手,引入网页的宣传作用 3’利用模板快速创建网页 问题你制作过网页吗用的工具是什么简单介绍FP和Iw的特点指导学生启动FP指导学生认识FP的环境,着重介绍网页视图的作用说明网页模板的作用指导学生利用模板新建网页指导学生认识网页视网中三个标签的作用,简单介绍HTMI语言 生A FrongPage生B DreamWavel观察FP的图标,启动FP观察FP的环境尝试各种视网效果选择网页模板新建网页用“预览”标签预览网页内容用“HTMI”标签查看网页内容设计目的及时间安排在应用中熟悉.FP的环境 编辑网页内容 利用模板生成的网页,其内容都不符合我们的要求但基本的框架已经有了,我们只需要将文字和图片换成自己的内容就可以了指导学生任何将已经保存在word文档中的文字复制到网页中资源网上邻居\教师机\中外名著 指导学生对图片的属性进行设置1. 输入网页标题2. 打开“网上邻居\教师机\中外名著”的名著,将其中的文字内容复制到网页中相应的位置3.从教师机的“中外名著”文件夹中选择相应的图片插,拓展缩略图的制作提供相关资源,可以提高课堂效率 25‘预览并保存网页 指导学生保存网页,尤其是图片的保存指导学生预览网页1.保存网页2.使用“预览”标签观看网页效果3.使用工具栏上的“在浏览器中预览”按钮,观看网页效果4.体会两种预览方式的区别5‘总结1.利用模板创建网页,有什么优点和缺点讨论2.用模板创建网页的一般步骤是什么总结 2‘●课后反思 第七章网站的设计与制作 网站是集成与发布信息的载体之一本章通过实际设计和制作一个主题网站一“山东特产”网站,以网站制作的一般过程为主线,学习规划、制作与发布网站的一般方法需要说明的是,各地教师在具体的教学过程中,可以采用更切实自己学生的主题比如“最美是家乡”;或者将特产的范围缩小,制作介绍本地特产的网站本章的学情分析可从以下几方面考虑1.学生已经能熟练地进行文件文件夹的新建、移动、复制、删除、重命名等windows的基本操作,初步具备分类存储与管理资料的能力2.具备了从规划希舄网页、填充网页内容到链接网页的一般技能,知道制作网页的一般方法3.会用动画制作软件制作简单的banner广告条,能对图片进行简单的处理4.鼓励能力强的学生另选主题本章内容围绕建设“山东特产”网站这个大主题展开,共分五节,各节内容的安排体现了网站设计与制作的几大步,具有顺序性章的最后设置的综合实践的板块,是对本章所学内容的综合练习,各学校可以根据自己的实际进行选择教学在短短的几课时里,由一个人独立完成一个网站的规划与制作,有一定难度建议采取小组合作的方式进行在开始本章学习之前,教师要对学生进行分组,尽量根据学生的兴趣爱好进行异质分组,同组的同学最好志趣相同,然后兼顾性别、专长等因素,每组3~4人为宜具体办法,可以是学生先自由组合,然后由老师统筹调配本章的重点是网站的规划与制作,难点是网站的规划本章参考课时6~8课时,第3节至少要3课时综合实践2~3课时第1节 网站的筹备1.必备资源本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载泰山出版社网站链接www.tscbs.corn2.参考资源★中国素材网http://www.sucai.corn/初中信息技术教师用书★网页制作大宝库http://www.dabaoku.com/★黄山特产网http://huangshantc.com/ 1.教学目标知识与技能★知道从哪些方面人手筹备一个网站★依据主题,设计好网站的栏目★搜集整理好待建网站的资料过程与方法通过小组合作的方式,对要表达的主题进行分析,划分出几个主要栏目,并围绕这些栏目搜集相关的资料,进行整理和分类存储情感态度与价值观★通过制作以家乡特产为主题的网站,充分挖掘家乡的特产资源,增加学生对家乡的了解,进而热爱自己的家乡★培养学生合作交流的能力2.重点和难点重点是从哪些方面筹备一个网站;难点是确定哪些网站栏目,才能更好地表达主题本节是网站建设的起始阶段,筹备工作充分与否将直接影响到网站的成败,因此要引起学生的高度重视老师要注意引导学生分析利用网站表达信息的特点,并了解从哪些方面着手才能更好的表达主题,引导学生观察、讨论、交流、总结是本课的主要教学方法 第二节 创建网站1.教学目标知识与技能★了解站点的实质★掌握创建站点的方法,知道什么是网站的根目录★会设计并建立网站的目录结构过程与方法通过创建一个主题站点,在资源管理器下观察站点名称,明白站点的实质即站点就是保存在磁盘上的某一文件夹;然后设计并建立网站的目录结构3.重点和难点创建站点、设计并建立网站的目录结构是重点,其中设计网站的目录结构又是难点
二、教法设计在讲网站的实质时,建议教师采用演示法,让学生观察事先下载的网站结构;创建站点时则可以让学生小组合作完成,然后让小组充分讨论,共同设计出网站的目录结构,并以一人为主操作,在网站根目录下建立此目录结构1.导入新课让学生分别以浏览器方式和网上邻居方式访问教师机上事先下载好的网站,从而引入网站的实质,什么是网站的根目录等2.实践导引1创建站点,指定网站的根目录注意从以下几方面对学生进行引导★创建站点时最好不要使用默认的站点位置,最好将站点建立在磁盘的根目录下★用“文件夹”试图查看网站的目录结构★两个默认文件夹“images”和“_private”的用途★从FrontPag环境和资源管理器浏览网站,进一步加深对网站以及网站根目录等概念的理解2设计网站的目录结构网站的目录结构设计是指建立网站时创建的目录,这对网站的维护、内容的扩充和移植都有着重要的影响设计时应注意以下几点★不要将所有文件都放在网站的根目录下,以免造成文件的混乱★一般应该按栏目或内容建立子目录,如images文件夹用于存放图片文件,Audio文件夹用于存放声音文件,Video文件夹用于存放视频资料★文件名不要使用中文建议先让各组在纸上规划好目录结构,再全班交流,看看各组设计得是否合理在磁盘上建立网站的目录结构则比较简单3.评价建议评价项目评价指标小组自我评价用彩笔涂星创建站点站点创建成功★ 站点创建不成功★设计站点目录站点目录设计合理★ 站点目录设计不合理★创建站点目录按规划创建好站点目录★ 未按规划创建好站点目录★ 项目名称评价指标4.助力本节课是学生在计算机上建站的第一课,因此有必要一开始就让学生了解一些建站的规范,本节要关注的是目录结构的规范5.加油让学生了解一些快速建立网站的方法,但要让学生明白其局限性 参考学案 第二节创建网站(学案)合作小组成员 第一环节创建站点,指定网站的根目录
1、 指定网站的保存位置为_____________
2、 网站的根目录是________________第二环节设计网站的目录结构本组设计的网站的目录结构是_____________第三环节创建网站的目录结构在frontpage中建立文件夹,应该在______________视图下进行 第3节制作网页1.必备资源本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载泰山出版社网站链接www.tscbs.com2.首页布局参考资源★新课程教育网http://www.xedu.net,★学习无忧网http://www.51study.net 教材分析1.教学目标知识与技能★熟悉网页制作的一般过程★完成站点中主要网页的制作过程与方法通过规划、制作网站的首页,学会制作网页的一般步骤2.重点和难点在上一章中,已经学习了网页制作的主要知识,本节是对这些知识的综合运用重点要放在如何规划制作一个网站的首页上教法设计设计制作一个精致、美观的网站首页,可以吸引网站访问者的注意力,提高访问者浏览网页内容的兴趣,从而最大限度地发挥网站的作用每个小组按照前面确定的网站主题和栏目设计方案,参照教材示例中的具体方法和步骤,设计制作网站的首页网站中的其他各个栏目的网页,由小组各成员分工完成1.导入新课可以以网站制作的一般过程为切入点,直接引入本节的内容然后复习制作一个网页的一般步骤布局网页、添加网页内容、美化网页2.实践导引1设计网页版式,用表格布局网页根据上一章所学的网页版式知识,小组讨论确定网站首页的版式注意进行以下几方面的引导★网站首页的重要性★网站首页的常见版式★导航栏的位置设计2添加网页元素,设置文本的格式和图片的属性由于网页中插入图片的方法与word中插入图片的方法有所不同,插入网站内的图片和网站外的图片又有差别,所以教师要着重强调,注意根据图片的来源选择不同的方法插入网站外的图片,其操作方法如下第一步执行“插入/图片/来自文件”菜单命令,出现如下的对话框 第二步单击“从计算机上选择一个文件”按钮,从磁盘上选择需要的图片文件注意快捷键“Shint+回车”和“回车”的区别3美化网页美化网页的方式有很多,对网页中的文字进行字体和格式等设置,可以起到美化网页的作用这里主要是从统一网站风格的角度,使用网页背景和主题来美化网页,二者可以应用到网站中的所有网页 制作网页学案合作小组成员 第一环节设计网页版式,用表格布局网页本组网站首页的版式如下第二环节添加网页元素本的格式和图片的属性设置文换行但不分段的快捷键是______________分段的快捷键是________________第三环节美化网页哪些方法可以起到美化网页的作用第四环节总结制作网页的一般步骤是什么第4节链接网页本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载泰山出版社网站链接WWW.tscbs.com
一、教材分析1.教学目标知识与技能★知道常见的网站链接结构有哪些,各自的优缺点是什么★会根据需要设计网站的链接结构★会创建超链接使网站连成一个整体★理解什么是相对链接和绝对链接2.过程与方法通过剖析典型网站的链接方式,了解网站的常见链接结构;运用以前所学的超链接知识,以小组合作方式将网页链接起来3.重点和难点设计网站的链接结构和建立超链接是本节的重点,其中,如何设计网站的链接结构、相对链接和绝对链接是本节的难点
二、教法设计在学习网站的链接结构时,建议采用观察、讨论、归纳等方法;建立超链接时则采用小组合作的方式完成
三、教学建议
一、认知1.导入新课由“网站是由若干网页连接成的一个整体”出发,引出“如何将网页链接起来”、如何设计网站的链接结构”等问题2.实践导引1设计网站的链接结构网站的链接结构是指页面之间相互链接的拓扑结构,它建立在目录结构基础上,但可以跨越目录任何一个网站都离不开超链接课前准备两个典型的小网站比如历届全国中学生电脑作品大赛的获奖作品,引导学生分析、总结以下内容★网站的页面分类首页一级页面、栏目页二级页面和内容页三级页面★网站的链接方式及其优缺点然后结合“助力”资料,小组讨论、设计本组网站的链接结构,再在全班交流2创建超链接先引导学生复习创建超链接的方法选中超链接源,指定超链接目标然后以小组为单位尝试链接网页此处可以介绍超链接的另一种分类方法站点内超链接和站点外超链接创建超链接时默认位置是站点内的文件注意引导学生观察创建了超链接的URL,引入相对超链接和绝对超链接的概念和意义
3. 评价建议建议从以下几方面进行评价:
(1) 网站的超链接结构设计是否合理?
(2) 是否完成了网页的超链接?
4. 助力本资料有助于学生设计网站的超链接结构,旨在让学生养成建站的又一规范“导航设计”
5. 加油为计算机上的文件提供下载时,注意以下几个问题文件超链接适用的情形为网站内的文件提供下载浏览器对超链接的处理方式创建到站点外的超链接,指在延伸网站内容 制作网页学案合作小组成员 第一环节设计网站的超链接结构网站的页面通常分为三级,其中,一级页面指_____________,二级页面指______________________,三级页面指__________________________网站的超链接结构有哪几种类型?___________________本组风站采用的超链接结构是_________________第二环节创建超链接创建超链接的基本步骤是按位置对超链接进行分类,可以分为站点内的超链接和___________下列URL的超链接是绝对超链接还是相对超链接______?http://www.cbe
21.com.cn/index.htm将网站内的所有网页超链接起来拓展尝试为网站内的文件提供超链接下载 第五节 调试与发布站点P42全正确、上传到因特网后无法正确超链接的情况发生超链接主要进行链接有效性的测试,不能有错误的链接对于错误的链接,必须查明原因,并采取与之相适应的措施,加以修改,保证网站内容能被正常访问2.申请网站空间网络是个动态的空间,提供免费个人空间服务的网站变化较快为了提高课堂教学效率,建议教师课前通过因特网查找一些当时仍然提供免费网站空间服务并支持FTP上传方式的网站,为学生提供参考然后以小组为单位,尝试在这些网站上申请免费网站空间课后可以安排学生使用搜索引擎在因特网上自己查找免费空间如果条件不允许,无法在因特网上申请到免费的网站空间,或没有条件购买收费的空间,可以在教师机上安装FTP服务功能,让学生将制作完成的网站上传到教师机上,供大家浏览3.上传网站常用的网站上传方式有“在线方式上传”、“网页制作工具的上传功能”以及“FTP专用工具”等将制作完成的网站,通过FTP方式,上传到已申请成功的免费网站空间,并进行适当的调试,保证网站能否正常运行 评价项目评价指标自我评价 调试网站 内容内无语法错误、图片与主题相关1分 有语法错误、有的图片与主题无关O分超链接超超链接有效正常1分接有无效的超链接O分 申请网站空间 域名、主页空间申请成功1分 域名、主页空间申请不成功o分 上传网站网站上传成功1分 网站上传不成功O分 6.加油为了让更多的人知道自己的网站,离不开必要的网站宣传宣传网站的方法有很多,而且随着网络的不断应用,方法还会不断增加本资料只列出了其中的几种,供学生参考1.检查网页内容,避免出现语句不通、语法错误、图像的选择不符合主题等情况;检查超链接是否正常和有效2.略3.略 参考学桑、 调试与发布站点学案合作小组成员 第一环节调试网站本组对网站进行了哪些方面的调试发现的问题有________________第二环节接网站空间有收费空间和两种申请网站空间本组是从哪个网站申请的免费空间本组申请到的网站空间的域名是______________第三环节上传网站上传网站的工具有哪些__________________本组使用的上传网站的工具是________________________ 《网页的筹备》教学案 1.教学目标知识与技能★知道从哪些方面人手筹备一个网站P44-46附录1网站设计技术规范1.命名规范总体原则以最少的字母达到最容易理解的意义1一般文件及目录的命名规范★每一个目录中应该包含一个缺省的htm文件,文件名统一用index.htm★文件名称统一用小写的英文字母、数字和下划线的组合★尽量以单词的英语翻译为名称例如feedback信息反馈,aboutus关于我们★多个同类型文件使用英文字母加数字命名,字母和数字之间用一分隔例如news_01.htm注意,数字位数与文件个数成正比,不够的用0补齐例如共有200条新闻,其中第18条命名为news—018.htm2图片的命名规范★名称分为头尾两部分,用下划线隔开,如banner—sohu.gif★头部分表示此图片的大类性质例如放置在页面顶部的广告、装饰图案等长方形的图片取名为banner;标志性的图片取名为logo;在页面上位置不固定并且带有链接的小图片取名为button;在页面上某一个位置连续出现、性质相同的链接栏目的图片取名为menu;装饰用的照片取名为pic;不带链接表示标题的图片取名title;依照此原则类推★尾部分用来表示图片的具体含义,用英文字母表示例如bannersohu.gif、banner—sina.gif、menu—aboutus.gif、menu—job.gif、tittle—ews.gif、logo—police.gif、logo—national.gif、pie—people.jpg、pic—hill.jpg等★有onmouse效果的图片,两张分别在原有文件名后加“0n”和“off”命名2.目录结构规范总体原则以最少的层次提供最清晰简便的访问结构★根目录一般只存放index.htm以及其他必须的系统文件★每个主要栏目开设一个相应的独立目录★根目录下的images用于存放各页面都要使用的公用图片,子目录下的images目录存放本栏目页面使用的私有图片”★所有js,ASP,PHP等脚本存放在根目录下的scripts目录★所有CGI程序存放在根目录下的cgi—bin目录所有CSS文件存放在根目录下style目录★所有flash,avi,ramquicktime等多媒体文件存放在根目录下的media目录3.尺寸规范★页面标准按800*600分辨率制作,推荐尺寸为766*430px★页面长度原则上不超过3屏,宽度不超过1屏★每个标准页面为A4幅面大小,即8.5X11英寸★全尺寸banner为468*60px,半尺寸banner为234*60px,小barlner为88*31px另外120*90,120*60也是小图标的标准尺寸★每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K4.网站标志10go★网站必须有独立的标志★标志可以以网站中英文名称设计,也可以采用特别的图案原则是简单易记★标志图片的名称为“logo一域名.gif”,例如logo—sina.gif★尽量提供标志的矢量图片★尽可能在每个页面上都使用标志5.标准字体★网站应该定义一种标准字体指logo上,图片上使用的字体★标准字体原则上定义两种,一种中文字体,一种英文字体不包括文本内容字体必须提供标准字体的名称和字库★尽可能使用标准字体6.标准色★网站应该有自己的标准色主体色★标准色原则上不超过两种,如果有两种,其中一种为标准色,另一种为标准辅助色★标准色应尽量采用216种web安全色之内的色彩7.内容编辑规范★必须遵守我国《计算机信息网络国际联网安全保护管理办法》的规定,任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息★煽动抗拒、破坏宪法和法律、行政法规实施的;★煽动颠覆国家政权,推翻社会主义制度的;★煽动分裂国家、破坏国家统一的;★煽动民族仇恨、民族歧视,破坏民族团结的;。