课时备课第1页共42页第1课时年级授课教师课题网页DIY快车课型新授教材简析教学内容采用叙述性的语言,贴近学生生活,以“任务”驱动,以实例为导向,在分析问题、解决任务的过程中,循序渐进的完成知识的传授和技能的训练。巩固练习的内容是对知识技能掌握以后的实践应用。教学目标知识目标1.了解FrontPage2003的功能2.熟悉FrontPage2003的界面,并与WORD、POWERPOINT及EXCEL三软件进行比较。能力目标启动网页快车FrontPage认识窗口保存情感教育目标培养学生热爱电脑学习电脑的兴趣教学重难点★为重点▲为难点FrontPage2003的界面教学策略与方法师生互动,讲练结合。教学媒体多媒体转播系统、WORD、FORNTPAGE教学流程教师活动学生活动设计意图引课:你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你就该学会制作自己的主页了。课时备课第2页共42页教学流程教师活动学生活动设计意图认识FrontPage2003我们来认识一下FrontPage2003的操作界面:FrontPage2003与我们前面学过的WORD、POWERPOINT、EXCEL非常类似,我们来把FrontPage2003的界面划分成两半,上部分叫控制窗,以下的叫制作窗。控制窗包括常见的那些“文件,编辑”菜单,虽然看上去挺多挺复杂,但是它大部分常用的命令都归到了下面一栏的按纽栏中去了。你看,在流行图形操作界面的今天,我们是多么地幸福啊:)下面一栏为属性栏,我们可以用这栏来定置文字和图片的属性等等。制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧,你可以在上面写字(用键盘打字)和画画(插入图片),具体操作我们将在下几章学习。编辑区左下角有三个按纽,我们把它们叫做切换按纽:点“普通”按纽,就会出现默认的编辑区。点“HTML”按纽,编辑区就会变成一个满是英文(?!)的窗口,我们可以在这里编辑HTML,但是对于初学者,笔者不建议你去乱动。做好了网页的时候,我们可以点一下“预览”按纽来观看自己做的网页,不满意可以再点“普通”按纽回到编辑区修改。另外当你第一次运行FrontPage2003的时候,你会看到编辑区左边会有另外的一栏,灰色的,上面有几个按纽,它叫“视图”栏。它可以让你更方便地查看网页的大小,连接等等。但是有时我们会觉得它妨碍了我们的工作,使编辑区课时备课第3页共42页教学流程教师活动学生活动设计意图输入文字保存网页看起来很窄很不舒服,为了不让它妨碍我们工作,我们可以点击控制窗菜单栏里的“编辑→视图”,使它消失,要使用的时候再重复点击一次使它出现,很方便。认识了这位新朋友之后,我们来看一些如何输入文字。根据我们以前学过的指示,我们应在那里输入文字?如何输入?我向大家肯定会想到,那就实验一下吧。完成输入后就该保存我们的网页了,回想一下我们在保存word文当时是怎样做的,哪位小勇士能为大家展示一下?现在我们就把自己的网页存好吧。学生动手操作上台操作板书设计教学反思课时备课第4页共42页第2课时年级授课教师课题文字大变身课型新授教材简析本课的内容再word和ppt的学习中基本上都已经接触过,所以要留给孩子们更多的空间自己学习教学目标知识目标1.打开以保存的网页2.学会设置网页中文字的字体和颜色3.学会预览网页效果能力目标进一步提高自学能力情感教育目标提高自身的审美素养,能够科学的合理的浏览健康的网页,正确使用网络教学重难点★为重点▲为难点★▲文字的字体和颜色的设置教学策略与方法小组协作,自主探究教学媒体多媒体网络教学流程教师活动学生活动设计意图激情引入大家先来看看老师做的一个简单的网页跟你们上节课做的有什么不同啊今天老师就来跟大家一起将你们的文字变得跟老师的一样漂亮好不好首先大家先进入word2000任意输入一段文字,然后将这段文字的字改编成自己喜欢的颜色大小和字体,看谁做得做的又快又漂亮回答:文字漂亮多了小组评比通过新鲜的内容刺激学生感官,引发学习兴趣课时备课第5页共42页教学流程教师活动学生活动设计意图自主探究大家采用了什么方法呢通过刚才的练习,能不能自己想出办法让网页的字也变得漂亮展示学生作品同学们注意看在工具栏上有几个按钮,他们是做什么的呢(投影屏幕指出相关的按钮)自己研究一下,再跟小组的同学讨论同学们还我们以前学的段落的设置吗,在FrontPage2003也是一样的自己尝试将自己的网页设置的更漂亮巡视网页做好了让我们欣赏一下最后的效果吧单击窗口下方预览的标签就可以了如果发现什么问题,可以再单击“普通”标签返回编辑界面继续进行修改列举方法小组讨论,找出方法讲解找到的方法自主探究小组代表回答动手操作预览效果自主探究,在学习的过程中锻炼能力板书设计第二课文字大变身字体段落格式按钮教学反思课时备课第6页共42页第3课时年级授课教师课题缤纷新世界课型新授教材简析教学内容采用叙述性的语言,贴近学生生活,以“任务”驱动,以实例为导向,在分析问题、解决任务的过程中,循序渐进的完成知识的传授和技能的训练。巩固练习的内容是对知识技能掌握以后的实践应用。教学目标知识目标学会插入水平线学会设置网页背景学会套用主题能力目标培养学生自我探索、自主学习的能力和自我创新、团体协作的能力。情感教育目标让学生自我展示、自我激励,体验成功,在不断尝试中激发求知欲,在不断摸索中陶冶情操。教学重难点★为重点▲为难点★学会插入水平线;学会设置网页背景▲学会套用主题教学策略与方法小组协作,自主探究教学媒体多媒体网络教学流程教师活动学生活动设计意图新课导入在制作网页的过程中,为了使网页条理清晰,通常在标题与正文之间插入一条水平线。水平线的颜色、粗细可以自由设置,插入水平线也可以美化网页。课时备课第7页共42页教学流程教师活动学生活动设计意图二讲授新课一插入水平线做一做,在你的网页中插入一条水平线1.打开网页,将光标定位到标题与正文之间的空行上,单击插入菜单中的水平线命令,网页中就插入了一条水平线2.双击水平线,弹出水平线属性对话框,为水平线设置适合的宽度、高度、对齐方式和颜色,单击“确定”二给网页穿上漂亮的外衣给你的主页添加一幅好看的背景1.单击格式菜单,选择其中的背景命令2.在弹出的网页属性对话框中勾选“背景图片”,单击浏览按钮,在弹出的选择文件对话框中选择好背景图片,单击确定按钮,返回网页属性对话框,再单击确定注意:如果没有合适的背景图案,也可以为网页设置你喜欢的背景颜色三我的网页主题利用软件提供的“主题”功能,为你的网页套用“秋叶”风格的主题背景1.单击“格式”菜单,再单击“主题”命令2.在弹出的“主题”对话框中选择秋叶主题,单击确定课时备课第8页共42页教学流程教师活动学生活动设计意图做一做用你已经掌握的知识继续修饰网页1.对网页的标题套用“标题1”格式,方法是:将光标定位到标题文字处,在格式工具栏中选择标题1样式2.对剩下的文字套用“标题4”格式,保存你做的修改板书设计教学反思课时备课第9页共42页第4课时年级授课教师课题在线图画展课型新授教材简析教学内容采用叙述性的语言,贴近学生生活,以“任务”驱动,以实例为导向,在分析问题、解决任务的过程中,循序渐进的完成知识的传授和技能的训练。巩固练习的内容是对知识技能掌握以后的实践应用。教学目标知识目标1.学会在网页中插入剪贴画2.学会插入来自文件的图片3.学会设置图片格式学会制作“自动缩略图能力目标培养学生自我探索、自主学习的能力和自我创新、团体协作的能力。情感教育目标让学生自我展示、自我激励,体验成功,在不断尝试中激发求知欲,在不断摸索中陶冶情操。教学重难点★为重点▲为难点插入来自文件的图片1.设置图片格式2.制作“自动缩略图教学策略与方法小组协作,自主探究教学媒体多媒体网络教学流程教师活动学生活动设计意图一插入剪贴画做一做打开“huazhan.htm”文件,试着在网页中插入剪贴画教学流程教师活动学生活动设计意图课时备课第10页共42页二个性图片展示三让图片变得更漂亮四自动缩略图练一练在你的网页中插入你喜欢的剪贴画,注意将这些图片正确保存做一做打开“huazhan.htm”网页,帮涛涛插入来自文件夹的个性图片1.将光标定位到要插入图片的位置,单击菜单栏上的“插入”,再单击图片子菜单中的来自文件命令2.在弹出的“选择文件”对话框中选择图片文件,单击确定做一做去掉图片的背景,让网页更加美观1.选中图片,打开图片工具栏,单击设置透明颜色按钮,再单击一下图片中的棕色背景,将棕色设置为透明2.出现如下图所示的提示框,单击确定3.继续插入好看的图片,完成涛涛的画展网页练一练在你的网页中插入一副来自文件的图片,并将它的背景色设置为“透明”,对齐方式设置为右对齐但我们要制作一个类似图片索引的网页时,可以在这个网页中放置很多张小图片作为索引,当浏览者教学流程教师活动学生活动设计意图课时备课第11页共42页对某张图片感兴趣时,他可以先单击小图片,再从弹出的新窗口中浏览清晰的大图片,这些小图片就称为“缩略图”。用frontpage可以轻松是实现“自动缩略图”功能做一做为“涛涛的画展”网页中的图片制作“自动缩略图”1.选择“工具”菜单中的“网页选项”命令2.在弹出的“网页选项”对话框中单击“自动缩略图”选项卡,按你喜欢的方式设置缩略图的格式,单击“确定”按钮3.选定需要制作缩略图的图片,单击图片工具栏上的自动缩略图按钮。用此方法为其他两副图片设置缩略图。最后,你可以通过尺寸控制点调整缩略图的大小。4.切换到预览状态,单击任意一副缩略图,就可以切换到放大图片窗口了练一练板书设计教学反思课时备课第12页共42页第5课时年级授课教师课题动感新地带(一)课型新授教材简析教学内容采用叙述性的语言,贴近学生生活,以“任务”驱动,以实例为导向,在分析问题、解决任务的过程中,循序渐进的完成知识的传授和技能的训练。巩固练习的内容是对知识技能掌握以后的实践应用。教学目标知识目标1.学会插入滚动字幕2.学会在网页中插入悬停按钮能力目标培养学生自我探索、自主学习的能力和自我创新、团体协作的能力。情感教育目标让学生自我展示、自我激励,体验成功,在不断尝试中激发求知欲,在不断摸索中陶冶情操。教学重难点★为重点▲为难点在网页中插入悬停按钮教学策略与方法教师讲解演示,指导学生自学,探索合作教学媒体多媒体网络教学流程教师活动学生活动设计意图一游来游去的字幕我们时常可以在电视屏幕下方看到一行缓缓移动的文字,称作滚动字幕,滚动字幕通常用来发布一些通知或重要说明。在网页中,也可以实现“滚动字幕”效果。课时备课第13页共42页教学流程教师活动学生活动设计意图二闪烁的按钮做一做在网页中插入滚动字幕:“欢迎光临涛涛的个人画展!”。1.打开“huazhan.htm”,将光标定位在需要插入滚动字幕的位置,单击“插入”菜单“组件”子菜单中的“字幕”命令2.3.在弹出的“字幕属性”对话框中设置文本内容、字幕滚动的方向和速度,最后设置滚动字幕的表现方式和文本对齐方式4.在“重复”栏中勾选“连续”,在背景颜色下拉列表中选择滚动字幕的背景颜色5.设置完毕,单击确定6.单击窗口左下方的“预览”标签,或单击“文件”菜单中的“在浏览器中预览”命令,打开浏览器窗口,就可以看到“欢迎光临涛涛的画展!”这几个字在网页中从右向左滚动的效果了做一做在网页“huazhan.htm”上设置悬停按钮,将它链接到“katong.htm”网页上1.将光标定位到滚动字幕下面,设置该段落的对齐方式为“居中”对齐课时备课第14页共42页教学流程教师活动学生活动设计意图2.单击插入菜单组件子菜单中的悬停按钮命3.弹出“悬停按钮属性”对话框,在按钮文本框中输入“我喜欢卡通”,单击浏览按钮,选择“katong.htm”网页文件与之链接,再设置好“按钮颜色”、“背景颜色”、“效果”和“效果颜色”等参数,单击“确定”按钮板书设计教学反思课时备课第15页共42页第6课时年级授课教师课题动感新地带(二)课型新授教材简析教学