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

1 / 6 五年级信息技术美化网页教学实录 五年级信息技术美化网页教学实录 （一）导入 师：同学们，前面我们已经学习了如何 “ 建立网页 ” ，今天，老师借助网页的形式介绍下老师的爱好，大家请看，这是第1 个网页，这是第 2 个，你们更喜欢哪个网页呀？ 生： 师：嗯，这个，是的，这个网页有了图片的美化与修饰，使整个页面更生动，而且更吸引我们的眼球，那么美化网页该怎么做呢？今天我们走进第 8 课美化网页的学习。 师：请同学们齐读课题第 8 课开始。 生：齐读课题。（板书课题） 过渡：那么，要学会哪些本领， 才能美化网页呢？请同学们快速浏览。（展示 “ 学习要领 ” ） （二）新授 1、回顾 过渡：好，让我们看看如何在网页中插入图片（板书：插入图片），那么，我们还得先利用 FrontPage 这个软件，建立或者打开已经建立好的网站，如何打开已经建立好的网站呢？ 2 / 6 师：老师这儿，给大家一些温馨提示，请看。（展示 “ 回顾 ” ） 师：老师，已经在同学们的桌面上建立好了一个名为 “ 班级姓名美化网页 ” 的网站，而且里边有两个网页： “” 、 “”和一些图片。 师：谁愿意帮老师利用 FrontPage 软件打开这个网站？ 生： 师：非常感谢你的帮忙。 2、插入图片 过渡：接下来，请同学们修改你们自己桌面上的网站名称，把 “ 班级 +姓名 ” 替换了，在打开网站之后，以同桌为一小组，学习 4445 页，给 “” 网页插入合理的图片（活动一）。 生： 师：巡视，收集问题。 【同学们，在网页中插入图片，和上学期学过的在 ppt 中插入 图 片 是 不 是 很 类 似 呀 ？ 边 做 边 保 存 网 页 ， 有 个 *号？按 F12 浏览网页】 过渡：好，同学们请停下来，不要紧，没做完的待会还有机会再操作。 3 / 6 师：谁愿意和我们分享下你的操作方法？ 生 ： 师：直接就单击 “ 插入 ” 吗？把图片添加到网页哪个位置，要不要先确定？ 生： 师：然后呢？老师把你说的步骤展示出来。（特别提醒： 定位光标） 1和 2以上打开网站和添加图片（插入站点外图片【备选】放综合拓展） 3、设置图片属性 过渡：好了，同学们，你们看这图片和文字的位置能不能更合理些，网页更美观些呢？ 生： 师：那么我们就要对图片的属性进行设置（板书：设置图片属性），现在，请同学们认真看老师的演示哦！ 师：（演 示 +讲解 ） “ 双击 图片 ” “ 图 片属性 ” “ 外观 ” 师：谁看清了老师的操作过程，和我们说一说。 生： （边说边出示 “ 设置图片属性 ” 步骤） 师：好，请坐。 4 / 6 师：接下来，考一考大家（活动二），请按照自己喜欢的排版方式，对图片的属性进行设置。开始吧！（往下展示 “ 设置图片属性 ” 步骤页面） 师：巡视。 【设置好的同学，可以参照书本 4647 页的第 点和第 点，试试，你发现了什么？】（活动三） 展示学生作品 师：都停下来，请往上看，我们看看这位同学的作品。（控制学生机） 师：（生生评价和师生评价）整个页面图片布局合理，文字与文字的 距离恰好，看上去很舒服。咱们再看这位同学，整体还行，但是如果能 就更好了。 3以上设置图片属性（拓展：设置图片属性的 “ 常规 ” 选项，即活动三。） 4、编辑图片 过渡：同学们，咱们已经学会了添加图片，设置图片属性，那如果老师只要张图片这一区域，我们应该怎么办呢？ 5 / 6 师：对了，对图片进行编辑（板书：编辑图片）。 师：（边演示 +讲解）比如，对这张图片进行裁剪，首先 “ 选中图片 ” 单击鼠标右键 “ 显示图片工具栏 ” “ 裁剪 ” 调整裁剪范围，除了裁剪，还有 很多对图片进行编辑的功能。 师：现在，请同学们按照老师给出的提示（课件展示 “ 编辑插入的图片 ” ），自己试一试。 4以上编辑图片 5、设置网页背景 过渡：同学们，请看大屏幕，编辑图片还有很多值得我们探索，课后同学们再继续，大家再看老师的这张网页，除了图片，还有什么特别之处呢？ 生： 师：是啊，还有背景呢！ 师：那请同学们参考 47 页，按照书本介绍的方法，为自己的网页添加个背景吧。 ppt 展示设置背景步骤。（板书：设置背景） 师：设置完背景的同学，尝试以上两个操作。（展示 “ 创新活动 ” ）