制作图文并茂的网页.doc

《制作图文并茂的网页》课堂实录
 
一、导入课堂
师:同学们好!
生:老师好!
师:同学们,上一节课我们学习了一个简单网页(文字)的制作方法。现在,我们来分享一下上节课学习的内容(观看同学们上节课完成的作品)。生回忆上节课的学习内容。
师:今天老师这里有两个文字内容完全相同的网页,你喜欢哪个网页呢?说说为什么?
生回答:图文并茂,生动活泼,吸引人……
师:对比两个网页,它们间的不同点是在哪里?
生:有图片,有水平线……
师:今天,我们就来学习:制作图文并茂的网页。
板书:制作图文并茂的网页
二、展示任务、书中释疑
师:好,我们来看看,这个水平线是怎么制作的?拿出课本,翻开89页,参考课本的内容,自主尝试学习。先用一分钟时间,认真阅读课本内容,然后再尝试制作水平线。
(学生阅读课本)
(自由举手)指定一个学生当演示怎样制作网页中水平线。
板书:插入水平线。
比一比,看谁最棒!(参考教材尝试练线前要先定位光标的位置;完成后要记得保存。
师:学会了插入水平线,还有这些图片又是怎么样添加进去的呢?
师:同学们,我们以前学习过在word中插入图片,现在回忆一下在word中插入图片的方法,下面让同学们自主的尝试:参考在word中插入图片的方法,给你制作的网页添加图片。那么图片在哪里有呢?(师边演示操作边说)打开我的电脑,素材磁盘中的图片文件夹中。
师:我们在网页中添加图片前,要考虑什么?
生:图片的位置:光标所在的位置。
师:图片的位置,还有呢?
生:大小、图片的内容与文章的内容是否符合。
……
师:我们了解了在网页添加图片要考虑的事情,下面,同学们就根据刚才说的内容选择图片,尝试给网页添加这些图片。(生操作,教师巡视指导,提醒学生要注意的问题。)
师:老师刚才在巡视的过程中,发现有个别同学忘了以前我们学习word的时候,插入图片的方法。谁愿意来当小老师,指导一下已经忘了的同学。
生举手示意,教师指名学生当小老师,演示操作。
生(边演示操作,边演说):先定位光标的位置,然后点击插入菜单命令,选择图片,来自文件……,在对话框了找到自己需要的图片,确定。
板书:插入图片。
师:刚才还没有完成的同学,你们学会了怎样插入图片了。现在老师给时间你们完成,已经做好的同学,考虑一下,你插入的图片,有没有可以改进的地方,怎么做呢?
(师巡视,个别指导)
三、保存带图片的网页
师:我们做好的以后,还要记得及时的保存自己做好的网页哦。
师:同学们,你们有没有发现,在保存带图片的网页时候,当我们直接点击常用工具栏上的保存按钮时候,会出现一个对话框,你们是怎么操作的呢?
生举手示意,教师指名请一个同学演示她的操作。老师在旁边指导说明。
师说明:当弹出对话框的时候,能否直接按确定按钮?仔细考虑,考虑时候,回忆一下,我们在学习创建站点的时候,刚建立好的站点中有两个文件夹,其中一个文件夹的作用就是存放图片的。现在我们制做的网页就带有图片了,那么怎么将这些图片放到站点中的图片文件夹?记得要点击“更改文件夹”按钮,选择站点中的图片文件夹。然后才点击确定按钮。
(提醒:做网页的时候,还随时记得保存。生操作练线、图片的格式。
刚才插入到网页中的水平线和图片,是不是很美观呀?是不是还有需要调整的地方?
(展示一个学生的网页作网页舔加不同的背景。
(四)、把你的网页配上自己喜欢的音乐。
(五)、保存,预览网页效果。
师:登录网站,试听音乐,并下载。迷笛音乐不是都能下载的,要注意挑选。
下载完毕的同学抓紧添加在网页上。
小结:师:同学们做好,经过了一节课的学习,我们学到了哪些知识?高炜杰
生:我们添加了背景颜色、背景图片、背景音乐。
师:使网站有哪些变化?
生:背景颜色、背景图片、背景音乐。
【学习内容】:
1、学会在网页(使用FrontPage2003工具)中导入图片和设置图片格式。
2、学会在网页中插入和设置水平线。
3、学会保存带图片的网页。
(参考参考中山版六年级教材中第三章第五节P88—P92的教学内容)
【教材分析】:
本章着重讲述网页中图片文件操作的相关知识,本节课则侧重于图片的导入与简单编辑操作。在网页设计中,文字构成了网页的灵魂,图片使得网页锦上添花,因此图片的导入与编辑成为本章的重点部分,也是网页设计的基础环节。熟练掌握本节课的知识内容,对网页设计起着重要的作用。
【学情分析】:
经过前面的学习,我们的学生已经熟练掌握网页中文字对象的编辑与操作,能够独立的设计并制作简单的主页。但在网页设计中若只存在文字对象,对于学生来说是远远不够的,图文并茂、声色俱佳效