信息技术教学《美化网页》

时间:2023-07-20 08:36:24 信息技术 我要投稿

信息技术教学《美化网页》【通用2篇】

信息技术教学《美化网页》1

  教学目标:

信息技术教学《美化网页》【通用2篇】

  1、通过学习在网页中插入图片、设置图片属性、编辑图片和添加背景,学会美化网页的方法;

  2、通过探究学习,小组合作,培养学生动脑、动手能力,合作交流能力;

  3、通过学习提高学生的审美能力、自身艺术修养水平。

  教学重难点:

  重点:插入图片、设置图片属性、编辑图片和添加网页背景

  难点:合理美化网页

  教学准备:

  相关教学课件、网站、图片等

  教学过程:

  一、作品对比,导入新课

  1、展示网页,引发兴趣:

  引言:教师展示未美化的网页和美化过的网页,学生认真观察。

  揭题:通过美化的网页,更吸引我们,那么怎样美化网页?揭题(板书:8.美化网页)

  二、回顾旧知,打开网站

  展示学习要领(板书:一、插入图片)

  三、回顾旧知,打开网站

  1.教师演示讲解

  2、学生活动:

  打开桌面上的.网站

  四、引导在网页中插入图片

  1.回顾:如何在ppt中插入图片。

  2.师生互动交流。

  在网页中插入图片和ppt中插入图片的方法非常相似,教师提示插入图片过程

  3.布置任务:活动一。

  4.巡视全班,个别辅导。

  5.学生代表演示,发现问题。

  3.学生边复述过程教师边出示板书。

  定位光标—插入—图片—来自文件

  五、设置图片属性

  1.教师展示未排版过的网页,讨论交流,说明光插入网页还不够,还要对图片进行设置。(板书:二、设置图片)

  2.教师演示设置图片方法。

  同学们边复述操作方法教师边出示板书

  鼠标右击图片—图片属性—外观

  3.学生动手设置图片。

  做一做:活动二

  4.巡视全班,个别辅导。

  引导学生在探究过程中,要细心观察图片属性对话框中各选项设置,如保持纵横比。

  六、编辑图片

  1.提问:只要图片的文字或者画的部分,可以做到吗?那就要编辑图片。(板书:三、编辑图片)

  2.教师演示编辑图片步骤,出示板书。

  鼠标右击图片—显示图片工具栏

  3.学生动手编辑图片。

  4.巡视全班,个别辅导。

  引导学生编辑图片除了“裁剪”功能,还有其他编辑图片的的功能,如调整图片的明亮度等

  七、添加网页背景

  1.展示美化过的网页。

  思考:除了有图片的美化,还有什么特别之处?

  2.请学生参考书本P47,尝试添加背景。(板书:四、添加背景)

  3.学生演示添加背景方法,出示板书。

  文件—属性—格式

  八、作品展示,教学评价。

  1、学生互评:比一比,哪位同学的网页更美观。

  2、教师鼓励、评点。

  九、提交作业

  保存网页,提交作业。

  十、课堂总结

