教学目标:
1、认识Frontpage窗口组成。 2.掌握制作简单网页的方法; 3.掌握保存网页及预览网页的方法。 教学重难点: 1.制作网页; 2.保存网页; 3.预览网页。 教学过程: 一.导入新课
目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制作的工具软件。
二.新授
1.认识FrontPage窗口 2、制作简单的网页
认识了FrontPage窗口后,就可以利用FrontPage制作网页了。 教师演示在FrontPage的编辑区制作一个简单网页的方法。 3、保存网页
师质疑:网页做好后,按照我们的老习惯,应该把这个网页怎么处理呢? 生:保存……
师:对,同学们说的好极了。但大家知道吗?保存网页的方法和我们以前学过的保存方法却有点不同,大家想知道有什么不同吗?
师演示保存网页的方法。 4、浏览网页
师:网页保存了吗?保存后的网页该怎么打开呢? 生尝试打开网页
教师演示打开网页的两种方法:
(1).在浏览器中预览网页。单击“文件”→“在浏览器中预览”,打开“在浏览器中预览”对话框,单击预览。
(2).在FrontPage窗口中单击“预览”按钮,进行预览。 (3).观察使用两种预览方法所显示的预览效果。 5.思考与练习
建立一个新站点,并输入文字,保存后预览。 6、课堂小结 本节课所学知识点:
(1)认识了制作网页的软件: FrontPage (2)学习了用FrontPage制作一个简单的网页。 (3)学习了保存网页和浏览网页的方法
第3课时:
第二课 规划网站与创建站点
教学目标:
1.了解网站建设规划流程; 2.收集整理资料。
3、掌握打开站点、创建站点的方法;
4、掌握在站点中增加文件夹和创建一个简单网页。 5、学会在网页中插入图片和插入水平线。
6、通过本课学习,进一步了解网络,揭开网络在学生心中的神秘面纱。增强学生学习信息技术的自信心。
教学重难点:
1.网站的规划。2、创建站点。3、在站点中创建网页 教学过程: 一.引入新课
我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我们的校园生活呢?为了更好地展示我们班级的风采,让更多的人认识和欣赏我们,我们可以制作班级网站,发布到因特网上,让更多的人了解我们班。
二、新授 1、设计网站结构
要建立网站,首先要确定主题。主题确定后,为了使网站有一个整体的风格和特色,还需要设计网站的结构。
大屏幕出示一个简单的网站的结构让学生了解网站的结构。
网站是由多个网页链接组成的,在开始制作网站前最好做好整体规划。
(1).确定网站主题。网站的主题决定制作网站的风格,决定网站所包含的网页信息。
(2).搜集素材。通过多种渠道搜集网站所需要的各种素材。
(3).筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理,筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。
(4).做好网站建设规划。根据我们筛选、整理的素材,按照不同的分类,规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。
(5).选择网页制作软件,开始制作。 3、创建站点
(1).打开FrontPage,单击“文件”→“新建”→“站点”,打开“新建”对话框。 (2).选择“空站点”,键入站点的保存位置和名称,单击“确定”按钮。 在FrontPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用于制作网页时存放各类资源。
4、在自建站点中制作一个简单的网页 站点建好后,就可以在站点中制作网页了。 制作网页的一般步骤:
(1)如果你建好的站点已经关闭,需要先打开站点:单击——文件——打开站点——选择建好的站点名——打开。
(2)在窗口的编辑区中输入网页的标题和正文内容。设置文章的字体、字号、格式等。设置方法同WORD。
(3)如要在网页中插入图片,插入的方法和WORD相同
(4)为了美观和网页中的不同内容界限更加分明,也可以在网页中插入水平线。方法如下:
单击——插入菜单——水平线。双击插入的水平线,可以设置水平线的宽度、高度、颜色等属性。
(5)保存网页。 5、巩固练习:
(1)在自己的文件夹里建立一个名为“我的网站”的站点。 (2)在站点里创建一个名为“sound”和“text”文件夹 (3)打开“我的网站”,创建一个介绍四完小校园的网页
网页内容为:标题:四完小简介 正文内容和要插入的图片都保存在E盘陈老师文件夹里。
(4)在标题的上文插入一条水平线。颜色为绿色,宽度和高度自己设置 (5)做完后保存网页。 6、课堂小结 本课所学知识点: 1、设计网站结构 2、收集加工素材 3、创建站点
4、在站点中创建一个简单的网页
第4、5课时:
第三课 制作网站主页
教学目标:
1、学习如何布局主页更能吸引浏览者。
2、学会在布局主页时利用插入表格的方法来安排版面。 3、学会在主页中输入文字、修饰文字、插入图片。
4、在本课学习过程中,给学生自由发挥的空间,学生可以充分发挥其想象力和创造力,同时培养学生综合运用知识的能力。
教学重难点:
运用表格设计版面的布局 教学课时:2课时 教学过程: 一、新课导入
师:一个网站的内容和特色往往体现在浏览者看到的第一个页面------主页上,如果我们把主页设计的新颖、独特、美观,那么肯定会吸引很多浏览者访问我们的网站。今天我们就来学习制作网站的主页。
二、新授
师:制作网站主页前,首先要设计好主页的版面布局,确定网站的大标题、各栏目的名称、文字、图片等的摆放位置。下面就让我们一起来为我们学校设计制作一个漂亮的主页吧。
师演示在主页中插入如下用表格布局的版面。
伊金霍洛旗第四小学 美丽校园 组织机构 校园明星 学校简介 插图 版权信息 三、巩固练习,出示任务:
1、学生仿照老师设计的版面制作学校主页的版面。
2、制作好版面后,输入标题和栏目文字,并将标题文字居中,设置成黑体、红色、7号,栏目文字设置为:蓝色、黑体、5号。
3、在表格需要插图的地方插入学校的全景图。并适当调整对齐方式和大小。 4、将制作好的主页保存到自己的网站中。
学生保存文件时,教师提示学生看教材第42页的“提示”部分。 师提问:“提示”告诉我们,对网站的主页文件名有什么要求? 生答……
教师强调:网站的主页文件名一般都要命名为:index.htm. 四、小结:
本课重点学习了设计一个主页的版面,一般为使主页的页面整齐、有序,我们最好采用表格来安排版面。这节课只是对主页进行了简单的设计,在后面的课中我们会一步步的完善我们学校的这个主页以及整个网站。
师资队伍 网上调查 关于我们 插图 电子邮件插图 第6、7课时:
第四课 修饰网站主页
教学目标:
1、掌握表格背景的设置方法。 2、学会在主页中制作悬停按钮。 3、学会在主页中制作欢迎字幕。
4、让学生通过一步步修饰网站主页,体验成就感,从而培养学生对信息技术的兴趣。
教学重难点:设置表格背景、制作悬停按钮和欢迎字幕 教学课时:2课时 教学过程: 一、导入新课
师:在网页中插入表格、输入文字、插入图片,看起来这个主页已经是整齐划一了,但同学们有没有觉得还有什么不满的地方吗?
生:观察…… 二、新授 1、设置表格背景
师:让我们试着给主页中的表格加一个背景,看看会怎么样? 教师演示“设置表格背景”的操作方法: 第一步:打开“自己的站点”
第二步:打开“自己的站点”中的“index.htm”主页文件。
第三步:在表格中单击右键。选择“表格属性”,打开“表格属性”对话框。
第四步:选择“使用背景图片”选项,然后单击“浏览”按钮,打开“选择背景图片”对话框,找到要用来设置背景的图片后双击,再单击“确定”按钮即可。
师:设置表格背景的时候,要注意插入的图片和表格中的文字搭配,否则会让整个表格显得凌乱不堪,那要就适得其反了。
任务:请给你的主页中的表格设置一个漂亮的背景。 学生完成任务后保存 二、制作悬停按钮
师:下面让我们来美化“伊金霍洛旗第四小学”主页中的每一个栏目按钮。 师演示操作方法:
第一步:选择主页中的第一个栏目“校园风景”
第二步:选择“插入”——WEB组件——交互式按钮——完成 第三步:设置按钮文字、颜色、背景等。设置好后确定即可。 任务:请你把主页中的所有栏目按钮都做成自己喜欢的悬停按钮。 学生完成任务 三、制作滚动字幕
师:我们经常会在网站上看到一行或多行滚动的文字,就和电影中移动的字幕一样,非常有趣。今天,我们学习制作滚动字幕的方法。
(在制作滚动字幕之前,要确定字幕的位置。我们可以将主题“伊金霍洛旗第四小学”单元格拆分为两行,下面一行用于放置字幕。)
拆分单元格的方法:将光标定位在要拆分的单元格中,然后 1.单击“表格”→“拆分单元格”,弹出“拆分单元格”对话框; 2.设置拆分的方式,如:拆分成行; 3.设置拆分的行数,如:2行;
4.单击“确定”按钮。
将光标定位在要插入字幕的单元格中,
1. 单击“插入”→“组件”→“字幕”,弹出“字幕属性”对话框; 2. 输入文字; 3. 单击“确定”按钮。
{在一个内容较复杂的网页中,要较好地定位内容,需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表格”菜单中进行,操作方法也很相似。}
任务:学生把“欢迎来到伊金霍洛旗第四小学”做成滚动字幕。 四、课堂小结:
第8、9课时:
第五课 制作校园风景栏目
教学目标:
1、学会制作“校园风景” 网页。
2、学会在“校园风景”网页里插入表格和缩略图。 3、学会修改网页的标题 教学重难点:
在网页中插入表格和在表格里插入缩略图 教学课时:2课时 教学过程: 一、导入:
师:完成网站的主页后,就可以按照网站的结构图制作与各个栏目相关的网页了。本课我们首先来制作“伊金霍洛旗第四小学”网站的“校园风景”栏目。
二、新授
1、制作“校园风景”网页
“校园风景”栏目是用来展示校园各处风景的图片的,为了让访问网站的人能够方便的找到自己感兴趣的图片,可以先把收集到的图片分类,如分成“教学楼”、“孺子楼”、“书山阁”等,然后把这些图片插入不同的网页。当然,首先要建立一个网页来列出校园各处风景的名称。
任务一:新建一个网页,并访照如下表格布局来安排网页内容,并把“校园风景”做成艺术字。
校园风景 此处插入学校全景图 教学楼 书山阁 毅坚厅 孺子楼 士林轩 黍香楼 教师演示操作方法,重点指导学生对插入的图片如何设置才能使网页变得美观。
2、制作“教学楼”网页
由于我们要把“教学楼”图片按照正面、背面、侧面三个角度展示给访问者,所以为了使图片整齐、有序,同样采用表格布局,把图片及说明文字放在表格的不同单元格中。但由于图片文件都比较大,所以我们在插入图片时采用自动缩略图方式,把图片缩成小图,浏览时单击小图,就可看到大图。
教师演示操作方法:
第一步:新建一个网页,插入一个3行3列的表格,合并第1行的单元格。 第二步:在第1行中插入艺术字“教学楼”,并设置为居中对齐。 第三步:把插入点移到第2行第1列的单元格中,然后单击常用工具栏中的“来自文件”按钮,插入事先准备好的教学楼正面图片。
第四步:单击“工具”菜单中的“网页选项”命令,出现“网页选项”对话框时,打开“自动缩略图”选项卡,然后单击“确定”按钮。
第五步:选定插入的图片,单击图片工具栏中的“自动缩略图”按钮,选定的图片就会缩小,变成缩略图。
第六步:适当调整单元格的大小,再在图片下方对应的单元格中输入图片的说明文字并设置适当的文字格式。
第七步:用以上方法,在其他单元格中插入图片和说明文字,并为图片设置缩略图技术。
第八步:选定第2行单元格,再单击“表格”菜单中的“平均分配列宽”命令,使表格中的每一列等宽。
第九步:保存做好的网页并在浏览器里浏览网页。 学生用同样的方法制作其它几处建筑物的网页。
师:每制作好一个网页,我们都应该给这个网页起一个标题,这个标题在浏览者浏览网页会在标题栏里看到。
师演示修改网页标题的方法。 3、小结:
第10课时:
第六课 建立超链接
教学目标:
1. 认识超级链接;
2. 掌握建立文字、图片、网页超级链接的方法。 教学重难点:
1. 建立文字、图片的超级链接 教学过程: 一.复习巩固 二.引入新课
我们已经做好了两个网页,如何使这两个网页紧密地联系起来,让更多的浏览者能方便地在它们之间自由地进出呢?
当我们在网上冲浪的时候,经常会单击页面上某些文字或图片来进入我们的目标页面。我们把从一个页面到另一个页面的链接叫做超级链接。
网页之间如何联系
1.在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来,使其变成一张有序的网,为人们展现丰富的主题内容。
2.以“伊金霍洛旗第四小学”的首页为例,介绍网页的链接。
在“伊金霍洛旗第四小学”网站中,网页是由一层层的超级链接组织起来的。如第一个页面中包括“校园风景”、“组织机构”、“校园明星”、“师资队伍”等栏目,“校园风景”栏目又分别链接有“教学楼”网页、“孺子楼”网页、“书山阁”网页等六大内容。当我们选择“教学楼”时,就会看到教学楼的图片。
3.请学生随便找一个网站,点击网页,体验超级链接。
三.创建文字或图片的超级链接
首先,打开网页文件,选中要设置超级链接的图片或文字。然后 1. 单击“插入”→“超链接”,弹出“创建超链接”对话框; 2. 选择超链接到的网页。如:guanyuwomen.htm 3. 单击“确定”按钮。
{当鼠标移动到有超级链接的文字或图片时,一般情况下,鼠标会变成手状,表明这上面有超级链接。这时,单击就可以转入链接到的页面。
创建好首页到“班级简介”页面的超级链接后,我们可以轻松地从首页进入到“班级简介”页面。那么,怎样从班级简介“bjjj.htm”页面再跳回首页呢?很简单,当然还是设置超链接,将它链接回来就行了。}
四.观察设置超级链接前后,“首页”文字有什么变化。 五.思考与练习
1. 请给自己的首页加上一个文字或图片的超级链接 2. 保存网页并到浏览器中进行测试,观察鼠标指针的变化
第11、12课时:
第七课 使用书签
教学目标:
知识与技能:通过学习熟练运用文本框并对文本框进行设置,综合运用各种工具制作书签。
过程与方法:在小组活动中培养学生自我探究、主动学习、自我创新的能力,培养学生如何获取信息、处理信息和应用信息的能力。
情感态度与价值观:通过学习对学生进行爱书、爱读书的思想教育。 情感态度与价值观
通过学习对学生进行爱书、爱读书的思想教育。 教学重难点:制作书签 教学课时:2课时 教学过程: 一、导入新课
师:制作网页时,如果需要在一个网页中安排比较多的内容,查看起来会比较麻烦,这时,我们可以在网页中制作一些“书签”,浏览时利用书签就可以很方便地找到想找的内容。这节课我们就以制作“星星书屋”网页为例,介绍在网页中如何制作和使用书签。
二、新授
1、认识网页中的书签
教师演示几个事先制作好的带书签的网页,学生浏览,进一步理解书签在网页中的功能。
2、制作“星星书屋”网页
师生一起制作“星星书屋”网页
教师将“星星书屋”网页中用到的素材传到学生机上。 学生仿照教师事先制作好的“星星书屋”网页自己制作。 3、制作书签
师:网页的内容制作完成了,同学们现在浏览一下这个网页的第二篇、第四篇文章,发现什么问题了吗?
生:……
师:有没有什么好办法?让我们想找哪篇文章就一下子找到呢? 师:可以利用frontpage的书签功能,帮我们实现这个想法 制作书签的方法:
第一步:在页面编辑区中选定第一篇文章的题目,单击插入菜单中的书签命令。
第二步:打开“书签”对话框时,选定的文字就会出现在里面,单击“确定”按钮,一个书签就制作好了。
第三步:用同样的方法,把另外几篇文章的题目也设置成书签。
第四步:选定导航栏中的文章题目,单击插入——超级链接。打开“创建超链接”对话框。
第五步:在对话框中选择第一篇文章的书签后单击“确定”。 第六步:用同样的方法,创建其它几篇文章的超链接。 书签制作好后,预览一下,感受书签带来的方便。 4、添加网页背景
为了进一步美化网页,还可以适当设置网页的背景。 师:设置网页的背景和前面学过的设置表格的背景方法相同。
任务:请你给“星星书屋”网页设置一个漂亮的背景。 学生设置好背景后保存网页。 三、课堂小结
第13、14课时:
第八课 制作表单网页
教学目标:
知识目标:了解表单网页的功能与用途,了解表单网页从设计到发布的完整过程。 技能目标:掌握表单元件的插入方法及相关属性设置,掌握发布表单的方法。 情感目标:培养学生勤于思考的习惯与解决问题的能力。 教学重点 表单元件的插入 表单元件的属性设置 教学难点 表单网页的制作 教学过程 教学内容 新课引入
教师活动
让学生完成环保知识调查。
〖提示〗表单元件的插入方法。
表单元件的插入
学生活动 完成环保知识调查。 观看演示。
自主学习,动手实
设计意图 让学生感受表单网页的功能与作用,激趣动情。
让学生掌握表单元件的插入方法,能够按照要求设计出表单的外观。
【布置任务一】 对照范践。 例图片完成表单的外观设计。
展示学生作品,反
学生演示。 修改调整,上传文
馈任务一完成情况,分析典型错误。 〖演示〗 查看学生作
件。
观看演示。 品,单击“提交”按钮, 表单元件属性设置表单的提交
出现错误。
〖提问〗 单击“提交”按钮,为何提示出错? 引导学生继续完成任务二,为表单的成功发布做准备。
【布置任务二】 修改表单元件的属性。
展示学生作品,反馈任务二完成情况,纠正错误。讲解表单元件属性设置中需要注意的问题,如:单选按钮的名称属性设置与为下拉菜单元件添加选项的操作方法等。
〖讲授、提示〗表单的提交。
【布置任务三】修改HTML代码,使表单可以提交。
积极思考,回答问
题。
学生练习。
修改文件并上传。
观看演示。
修改HTML代码。提交表单,检验是否成功、所填写的信息是否都已正确
以提交表单发生错误为切入点,接入表单属性设置的内容,承上启下,让学生在已经明确设置表单元件的属性的目的与意义的情况下继续完成任务二,掌握表单元件属性的设置方法。
以表单的提交为全部教学内容的尾声,让学生对表单设计的过程有一个完整的理解,留下鲜明的印
展示学生作品,反馈任务三完成情况,验证表单是否成功提交,分析出错的原因。 展示学生作品。
小结
回顾本课内容。
显示。
修改完善、更新文件。
排除错误,重新上传文件。
象,体验成功的喜悦。
观看演示。 根据任务完成情况进行自我评价。
复习巩固。
第15、16课时:
第九课 制作框架网页
教学目标: 1、知识与技能
(1)理解框架网页的概念、特点和作用。 (2)掌握框架网页的新建与保存的方法。
(3)初步掌握将框架结构与表格布局结合使用来制作网页。 (4)会对框架网页进行简单的编辑设置。 (5)掌握框架网页中插入超链接的方法。 2、过程与方法
根据教师提供的素材和操作步骤,能完成制作任务,并能在制作过程中发现问题解决问题。 3、情感态度与价值观
(1)通过以“清明节”为主题的框架结构网页制作活动,了解更多有关清明节由来、习俗等方面的知识,呼吁大家一起来关注传统文化。 (2)能够将表格与框架结构网页结合使用,在创作中体验乐趣。 重点:
1、框架网页的新建与保存
2、框架网页属性的设置:重新设置初始页面,边框的设置,框架的拆分等 难点:
框架网页中超链接的设置 教学过程: 教学过程 教师活动 学生活动 设计意图 用贴近学学生对教清明节要到了,对于这个传统生生活的信息创设情景 师的问题进行节日你们了解多少? 引发学生的兴思考。 趣。 展示已做好的“清明节”框架学生观察教网页,教师点击超链接做简单介师演示的内容,绍。 对教师提出的问让学生观察点击出来的网页通过观题进行思考回答有什么特点(相同之处和不同之察,学生直观引出主题 (有3块内容,处)。 感受框架网页上侧与左侧的内相比以前利用表格整体设计的特点。 容没有变化,只制作网页,这种网页能否只制作变有右侧的内容在化的内容来提高效率? 变化) 引出主题——框架网页 教师通过一个简单课件的演示,向学生讲解框架网页的概念、特点及作用。 框架网页是一种特殊的网页,为了让学它将浏览器窗口分割成不同的区学生观察教生能更好的学域,每一个区域我们就称为一个师的关于框架网习框架网页设框,这些框可显示网页。 新授 页的课件,并认计技术,必须 框架网页中一般是部分框中真听教师的讲要理解框架网的内容相对固定不变,而主框架中解。 页的概念、特的内容可以根据用户选择的超链点及作用。 接不断更新变化。 利用框架技术设计网页,方便设计者提高制作效率,也提醒浏览者关注主要内容的变化。 1、新建框架网页 小 学生观察框架页面试 提出新建框架网页不能直接教师操作的内的保存是教学牛 点击工具栏上的快捷按钮。 容,掌握新建、的重点,教师刀 选择新建的框架类型(假定保存框架网页的操作尽量地 为:“横幅和目录”型)。 的方法,并对教慢,从概念的框架网页选择按钮:“设置初始网页”师在制作过程理解入手帮助的新建、和“新建网页”。教师简单描述这中提出的问题保存 两个按钮的不同。 进行思考猜想。 2、框架网页的保存 提出问题:保存框架网页后会出现几个文件? 教师演示,提醒注意观察蓝色高亮区域。因为框架网页每一个框都是一个网页,所以在保存的时候要对每一个区域的网页保存,最后对整个框架进行保存。保存的文件名不能乱起,要有其意义。 请学生思考:用设置初始网页的方法建立的网页需要再单独保存一个网页吗? 学生参照样例完成任务:框架网页的新建、保存及制作(top页、left页、main页)。 先完成的学生可借助学件帮助对网页进行加工修饰。 学生加深印象。 教师不明确给出结果,而是让学生大胆猜想并在观察中得到答案,这比教师直接给出结果要好,同时也进一步让学生理解“设置初始网页”和“新建网页”在保存时的不同。 课堂教学重点在教师讲解后模仿操作,有效突破。 完成框架布局后,回归到网页制作,巩固、运用前面的知识 (耗时较长) 大 展 身 手 框架网页的制作 教师介绍学件网站的使用,素材存放位置,要求学生根据所给的素材,设计制作一个“绘画作品”的框架网页。 要求学生完成3个框的设计制作。 学生操作过程中,教师巡查指导。 展示阶段性作品,有哪些不足? 尽 教师进一步的提出问题: 善 1、能否去除框架边框? 尽 2、能否添加一个框架? 美 3、能否更改主框的初始页面? 引出框架网页属性设置的内框架属性容。 的设置 教师做简单的介绍、引导。 学生操作过程中,教师巡查指导。 画 转播学生的画面,反馈学生实龙 践结果。 点 提问:为什么主框页面不能改睛 变,一直是初始页面?如何在主框 中实现超链接的功能? 设置超链适时对超链接中出现的问题接 加以分析,注意链接的网页显示的 通过类比图片、动画等学生依照属性设置,让学件完善自己学生能自主探的框架网页。 究框架属性的设置,自我消化知识点。 学生根据学件提示,自主完成超链接的设置,从而体会框架网页的特点与优势。 在框架网页中使用超链接技术正是解决了本课开始的问题,前后呼应。 由于超链目标区域。 本课小结 展示学生作品,交流评价,并小结本节学习内容。 展示其他的框架类型制作的网页,鼓励学有余力的学生自主探延伸拓展 究完成。 框架网页在网络上的应用举例 接后面有专门课时,这里不深入,设置超链接为制作框架网页服务。 培养学生网页设计的审学生参与美能力、创新交流评价 能力。知道这节课所学的内容。 拓展学生的眼界,让他学有余力们将所学知识的学生可以尝应用到更广的试去做。 网页设计中去。 第17课时:
第十课 使用网页特效
教学目标:
1.知识技能目标 (1)层的应用
a. 层的显示与隐藏
b. 在网页中添加游动的对象 (3)判断网页属于静态网还是动态网 2.过程方法目标:
培养学生思考、动手实践的能力;培养学生自主探究性、协作性学习能力;激发学生学习信息技术的兴趣,培养学生发现美、创造美的能力,提高学生的综合素质。
3.情感态度价值观:
通过制作\"雨巷\"美文欣赏网页,让学生围绕教学内容,利用多媒体创设的情境,借助诗歌的意象体会诗歌意境,理解作者的思想感情及丁香姑娘的象征意义,感知诗歌,提高鉴赏能力,激情增趣。
【教学重点:】 1、层的显示与隐藏
2、在网页上添加游动的对象 【教学难点:】 1、行为面板的设置 2、时间轴的应用 【教学过程:】 步老师活动 骤 情1、展示带特效的《雨景巷》美文欣赏网页 导1、欣赏带特效的网基于网络社区实学生活动 设计意图 页。体会诗歌意境,激现信息技术与课程整合的理念出发,以培2、提问:同学们已经情增趣。 入 学习过许多优美的诗歌,2、思考网页特效如养信息素养为目标,以任务驱动为模式,以应用软件为载体,与语文课程整合,信息技术成为学习内容或教学内容的有机组成部分,使信息技术课不再是单纯的计算机技能课。 在网上也可以看到一些诗何实现 歌音画网页,同学们想不想做出这样丰富多彩的网页? 3、导入课题:“网页特效”——让静态网页“动”起来 任1、登录信息技术论务坛,出示上机任务 驱务1、明确学习总任,选1、向学生提出总用任务,直接切入主题,总任务:利用DreamweaveMX 2004软学习目的明确。 2、明确小任务的动Dreamweaver软件,给《雨件来完成效果。并根据探巷》美文欣赏网页添加网技术支持录像完成具体要求,给学生了究页特效,让静态网页“动”小任务。 学起来 习 解这节课具体要掌握2、理解层的概念与的知识技术。结合学生已有技能,设计不任务一:启动层的应用 Deamweaver软件,在文件面板中找到3、将《雨巷》网页同程度的上机任务,:中的第一幅图通过层的让学生根据自己的接D:\\wytx\\index.htm文件并显示与隐藏添加说明文受能力探索学习。 双击打开,在作者头像区字“戴望舒,著名雨巷域添加一个层,并输入“戴诗人” 望舒,著名雨巷诗人”文3、课前技术支持录像,在学生上机时4、通过层与时间轴播放,(因学生机没字,通过层的行为面板,实现游动的丁香姑娘头有耳麦)所以可以在实现当鼠标移到戴望舒头像 像上,会在图像的旁边出大屏幕重复播放,这(3、4任选一项完样可以节省时间到下面给学生巡回指导。现一段文字介绍。当鼠标成) 移开该图像后,刚才出现的文字就会自动消失。 5、已完成作业的同同时也培养学生自信学,尝试完任务三、四。心及自已动手解决问任务二:在网页上通或协助周围同学完成任题的能力。激发学生过插入层和时间轴的设务。 置,添加游动的丁香姑娘头像。 *任务三:尝试在网页中添加下雨特效代码。 *任务四:尝试在网页中添加一些透明FLASH效果 要求:任务一与任务二任选一种实现,如果觉得自己能完成效果,可以两个效果一起实现。 2、播放技术支持录像 3、巡回指导,适时点拔 4、鼓励学生上台演自主探究的积极性,5、上交作业:通过给学生以成就感。 FTP上传到作业区 4、锻炼学生自主操作的能力、语言表达、概括能力。 示,边操作边讲解。 交教师选择优秀作品进学生根据教学评价引导学生评价作流行展示,并从学生完成任表中的评价量规指标作品,培养学生评价能评务的过程对技术处理、自自评和互评。 价 主学习能力,创新表现进行点评。 拓1、再次重申课题名1、学生进入信息技力,活跃课堂气氛。让学生在评价中查缺补漏。 由于现在的网站展称:“网页特效”——让术论坛阅读:什么是静有静态和动态网页之延静态网页“动”起来 伸 态网页,什么是动态网分,通过学生阅读,理解什么叫静态网2、思考:什么叫静态页文章。 网页?什么叫动态网页?2、判断自己所制作页?什么叫动态网是不是有动画效果的网页的网页是静态还是动态页?并能根据掌握的就叫动态网页? 网页 3、判断“信息技术论坛”网站是静态还是动态网页 小1、层是一种页面定位技术,能够将放置在层中的内容任意定位在浏览结 器中,与表格显示有区别的是,表格只能将内容排列在浏览器中,而层却能够根据其坐标值以及“显示/隐藏”属性,在同一位置下放置多个内容(将网页重叠)这样可以节省网页的篇幅。 2、通过“网页特效”可以让静态网页面富有动感。但不能认为有动画效果的网页就是动态网页。
概念进行区分。
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- xiaozhentang.com 版权所有 湘ICP备2023022495号-4
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务