信息技术教学《美化网页》
信息技术教学《美化网页》1
教学目标：
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-28
网页制作教学设计07-28
制作网页教学设计04-20
网页制作教学计划06-08
网页制作教学设计(精选7篇)12-01
网页制作教学设计(7篇)11-28
网页制作教学设计7篇11-27
信息技术教学08-04
网页制作教学设计(通用7篇)12-06