信息技术教学《美化网页》2

  (一)导入

  师:同学们,前面我们已经学习了如何“建立网页”,今天,老师借助网页的形式介绍下老师的爱好,大家请看,这是第1个网页,这是第2个,你们更喜欢哪个网页呀?

  生:xxxx

  师:嗯,这个,是的,这个网页有了图片的美化与修饰,使整个页面更生动,而且更吸引我们的眼球,那么美化网页该怎么做呢?今天我们走进第8课《美化网页》的学习。

  师:请同学们齐读课题第8课开始。

  生:齐读课题。(板书课题)

  过渡:那么,要学会哪些本领,才能美化网页呢?请同学们快速浏览。(展示“学习要领”)

  (二)新授

  1、回顾

  过渡:好,让我们看看如何在网页中插入图片(板书:插入图片),那么,我们还得先利用FrontPage这个软件,建立或者打开已经建立好的网站,如何打开已经建立好的网站呢?

  师:老师这儿,给大家一些温馨提示,请看。(展示“回顾”)

  师:老师,已经在同学们的桌面上建立好了一个名为“班级姓名美化网页”的网站,而且里边有两个网页:“wodeaihao.htm”、“aizhuochongdewo.htm”和一些图片。

  师:谁愿意帮老师利用FrontPage软件打开这个网站?

  生:xxxx

  师:非常感谢你的帮忙。

  2、插入图片

  过渡:接下来,请同学们修改你们自己桌面上的网站名称,把“班级+姓名”替换了,在打开网站之后,以同桌为一小组,学习44~45页,给“wodeaihao.htm”网页插入合理的图片(活动一)。

  生:xxxx

  师:巡视,收集问题。

  【同学们,在网页中插入图片,和上学期学过的在ppt中插入图片是不是很类似呀?边做边保存网页,按F12浏览网页】

  过渡:好,同学们请停下来,不要紧,没做完的待会还有机会再操作。

  师:谁愿意和我们分享下你的操作方法?

  生:xxxx

  师:直接就单击“插入”吗?把图片添加到网页哪个位置,要不要先确定?

  生:xxxx

  师:然后呢?老师把你说的步骤展示出来。(特别提醒:①定位光标)

  过渡:好了,同学们,你们看这图片和文字的位置能不能更合理些,网页更美观些呢?

  生:xxxx

  师:那么我们就要对图片的`属性进行设置(板书:设置图片属性),现在,请同学们认真看老师的演示哦!

  师:(演示+讲解)“双击图片”——>“图片属性”——>“外观”

  师:谁看清了老师的操作过程,和我们说一说。

  生:xxxx(边说边出示“设置图片属性”步骤)

  师:好,请坐。

  师:接下来,考一考大家(活动二),请按照自己喜欢的排版方式,对图片的属性进行设置。开始吧!(往下展示“设置图片属性”步骤页面)

  师:巡视。

  【设置好的同学,可以参照书本46~47页的第⑥点和第⑦点,试试,你发现了什么?】(活动三)

  展示学生作品

  师:都停下来,请往上看,我们看看这位同学的作品。(控制学生机)

  师:(生生评价和师生评价)整个页面图片布局合理,文字与文字的距离恰好,看上去很舒服。咱们再看这位同学,整体还行,但是如果能xxx就更好了。

  3、以上设置图片属性(拓展:设置图片属性的“常规”选项,即活动三。)

  4、编辑图片

  过渡:同学们,咱们已经学会了添加图片,设置图片属性,那如果老师只要张图片这一区域,我们应该怎么办呢?

  师:对了,对图片进行编辑(板书:编辑图片)。

  师:(边演示+讲解)比如,对这张图片进行裁剪,首先“选中图片”——>单击鼠标右键——>“显示图片工具栏”——>“裁剪”——>调整裁剪范围,除了裁剪,还有很多对图片进行编辑的功能。

  师:现在,请同学们按照老师给出的提示(课件展示“编辑插入的图片”),自己试一试。

  4、以上编辑图片

  5、设置网页背景

  过渡:同学们,请看大屏幕,编辑图片还有很多值得我们探索,课后同学们再继续,大家再看老师的这张网页,除了图片,还有什么特别之处呢?

  生:xxxx

  师:是啊,还有背景呢!

  师:那请同学们参考47页,按照书本介绍的方法,为自己的网页添加个背景吧。ppt展示设置背景步骤。(板书:设置背景)

  师:设置完背景的同学,尝试以上两个操作。(展示“创新活动”)

  5、以上设置网页背景

  (三)总结

  师:这节课,大家都学会了哪些美化网页的本领呀?

  生:xxxx贴板书步骤。

  师:美化网页除了添加图片,还有很多很多其他的方式,下节课我们再继续探索。

【信息技术教学《美化网页》】相关文章:

信息技术教学《美化网页》07-27

五年级信息技术《美化网页》教学实录07-28

网页制作教学设计07-28

制作网页教学设计04-20

网页制作教学计划06-08

网页制作教学设计7篇11-27

网页制作教学设计(7篇)11-28

网页制作教学设计(精选7篇)12-01

信息技术教学08-04