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

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

信息技术教学《美化网页》【通用2篇】信息技术教学《美化网页》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（边说边出示“设置图片属性”步骤）师：好，请坐。师：接下来，考一考大家（活动二），请按照自己喜欢的排版方式，对图片的属性进行设置。开始