八年级下册信息技术课程教案清华版.doc

举报
资源描述
-/ 课 题 第一课 新手入门—网站欣赏与创建网页 第一周 教学目标 1、【知识与技能:】 (1)、通过操作练习,掌握互联网、网页与首页、网站等网页设计与网站制作的基本知识; (2)、通过操作练习,会使用记事本作为网页编辑工具来编辑HTML代码并生成网页; (3)、掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的关系。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法; 3、【情感态度与价值观:】 (1)联系生活实际,学习制作网站的基本知识,激发学生的学习兴趣。 (2)学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。 教学重、难点 重点:网页设计与网站制作的基本知识是本课的教学重点。; 难点:使用记事本作为网页编辑工具来编辑HTML代码并生成网页技巧是本课的难点。 教 学 时 数 一课时 教法及教具 教法:任务驱动。 教具:多媒体 主教案 副教案  (一)激趣导入: 教师展示新浪、搜狐等门户网站首页,引导学生根据经验感受作出建构自己的问题情景,如:什么样的网页才是好看的?怎样设计才算有特色?教师适时提出:这样的网页我们也能制作,你们想不想制作一个属于自己个性网页?那好,我们立刻行动。从而引出课题,把任务的重点和要求,以及需要注意的地方告诉学生,使学生明白本节课要完成的内容,有目的,有重点的进行学习。 (二)自主学习:本环节以任务驱动式展开分层教学。 任务一:网站欣赏 以小组为单位,打开IE浏览器,浏览网页并收藏好就最喜欢的一个网页。 由我来通过屏幕广播方式演示示范操作过程,让学生们观看我操作过程和方法?给学生5分钟,在学生自己在计算机上完成任务后,教师对操作过程中的问题加以强调、说明,同时肯定学生的操作能力。 任务二:网页设计与网站制作的基本知识 在这一环节里我设计让学生通过自己的理解,同桌交流以及我及时必要的补充,完成书中设定的任务:了解互联网、网页与首页、网站等知识。 任务三:我的第一个网页是这样成功的。 关于HTML语言认识,给学生2分钟时间,阅读教材中“视野拓展”中的内容。 由教师示范:打开网页素材,在记事本里复制并粘贴素材文件中提供的HTML代码,命名并保存文件,然后在浏览器中进行预览。鼓励有余力的同学通过“视野拓展”板块进行自学,并能独立完成“创作天地”中的练习。 (三)合作交流: 本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以小组为单位,在学习了以上内容的基础上,完成本组的一件个性作品。 (四)展示评价:在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。 在最后,我大约用5分钟的时间进行小结和作业布置。协作完成“创作天地”的练习。 五、评价: 本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。   教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第二课 轻松上路—规划网站及创建站点 第二周 教学目标 1、【知识与技能:】 (1)、通过学习,了解站点的开发流程,能够设计简单的站点; (2)、通过学习能够熟悉Dreamweaver cs5的界面认识和操作; (3)、通过学习,学会利用学会利用Dreamweaver cs5创建站点。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法,提升学习能力; (3)、能有效的利用课堂时间,积极融入合作、交流、探索的学习过程。 3、【情感态度与价值观:】 (1)、在探究过程中激发学生学习开发网站的兴趣; (2)学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。 教学重、难点 重点:了解网站制作的基本知识,并制作一个简单的网页; 难点:理解网站的开发流程和认识Dreamweaver cs5 教 学 时 数 一课时 教法及教具 教法:讲解法、练习法。 教具:多媒体网络教室 主教案 副教案  一、课程导入 开发一个网站是一个相当来说比较繁杂的过程,对于一个网站而言,要有一个总的战略规划和目标。在做一个网站前,要有一个全盘的考虑。我们知道一个房子一旦地基没有打好,是要拔了重新盖,我们做网站也是一样,如果你前期规划做的不好,后面的工作就意味着白辛苦。这节课我们以“安全自护我能行”为主题来进行网站规划和创建站点。 二、新课讲授 1.了解网站开发流程 (1)网站需求分析 一个网站在设计前,就应该考虑网站规模多大,就是多少个页面,每个页面的大体内容是什么,要用到那些素材,有那些导航,做较大一点的网站尤为如此。还要考虑以后会有什么改动,还要增加那些网页,尽量让以后的改动尽可能的小。网站的需求分析所用的时间应该占到总开发时间的一半以上。 ①确定网站主题 写作文要围绕中心思想去写,做网站要围绕主题去做。个人主页、休闲、体育、教育、新闻、娱乐、购物、健康等等,不管那类网站,都不能脱离自己的主题,必须表现个性,表现出特色才能给人留下深刻印象,让人流连忘返。 ②收集素材 我们在这所说的素材就是你的网页上要用的各种素材,主要包括:文字、图片、动画、音频、视频等。在网站主题明确后,就应该把素材准备好,当然是越充分越好。不要等到用的时候到处去找,那就影响效率了。 ③规划站点 站点规划是需求分析中最重要的一个环节,包含很多方面的内容。我们上节课看了一些别人做的网站,相信大家都多多少少了解一些:栏目设置、颜色搭配、图文的应用等等。只有把这些内容都考虑全面了,制作的时候你的速度就快。否则就等着不停的返工吧。 (2)设计制作网站页面 页面制作要先大后小,先粗后精。就是先要把每个页面要放什么内容,按什么结构先做一个大概,所有页面的大概都做完后,再去完善和细化。 (3)网站的发布 需要域名和网页文件的存放空间。 2.利用Dreamweaver8创建站点 (1)启动Dreamweaver8 简单的进行界面介绍 (2)创建站点 步骤参见书上第12页 3.做一个简单的网页 要求图文并茂 三、学生练习 学生小组合作完成任务,并将任务上交到教师机。 四、作品评价 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、本课小结 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第三课 开篇之作——基于表格的页面布局 第三周 教学目标 1、【知识与技能:】 (1)、通过学习,能够创建和打开站点,理解站点的意义; (2)、通过操作练习,学会有效的整理和利用素材; (3)、通过操作练习,能够创建网页和合理的选择页面类型; (4)、通过操作练习,掌握对表格属性的相关设置; (5)、学会测试网页。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、能够仔细倾听同组同学及其他的发言,体验合作学习的过程和方法; (3)、能在学习中,体会网页布局是网页设计的重点之一。 3、【情感态度与价值观:】 (1)通过学习,对比感知自己和好的网页设计者之间的差距,从而激发学习动力; (2)通过本课学习展示自己作品及学生和教师的点评,体验成功的感觉,肯定自己的价值。 教学重、难点 重点:能够对表格属性进行熟练的设置。 难点:使能够对表格属性进行熟练的设置。 教 学 时 数 一课时 教法及教具 教法:讲解,学生练习。 教具:多媒体网络教室 主教案 副教案  一、课程导入 一个网站的规划设计完毕了,接下来的工作就是网页设计。我们知道一个网站的首页就像一本书的目录一样,我们做网站也一样,要先把首页确定下来。我看了我们上一周做的网页,有些同学想发挥点创意,但发现页面布局很乱,图片文字乱七八糟堆放在一起。这节课我们就来学学怎样对页面布局进行控制。在这之前我们先来看看别人的首页是怎么做的。(查看事先准备好的示例网页,分析表格在该页的作用) 二、新课讲授 (一)复习创建站点的步骤。 1.在D盘新建一个文件夹,作为站点文件夹。 2.打开Dreamweaver8,单击“站点”菜单下的 “新建站点”命令。 3.新建站点(步骤略,参加课本p12)。 (二)创建网站首页 1.整理素材 (1)右击“文件”面板中站点名“站点-安全自护我能行D:\safe”,在弹出的快捷菜单中执行“新建文件夹”命令,然后将文件夹命名为images。 (2)将首页素材图片index.gif,复制粘贴到images文件夹中。 (3)在safe文件夹下新建一文件夹other,将flash动画素材整理到other文件夹中。 2.创建并保存首页 (1)单击 “文件”->“新建”命令,选择“常规”,在“基本页”列表框中选择HTML选项,单击 “创建”按钮,即建立了一个空白页。 (2)执行“文件”-> “保存”命令,保存名index.html,默认保存路径是站点的跟目录。注意保存类型选择“html文档”。 (三)对首页进行初步布局 1.为页面添加背景颜色 (1)单击文档窗口,使插入点在编辑区内闪烁,然后单击“属性”栏的“页面属性”按钮。 (2)找到 “背景颜色”选项,输入浅黄色的颜色数值#FFFF94,单击“确定”按钮,背景色设置完成。 2.设置网页标题并预览网页效果。 3.使用表格初步布局网页。 (1)在文档窗口中单击,在页面左上角放置插入点。 (2)执行“插入”->“表格”命令。 (3)在弹出的“表格”对话框中设置一个2行1列的表格,宽度600像素。 (4)单击“标签选择器”中的标签,选中此表格,在属性栏中完成表格的相关设置。具体参数如下:行数:2,列数:1,高度:600像素,宽度600像素,对齐:居中对齐,背景图片:index.gif。 4.测试网页。 三、学生练习 鼓励学生大胆尝试和创新,利用所学的内容,进行创意性发挥。 学生小组合作完成制作一个首页的任务,并将任务上交到教师机。 四、作品评价 调几个优秀作业进行课堂点评,激发学生兴趣。 五、本课小结 1.站点目录结构要清晰,方便管理,素材要按类型分别存放。 2.文档工具栏的使用。 3.使用表格设计网页布局,可以使网页看上去更加整齐。 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第四课 星光闪烁——用Flash动画完善首页 第四周 教学目标 1、【知识与技能:】 (1)、学会表格的调整; (2)、能在网页中插入Flash,并对相关属性进行设置; (3)、能在网页中插入文本,并对文字格式进行设置。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、通过探究学习体验知识的学习是在不断加深的过程; (3)、通过插入FLAH动画练习,认识到知识之间是可以相互利用的过程。 3、【情感态度与价值观:】 (1)通过插入动画,使网页较之前更加丰富,激发学生的兴趣; (2)通过本课的学习完成任务,体验成功,肯定自己的能力。 教学重、难点 重点:能够对表格属性进行熟练的设置。 难点:使能够对表格属性进行熟练的设置。 教 学 时 数 一课时 教法及教具 教法:讲解,学生练习。 教具:多媒体网络教室 主教案 副教案  一、课程导入 对于一个网页,信息的表达是多种多样的,我们可以使用文字、图片等,我们也可以为网页添加动画、音频、视频等,为了让我们的网站看起来有动感,吸引别人的眼球,我们应该学会在网页中使用Flash。这节课我们就来一块学学怎么在网页中使用Flash。 二、新课讲授 1.新建站点 (1)将“安全自护我能行”站点文件夹传到学生机。 (2)新建站点。 2.调整表格 1) 选择对象 表格、行、列、单元格属性的设置是以选择这些对象为前提的。 a) 选择表格:“标签选择器”中单击
标签;“表格”菜单下的“选择表格”命令。 b) 选择某一单元格:按住Ctrl键,同时单击选中的单元格;“标签选择器”中单击
标签。 c) 选择某一行或某一列:将光标移动到行左侧或列上方,当鼠标指针变为向右或向下的箭头图标时,单击即可。 2) 设置第一行的属性 选中表格的第一行,将高度设为420。和flash的高度一致。 3.插入flash动画 1) 将光标定位在表格第一行中,执行“插入”——》“媒体”——》Flash命令。 2) 在弹出的对话框中选择other文件夹下的index.swf,单击确定。 3) 观察插入flash的状态,在编辑视图下,flash不可见。 4) 单击选中flash文档,在属性面板设置相关属性:循环、自动播放。预览观察效果。 5) 设置Flash参数,如P23页,图4.6所示。 4.在网页中插入文本 1) 插入普通文本:光标定位在单元格内,直接输入文字。 2) 插入特殊字符:“插入”——》“HTML”——》“特殊网页”。 3) 设置文本属性:根据情况选择合适的格式或文字大小、颜色、对齐方式等。 三、学生练习 学生小组合作完成任务,并将任务上交到教师机。 四、作品评价 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、本课小结 1.熟练对表格的操作,能选择表格的行、列、单元格等。 2.在网页中插入flash可以很好的表现动感。设置flash的相关属性。 3.在网页中插入文本,并设置文本的属性。 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第五课 统一风格——制作框架网页 第五周 教学目标 1、【知识与技能:】 (1)、掌握表格的拆分与合并。 (2)、学会创建框架、制作框架网页和保存框架网页。 (3)、能制作鼠标经过图像的动态效果。 (4)、学会制作超级链接和电子邮件链接。 (5)、掌握目标设置在网页制作过程中的作用和方法。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、通过探究学习体验框架对网页布局的重要性; (3)、通过小组交流讨论理解框架,学习框架的制作过程。 3、【情感态度与价值观:】 (1)通过学习了解到网页布局工具的多样性,激发学生探究的兴趣; (2)通过本课的学习完成任务,体验成功,肯定自己的能力。 教学重、难点 重点:创建框架和制作框架网页。 难点:保存框架和框架集及对框架的理解。 教 学 时 数 一课时 教法及教具 教法:讲解,学生练习。 教具:多媒体网络教室 主教案 副教案  一、课程导入 一个网站常常划分成多个区域,对于每个区域来说,其色彩搭配、网站风格、网站标题、网站导航都是统一的。为了能做到这种统一,我们每个网页中相同的内容固定在一个区域。我们通过创建框架制作框架网页,可以轻松实现网页结构划分和布局。看一个使用了框架的网页范例,师大资源网(http://source.xjnu.edu.cn)。使大家对框架有一个初步的了解和感性认识。 二、新课讲授 1.新建站点 (1)将“安全自护我能行”站点文件夹safe传到学生机。 (2)新建站点。 2.创建框架和框架集 制作框架网页的前提是创建框架,并根据网页布局设计框架的样式,然后再具体设计制作网页的内容。 (1)规划“框架”文件夹。 (2)新建框架集 步骤1:执行“文件”——》“新建”命令,打开“新建文档”对话框,在 “类别”中选择 “框架集”。 步骤2:单击“创建”按钮,在弹出对话框中单击“确定”,框架创建完成。 (3)保存框架集 步骤1:执行“文件”——》“保存全部”命令,保存到frame文件夹中。 步骤2:重命名框架集文件和每个框架文件。 (4)设置框架和框架属性 框架的属性包括框架名称、源文件、边距、尺寸、滚动条等;框架集的属性包括框架面积、框架边界颜色、距离等。 步骤1:执行“窗口”——》“框架”命令,打开框架面板。 步骤2:单击“框架”面板中的框架边缘部分,选中框架集,在 “属性”面板中设置框架集的属性。 步骤3:单击“框架”面板中的topFrame框架和mainFrame框架,在“属性”面板中设置所选框架的属性。 (5)制作框架网页 ①制作上框架网页 步骤1:打开网页top.html,设置背景颜色#EAFF8A,上边距为0像素。 步骤2:插入一个2行5列的表格并调整行列的高宽。。。。。。 步骤3:在导航表格中,设置鼠标经过图像。 步骤4:为图片添加超链接,设置打开方式(目标)。 ②制作下框架网页 步骤1:打开网页main.html,设置背景颜色#EAFF8A,上边距为0像素。 步骤2:插入一个5行9列的表格并调整行列的高宽。。。。。。 步骤3:合并相关单元格。 步骤4:插入图片,并为图片添加超链接。 步骤5:添加邮件链接。 三、学生练习 学生小组合作完成书上的练习任务,并将任务上交到教师机。 四、作品评价 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、本课小结 1.创建框架,实现网页风格的统一,保存框架时,需要保存框架集文件和含有框架的所有文件。 2.利用鼠标经过图像,可以制作网页导航动态按钮。 3.超级链接是实现网页互联的关键,设置网页的打开方式,可以调整链接网页的显示位置。 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第六课 事半功倍—制作网页模板 第六周 教学目标 1、【知识与技能:】 (1)通过学习,掌握合并单元格及插入嵌套表格的方法。 (2)通过学习,了解模板的概念和作用,学会创建网页模板。 (3)通过学习,掌握定义、编辑可编辑区域的基本方法。 (4)通过学习,能够根据网站的需要创建网页模板。 2、【过程与方法:】 通过小组合作、课程整合,交流评价,培养学生分析信息、利用信息和信息创新能力,以及对已学知识进行规划管理的能力。 能够通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; 3、【情感态度与价值观:】 通过小组合作、讨论探究的形式,增强学生的合作、协助精神,让学生学有所得,有成就感,增强自信,又能够激发学生学习积极性。 教学重、难点 重点:模板的概念和用途。 难点:创建模版文件,定义可编辑区,表格的高级应用是难点。 教 学 时 数 一课时 教法及教具 教法:任务驱动,自主探究学习法。 教具:多媒体网络教室 主教案 副教案  (一)激趣导入: 通过播放一组网页模板,激发学生的兴趣,了解一些布局类型,在课件上演示模板套用的即时效果,引出主题;即模板网页制作与应用,就是如何利用模板网页为网站统一“着装”。这样的设计可以有效的吸引学生的注意力,使导入自然。 (二)、探究新知 【任务一:】创建网页模版 屏幕出示网页模板和普通网页的特点,并回答。从而引导学生回答相似的主体风格,引出模板网页,结合学生已经学过的知识,提出总任务,进入新课。 【任务二:】讲解示范新课内容 这一环节我主要采用了任务驱动法,主要任务是探究模板网页的制作应用的实施步骤。即为网页统一“着装”这是本堂课的重点和难点,为了帮助学生完成这一总任务,我把这个总任务分解成三个子任务来完成,即:模板创建(化样板)----编辑模板(做衣服)-----模板的应用(穿衣服)。先利用FLASH课件展示完成这三子任务的步骤,然后由老师通多媒体讲解、示范重难点,再由优秀学生或“小先生”通过本机向全部学生演示整个任务完成过程。在任务的驱动下,使学生变“要我知道”为“我想知道”,同时让他们体验到问题解决的成功感,从而激发他们进一步学习的愿望和积极性。 【任务三:】引导学生采用资源面板方式创建模板文件,这样对于整个网站的资源构架会有个一个逐步的了解,对于资源面板的用途也逐一掌握。起到连贯作用。 (三)协作提高 分组整合各个子任务,并操作练习“创作天地”课堂练习题,教师巡视、指导、点拨,并导出可能出现的问题:①可编辑区错位。②模板套用出错,导致body(网页体)区域重复,并分析解决问题。设计该环节的目的是全面了解学生掌握新知的情况,帮助学解决实操中的问题,为下一环节的竞赛做准备。 (四)展示评价: 在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。 最后,用约5分钟的时间进行小结和作业布置,完成课本中《创作天地》练习。 五、评价: 本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的及时给予表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第七课 驾轻就熟—应用模版创建网页 第七周 教学目标 1、【知识与技能:】 (1)通过学习,掌握利用模板创建网页的方法。 (2)通过学习,学会运用Flash按钮制作导航栏进行站内导航。 (3)通过学习,了解链接对象的目标框架的含义。 2、【过程与方法:】 通过小组合作、课程整合,交流评价,培养学生分析信息、利用信息和信息创新能力,以及对已学知识进行规划管理的能力。 能够通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; 3、【情感态度与价值观:】 通过小组合作、讨论探究的形式,增强学生的合作、协助精神,让学生学有所得,有成就感,增强自信,又能够激发学生学习积极性。 教学重、难点 重点:应用模板创建网页是重点。 难点:用Flash按钮制作导航栏进行站内导航是本课的难点。 教 学 时 数 一课时 教法及教具 教法:任务驱动,自主探究学习法。 教具:多媒体网络教室 主教案 副教案  (一)激趣导入: 屏幕出示网页模板和普通网页的特点,激发学生的兴趣,了解一些布局类型,在课件上演示模板套用的即时效果,引出主题;即模板网页制作与应用,就是如何利用模板网页为网站统一“着装”。这样的设计可以有效的吸引学生的注意力,使导入自然。 (二)、探究新知 【任务一:】应用模版创建网页 应用模板在本课是首次接触,前面一课中,模板设计好后,要利用它来创建网页或将其应用于已经存在的网页上,才能发挥作用。注意提现学生,建立模版也是“资源”概念。 【任务二:】利用Flash按钮制作导航栏 在Dreamweaver 8中,共提供了40余种Flash按钮的样式,我们只需要选择样式,输入按钮显示文本并设置链接就可以使用。教师需要提现学生注意的就是保存路径,在“插入Flash按钮”对话框中虽然提供了设置保存路径的按钮,但是只要我们设置的路径与链接目标文件不在同一个文件夹中,否则会出现异常。 (三)协作提高 分组整合各个子任务,结合教材中“智多星”、“知识着陆”并操作练习“创作天地”课堂练习题,教师巡视、指导、点拨,并导出可能出现的问题:①保存的路径不正确。②模板套用出错,导致body(网页体)区域重复,并分析解决问题。设计该环节的目的是全面了解学生掌握新知的情况,帮助学解决实操中的问题,为下一环节的学习赛做准备。 (四)展示评价: 在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。 最后,用约5分钟的时间进行小结和作业布置,完成课本中《创作天地》练习。 五、评价: 本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的及时给予表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。 板书设计: 第七课 驾轻就熟——应用模版创建网页 一、应用模版创建网页 1、规划”日常生活“文件夹 2、应用模版(用模版直接创建网页;新建空白网页后再应用模版) 3、将“日常生活”网页链接到框架网页 二、利用Flash按钮制作导航栏 1、制作“交通出行”Flash按钮 2、制作其他Flash按钮 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第八课 自由穿梭—利用锚点实现局部链接 第八周 教学目标 1、【知识与技能:】 ((1)通过学习,灵活地使用水平线分隔网页元素; (2)通过学习,学会插入命名锚记以创建锚点链接; (3)通过学习,学习使用Flash文本作为链接对象。 2、【过程与方法:】 通过小组合作、课程整合,交流评价,培养学生分析信息、利用信息和信息创新能力,以及对已学知识进行规划管理的能力。 能够通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; 3、【情感态度与价值观:】 通过小组合作、讨论探究的形式,增强学生的合作、协助精神,让学生学有所得,有成就感,增强自信,又能够激发学生学习积极性。 教学重、难点 重点:插入水平线、创建锚点链接是重点。 难点:插入Flash文本作为链接是难点。 教 学 时 数 一课时 教法及教具 教法:任务驱动,自主探究学习法。 教具:多媒体网络教室 主教案 副教案 (一)激趣导入: 在前面初步制作“交通出行”网页后,可以看出本页包含的内容很多,不同主题的文字和图片罗列在一起,难以区分,因此我考虑使用水平线分隔元素,并为页面添加锚点链接,实现网页的局部跳转,快速地将访问者带到特定主题或者网页顶部。 (二)、探究新知 【任务一:】在已制作的网页中插入水平线 水平线对于组织信息很有用。插入水平线,操作比较简单,这一点,我通过示范广播,然后放手让学生自己动手操作,教师巡视指导。 【任务二:】插入锚记以创建锚点链接 在进行链接锚记的时候,我们采用是在“属性检查器”的“链接”文本框中输入锚记名称的方法,这就要求我们记住各个锚记对应的主题内容才能操作,否则还需要单击相应的锚记名称,通过该锚记的“属性检查器”找到锚记名。在任务的驱动下,使学生变“要我知道”为“我想知道”,同时让他们体验到问题解决的成功感,从而激发他们进一步学习的愿望和积极性。 【任务三:】插入Flash文本作为链接对象 网页中可以插入FlashPaper文档。当IE浏览器中打开包含FlashPaper文档的页面时, FlashPaper文档的所有页面都可以直接浏览,无需加载新的网页。注意提现学生前面学习的插入Flash操作过程,对知识进行巩固。 (三)合作交流 本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以各小组为单位,在学习了以上内容的基础上,完成本组的一件个性作品。 (四)展示评价: 在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。 最后,用约5分钟的时间进行小结和作业布置,完成课本中《创作天地》练习。 五、评价: 本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的及时给予表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。 板书设计: 第8课 按图索骥—利用锚点实现局部链接 一、在网页中插入水平线 1、打开前面制作的网页;2、插入水平线; 二、创建锚点链接 1、创建命名锚点;2、链接锚点;3、 三、利用Flash文本作为链接对象 四、测试网页 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第九课 按图索骥——制作热点超链接 第九周 教学目标 1、【知识与技能:】 (1)、通过学习,学会设置图像热点超链接; (2)、通过学习,学会分离使用模板创建的网页 (3)、通过学习,了解超链接的组成。 2、【过程与方法:】 (1)、通过小组合作、交流评价,培养学生协助学习、相互帮助的习惯; (2)、能够通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (3)、通过阅读教材,获取知识的方法和过程。 3、【情感态度与价值观:】 对图像热点超链接的的学习,能够激发学生的兴趣,提高学习的热度。 教学重、难点 重点:使用属性检查器设置图像热点超链接。 难点:超链接组成的分类。 教 学 时 数 一课时 教法及教具 教法:任务驱动,自主探究学习法。 教具:多媒体网络教室 主教案 副教案 (一)导入: 上一节课我们学会了使用锚点实现了网页的局部超链接,本课我们来学习另外一种常用的超链接——图像热点超链接,它可以实现一张图像有多个目标端点的超链接,同学们想知道吗? (二)、探究新知 【任务一:】图像热点超链接 图像热点超链接是本课的重点内容,教师进行广播示范操作的方法和步骤,必要的地方进行必要的强调,教师巡视指导。 【任务二:】创建“家务劳动——防止烫伤”网页(jwld—fzts.html) (1)、创建网页 涉及知识点:用模板创建网页 (2)、将网页从模板中分离 涉及知识点:“修改” →“模板” →“从模板中分离”。分离后的网页和模板没有关联性,锁定区域也可以编辑。 (3)、编辑“防止烫伤”网页 涉及知识点:删除网页中表格的行列 (4)、测试网页。 【任务三:】阅读知识着陆和视野拓展 涉及知识点:图像的热点超链接与一般图像超链接区别;源端点和目标端点的分类。 【任务四:】创作天地 本活动仅供学有余力和感兴趣的学生练习 (三)合作交流 本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以各小组为单位,在学习了以上内容的基础上,完成本组的一件个性作品。 (四)展示评价: 在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。 五、评价: 本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的及时给予表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。 板书设计: 第8课 按图索骥—制作热点超链接 一、图像热点超链接 二、创建“家务劳动——防止烫伤”网页jwld—fzts.html) 1、创建网页;2、将网页中模板中分离;3、编辑“防止烫伤网页” 三、测试网页 教学反思:  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。 课 题 第十课 左右逢源—滚动字幕与层的使用 第十周 教学目标 1、【知识与技能:】 (1)、通过学习,能够进行网站素材的归类管理; (2)、通过学习,能够制作具有动态效果的导航按钮; (3)、通过学习,掌握AP Div层绘制和布局,并配合标签实现文字的滚动效果。 2、【过程与方法:】 (1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程; (2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法; 3、【情感态度与价值观:】 (1)、结合教学内容制作具有个性化的网页,激发学习兴趣; (2)、学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。 教学重、难点 重点:在AP div层中添加标签实现滚动字幕效果。 难点:AP Div层的“属性检查器”的理解和合理设置。 教 学 时 数 一课时 教法及教具 教法:任务驱动,自主探究学习法。 教具:多媒体网络教室 主教案 副教案 (一)激趣导入: 在前面初步制作“交通出行”网页后,可以看出本页包含的内容很多,不同主题的文字和图片罗列在一起,难以区分,因此我考虑使用水平线分隔元素,并为页面添加锚点链接,实现网页的局部跳转,快速地将访问者带到特定主题或者网页顶部。 (二)、探究新知 【任务一:】在已制作的网页中插入水平线 水平线对于组织信息很有用。插入水平线,操作比较简单,这一点,我通过示范广播,然后放手让学生自己动手操作,教师巡视指导。 【任务二:】插入锚记以创建锚点链接 在进行链接锚记的时候,我们采用是在“属性检查器”的“链接”文本框中输入锚记名称的方法,这就要求我们记住各个锚记对应的主题内容才能操作,否则还需要单击相应的锚记名称,通过该锚记的“属性检查器”找到锚记名。在任务的驱动下,使学生变“要我知道”为“我想知道”,同时让他们体验到问题解决的成功感,从而激发他们进一步学习的愿望和积极性。 【任务三:】插入Flash文本作为链接对象 网页中可以插入FlashPaper文档。当IE浏览器中打开包含FlashPaper文档的页面时, FlashPaper文档的所有页面都可以直接浏览,无需加载新的网页。注意提现学生前面学习的插入Flash操作过程,对知识进行巩固。 (三)合作交流 本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以各小组为单位,在学习了以上内容的基础上,完成本组的
展开阅读全文
温馨提示:
得力文库 - 分享文档赚钱的网站所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
相关搜索

当前位置:首页 > 教育专区 > 教案示例


本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知得利文库网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号-8 |  经营许可证:黑B2-20190332号 |   黑公网安备:91230400333293403D

© 2020-2023 www.deliwenku.com 得利文库. All Rights Reserved 黑龙江转换宝科技有限公司 

黑龙江省互联网违法和不良信息举报
举报电话:0468-3380021 邮箱:hgswwxb@163.com