已阅读5页,还剩20页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第1课 网站与网页教学目的:1、了解万维网的基本架构。2、区分网页和网站的不同之处。3、掌握网页元素和网页构件的使用。教学重点:掌握网页元素和网页构件的使用。教学难点:理解网页中“超链接”的作用。教学方法:讲授法、任务驱动法教学课时:一课时教学准备:1、调试每台计算机 2、打开计算机并由教师机控制 3、由各组组长带队有秩序地进电脑室。教学过程:第一课时一、引入:首先登录两个不同的网站,打开不同的网页,引发同学们对更喜欢哪一个网站哪一个网页的大讨论。然后提出“你为什么更喜欢这个网页(网站)?”“你想做出自己漂亮的网页吗?”等问题来引起学生的学习兴趣,从而导入新课。 二、新授任务一:登录自己喜欢的网站,你认为网站与网页有什么不同?学生活动:登录网站,完成学习任务单的有关内容。交流讨论:网站与网页区别。任务二:你最喜欢哪一个网页?为什么? 学生活动:打开自己喜欢的网页,让大家一起欣赏,自己思考一下喜欢的理由交流讨论:自己喜欢的理由任务三:你最喜欢的那一个网页的页面有哪些元素组成?它们各有什么作用?学生活动: 阅读教材,针对网页,找出网页的组成元素。交流讨论:网页构成元素的作用任务四:登录中华少儿网站/1、认识“超链接”通过单击“中华少儿网”主页中的“科学大观”目录,跳到“科学大观”的网页。2、学生上机操作,尝试打开自己感兴趣的栏目。小结。三、想一想1、网页可以由哪些元素组成?2、什么元素可以让你从当前网页跳转到其他网页或网站?第2课建立第一个网页教学目的:1、会启动FrontPage软件2、识记FrontPage窗口各部分名称3、掌握建立一个站点的方法,制作一个简单的网页教学重点:掌握建立一个站点的方法,制作一个简单的网页教学难点:设置网页属性教学方法:演示法课时安排:共一课时教学准备:1、 安装FrontPage软件2、一张P6页图1教学过程:第一课时一、导入大家一定很想开始制作自己的网页吧。其中FrontPage是一种比较容易入门的网页制作工具。下面我们就用它来制作我们的第一个网页吧。二、新授活动一:认识FrontPage窗口1、启动FrontPage软件让学生试着用启动Power Point的方法,自行启动FrontPage软件。指名说出启动的方法,教师加以指导。2、FrontPage窗口的组成观察P6页图1,识记窗口中各部分的名称。出示P6页图1,指名说出各部分的名称3、介绍FrontPage窗口中的视图栏主要有:“网页”、“文件夹”、“报表”、“导航”、“超级链接”、“任务”等按钮。系统默认的视图方式是“网页”视图。4、感受“网页”视图中三个标签学生自己动手,分别选择“普通/HTML/预览”,感受不同的作用。活动二:建立一个站点制作网站时,一般先建立“站点”。实际上是一个文件夹,用于保存整个网站的网页、图片、动画等资源文件。1、做一做:在FrontPage中新建一个站点教师演示操作,学生观察步骤。学生上机操作,根据书上P7-8页中的步骤,将整个网站内容保存到D:myweb文件夹下。活动三:制作一个简单的网页1、做一做:制作一个“笨笨熊之家”网页教师演示操作,学生观察步骤。学生上机操作,根据书上P10-11页中的步骤,保存网页到D:myweb文件夹中,文件名取index.htm。教师巡视指导。三、试一试制作一个介绍自己的网页。第3课 让网页更美观教学目的:1、会在网页中添加图片2、懂得设置网页的背景教学重点:会在网页中添加图片教学难点:正确设置网页属性中的“背景”选项教学方法:演示法教学课时:共一课时教学准备:1、 安装FrontPage软件2、一张卡通熊图片、小花格图案图片一张教学过程:第一课时一、复习1、启动FrontPage软件有哪几种?2、FrontPage窗口的由哪几部分组成?二、新授活动一:在网页中添加图片插入图片前,一般要将图片文件夹保存在网页文件所在文件夹中的images文件夹下,插入后,还要设置图片的大小、位置、效果等属性。1、做一做:插入一张卡通熊图片到网页中教师演示操作,学生观察步骤。学生上机操作,根据书上P13-14页中的步骤,插入一张卡通熊图片到网页中。教师巡视指导活动二:设置网页的背景网页背景默认是白色,也可以是图片,可通过“网页属性”对话框,设置网页背景。做一做:将“笨笨熊之家”网页的背景设置为小花格图案学生自学P15页中步骤,将网页的背景设置为小花格图案。教教师巡视指导。展示已完成学生的作品,并说出完成的步骤。三、试一试:完成书上第P16页试一试中的题目。第4课 让网页声情并茂教学目的:1、掌握在网页中插入Flash动画、视频的方法。2、学会为网页添加背景音乐,使学生能有声有色的设置网页,增加学习的兴趣。教学重点:掌握在网页中插入Flash动画、视频的方法。教学难点:会设置“网页属性”中的选项。教学方法:演示法、讲解法教学课时:共一课时教学准备:1、 安装FrontPage软件2、一个Flash小游戏、一首“忆江南”MID音乐、一个视频WMV文件3、一个七巧板网页、一个嫦娥一号概况网页教学过程:第一课时一、引入同学们,网页除了可以显示图片和文件之外,还可以显示Flash动画、播放音乐与视频。FrontPage的一个突出功能是支持多媒体,我们能够很容易在网页里插入声音和视频。二、新课活动一:在网页中插入Flash动画动画可以增加网页的趣味性。Flash动画具有体积小、兼容性好、直观动感、互动性强、支持MP3音乐等诸多优点,在FrontPage中不支持直接插入.SWF格式的Flash动画文件,但可以按照如下方法间接插入。1、做一做给“七巧板”网页添加Flash小游戏。教师演示操作,学生注意观察。操作步骤如下:将提供的“第4课”文件夹中的“tangram”文件夹拷贝到自己的文件中。在FrontPage中,打开“tangram”文件夹中的index.htm网页;将插入点光标移动网页的末尾;执行“插入”“高级”“插件”命令;在弹出的“插件属性”对话框中,选择tangram.swf文件,并设置Flash动画的高度与宽度,单击“确定”按钮;单击Flash插件,再单击工具栏中的水平居中对齐按钮。学生上机操作,教师巡视指导。展示作品,指导评价。活动二:设置网页的背景音乐打开网页,我们不仅可以看到文字、图片等精彩内容,有时还能听到欢快的乐曲。那么如何在网页中设置背景音乐呢?1、做一做给“七巧板”网页添加背景音乐“忆江南”自学书上P21-22页中的内容,完成添加网页的背景音乐。学生上机操作,教师巡视指导。指名学生上机演示,教师适当引导评价。学生使用正确的方法添加网页的背景音乐。活动三:在网页中插入视频1、做一做给“嫦娥一号概况”网页添加视频教师演示操作,学生注意观察。学生上机操作,教师巡视指导。三、试一试完成书上P24页试一试中的题目。第5课 神奇的超链接教学目的:1、会制作书签超链接2、会设置文件超链接和Email超链接教学重难点:能够在网页中正确设置超链接教学方法:演示法教学课时:共一课时教学准备:1、 安装FrontPage软件2、一个我喜欢的动物网页教学过程:第一课时一、引入要将制作好的多个网页通过超链接有机地组织起来,构成一个网站,可以使用超链接。这节课,我们就来学习如何在网页中设置超链接,实现超链接神奇的效果。二、新授活动一:制作书签超链接书签是网页中被标记的位置或被标记的选中文本。当我们在网页中标记了书签后,就可以设置一些关于这些书签的超链接,当浏览者点击这些超链接时,浏览窗口会迅速显示该书签所指向的网页内容。1、做一做为“我喜欢的动物”网页设置书签超链接。教师演示操作,学生注意观察。步骤如下:将提供的“第5课”文件夹中的“animal”文件夹拷贝到自己的文件中,并在FrontPage中打开该站点。双击“文件夹列表”中的index.htm,打开主页;设置“小猫的秘密”、“鱼儿的秘密”和“鸭子的秘密”三个标签。设置“小猫”、“鱼儿”、“鸭子”三个超链接。学生上机操作,教师巡视指导。活动二:设置文件超链接我们还可以创建指向一个站点中的文件的超链接。1、做一做为“我喜欢的动物”网页设置文件超链接设置“我喜欢的动物”主页中的“小猫的秘密”、 “鱼儿的秘密”和“鸭子的秘密”三个标题的超链接,单击它们,浏览器会分别显示cat.htm、fish.htm、duck.htm。自学书上P29-30页中的内容,完成添加文件超链接,并预览效果。学生上机操作,教师巡视指导。指名学生上机演示,教师适当引导评价。三、设置Email超链接1、做一做为“我喜欢的动物”主页中的“通信“剪贴画设置Email超链接教师演示操作,学生注意观察。步骤如下:打开“我喜欢的动物”主页,右击网页中最后一行“通信”剪贴画,选择“超链接”命令;在“创建超链接”对话框中,单击“创建发送电子邮件的超链接”按钮;输入自己的Email地址;单击“确定”按钮,保存网页,预览Email超链接效果。学生上机操作,教师巡视指导。展示作品,指导评价。三、试一试1、在FrontPage中打开“笨笨熊之家”网站的首页。2、根据你自己的情况,制作“我的爱好”网页(取名为mylike.htm),介绍你的兴趣与爱好。3、将“笨笨熊之家”主页中的文字“我的爱好”链接到mylike.htm网页。4、将主页中的文字“请给我多提意见!”链接到邮件地址。5、将主页中的文字“FrontPage”链接到/FrontPage/”。第6 课用表格安排网页布局教学目的:1、会在网页中使用表格显示数据2、利用表格安排网页布局。教学重难点:利用表格安排网页布局。教学方法:演示法教学课时:共一课时教学准备:1、FrontPage软件、course文件夹、logo.gif图片一张。2、调试每台计算机3、打开计算机并由教师机控制 4、由各组组长带队有秩序地进电脑室教学过程:第一课时一、引入FrontPage的表格是一个很重要的功能。我们不仅可以利用表格显示数据,而且还可以通过调整表格中的单元格的大小,来改变放在单元格中的文本和图片的版面位置,网页的总体布局。二、新授活动一:在网页中使用表格显示数据师:FrontPage的表格操作与Word的表格操作基本类似,主要有:表格的创建,行(或列)的插入或删除,单元格的拆分、合并、格式设置等。做一做:制作“我的课程表”网页(course.htm),如图1所示。教师演示操作,学生注意观察。学生参照书P34-36页上的14个步骤,自行完成“我的课程表”网页(course.htm)设计。学生上机操作,教师巡视指导。展示完整的作品,评价小结。活动二:利用表格安排网页布局。师:FrontPage里不仅可以在表格中嵌套表格,还可以插入文字或图片。因此,我们可以利用表格来安排网页布局,设计出构图精美的网页。做一做:用表格来安排“七巧板”网页布局,如图5所示。分析:该网页的布局是由四个表格组成,在表格中嵌套表格。先建立一个3行一列的表格来布局整个网页。接下来在表格1的第一行再嵌套一个1行2列的表格,在表格1的第二行再嵌套一个1行5列的表格,最后在表格1的第三行嵌套一个2行1列的表格。教师演示操作,学生注意观察。学生参照书P38-39页上的11个步骤,自行完成“七巧板”网页布局设计。学生上机操作,教师巡视指导。小结。三、想一想在活动二中,只用一个表格可以完成如图5所示的布局吗?第七课 让网页动起来教学目标:1、在网页中添加字幕。 2、在网页中添加DHTML动态效果。教学重点:运用滚动字幕、悬停按钮美化自己的网页。教学难点:发扬探索精神,自主探究学习教学过程:一、作品展示,导入课题:师(提问):在前面我们大家的共同探讨中大家是否已经对制作一个网页有了一个具体的思路呢?生(回答):略师:大家看一看教师的这个网页中有哪些元素是大家所没有接触过的?生:运动的字!(欢迎参观我的校园);那些显示的图片!;那些颜色可以改变的按钮!师:这些元素的增加,大家感觉怎么样?生:很漂亮;有动感生:老师,这些都是怎么加上去的呀?二、新课教学1、在网页中添加字幕。师:网页中常常有一些滚动的文字,我们称之为“字幕”。在网页中添加字幕,如同在网页中插入图片。教师操作演示:(1)打开主页;(2)将光标移到网页的末尾,执行“插入”-“水平线”命令,插入一条水平线;(3)将插入点光标定位在水平线的下一行;(4)执行“插入”-“组件”-“字幕”命令,打开“字幕属性”对话框,在“文本”框中输入“欢迎光临笨笨熊之家,请多指教!”,单击“确定”按钮;(5)保存后,预览网页,观察字幕效果。字幕的字体、字号、颜色、背景等设置操作与WORD的一样。学生动手操作练习。2、在网页中添加DHTML动态效果。师:所谓DHTML动态效果,就是访问者在浏览网页的文字或图片时,随着单击鼠标或鼠标悬停或加载网页等事件发生,文字或图片就会相应地按设定的效果变化;事件消失,文字或图片恢复原样。教学操作演示:(1)用图像处理工具将一张图片处理成黑白图效果,并存到主页所在文件夹下的images文件夹中;(2)打开做好的主页,选中图片;(3)单击“格式”下拉菜单中的“动态HTML效果”命令,打开“DHTML效果”工具栏;(4)在“DHTML效果”工具栏的“开启”下拉框中,选择“鼠标悬停”事件;(5)在“应用”下拉框中,选择“交换图片”;(6)在“选择设置”下拉框中,单击“选择图片”弹出“图片”对话框;在“图片”对话框中,选择要交换的图片文件,单击“确定”;(7)保存后,预览网页效果。学生动手操作练习。 (此环节采取演示讲解法,目的是先给学生一个直观的印象,知道什么是滚动字幕、什么是悬停按钮,知道本节课自己要达到的目标,为下面的自主探究做好铺垫)二、试一试。 编辑“七巧板”主页,实现如下效果:浏览网页时,当鼠标指针悬停在“鲁班锁”或“九连环”或“华容道”文字上,文字变成加粗、倾斜、红色。(本环节采取自主探索与讨论相结合的方法,原因是学生的差异性比较大有的层次高能够根据步骤独立完成,应该鼓励他们勇于攀登高峰,而其它的同学呢有时会碰到无法解决的困难,可以互相讨论,如果实在是没有思路的同学呢,老师应该给予及时的帮助与鼓励。)教学反思: 这节课从整个环节的设制上充分体现了新课改精神与要求,能够注重学生这一主体,在课堂上充分调动学生积极性,创设了一种宽松的教学环境,在这种环境中,学生个个跃跃欲试,充分展示自我,真正达到了“不拘一格降人才”的目的,教学效果甚好。 其次鼓励性语言的运用,让学生在课堂上找到了自信
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 印刷车间5S管理推行计划与效果评估总结-计划总结
- 生产车间月度计划及安排
- 广告客户主管季度工作汇报与总结
- 新手货运司机入职培训计划
- 中级数字人自然语言处理师技能水平评价体系研究
- 网络信息安全保障计划及措施
- 销售技巧大全从沟通到签单的完整流程
- 针对特定赛事失利的高级电竞选手复盘总结报告
- 光伏系统工程师面试技巧与要点
- 幼儿园安全反恐通知书
- 团体意外险课件
- 第一单元 富强与创新 单元检测题(含答案)-2025-2026学年九年级上册道德与法治
- 2025年6月25日生效的欧盟REACH法规250项SVHC高度关注物质清单
- 【普法教育】初高中主题班会:知法懂法做明理少年【课件】
- 咖啡机保养维护细则
- 2025年第二届玻璃基板TGV暨板级封装产业高峰论坛:玻璃基板封装关键工艺研究
- 文化传播赋能产业高质量发展的机制与路径研究
- T/CIE 185-2023光时延测量通用规范
- 易货师考试题库及答案
- 眼视光专业毕业论文
- 2025-2026学年人教版(2024)小学体育与健康三年级全一册《学会处理割伤、刺伤和烧烫伤》教学设计
评论
0/150
提交评论