admin 管理员组文章数量: 887031
2024年2月24日发(作者：electronic造句并翻译)
初中信息技术七年级下册第5单元第4课
教学设计
学校
课题
教
学
目
标
黄岛区隐珠街道办事处中心中学 授课年级 七年级
课型
执教教师 王欣英
新授课 海洋浸润课堂——让网页变得漂亮起来
知识与技能
过程与方法
1．学会修饰网页中的文字，为网页添加背景，在网页中插入水平线。
2．学会根据网页的内容自主修饰网页，保持网页整体的一致性。
在导学小博士的指引下，通过操作练习，使学生感受学习知识的过程，总结操作规律，培养学生自主学习与团结协作的能力。
在学习过程中感受美、创造美，提高审美情趣，体会创作的乐趣。 情感态度与价值观
教学重点
教学难点
教学方法
教学手段
修饰网页中的文字，为网页添加背景，在网页中插入水平线。
根据网页的整体效果，自由修饰网页，使网页更漂亮。
任务驱动—情景教学—自主探究—协作学习—评价反思
多媒体微机室、课件 课时安排 1课时
教 学 过 程
教学步骤
环节一：
创设情景揭示课题
教 师 活 动
课前放本节知识点微视频。
同学们都知道我们学校是海洋教育特色学校，现在学校里重新编写了一套《让海洋浸润课堂》的书，为了更好地宣传这本书，老师建了一个《让海洋浸润课堂》的网站（演示未修饰的网站），同学们再想想平常浏览过的网站，你觉得老师的网站能起到很好的宣传作用吗？为什么？
总结：未经修饰，吸引不了更多的人关注，起不到很好的宣传作用。别人的网站那么漂亮，我们的网站能不能也变得漂亮起来呢？你觉得网页可以从哪些方面漂亮起来呢？
现在很多同学都磨拳擦掌，老师为同学们准备了六关，我相信，大家连续闯关后，一定也能做出更漂亮的网站。同学们有没有信心？
咱们抓紧行动吧！
第一关：让网页的文字更生动
【任务一】：将网站首页“”中的标题“让海洋浸润课堂”变为竖排文字，并设置字体为华文行楷、加粗，字号5（18磅）、蓝色、居中。
师巡视指导学生的操作。
查看小组闯关情况，及时鼓励学生。
强调：“先选定，再操作”。
字体修饰好了，我们的网页也漂亮了一点，美中不足的是网页的底色都是白色，色调反差较大，我们来给网页添加点背景色怎么样？
第二关：为网页添加背景颜色
【任务二】：将网站首页“”的背景设为水1
学生活动
生答
导入本节知识点
设计意图及反思
通过学校特色教育及网页对比环节吸引学生的注意，使学生对教学内容产生新奇感，从而调动学生对学习内容的兴趣，使他们迅速进入渴望获得知识的最佳状态。
环节二：
合作交流探求方法
学生结合Word中的字体修饰自主操作完成。完成快的可以去帮助同组其他同学。各小组长查看任务一和任务二的完成情况。
这一大环节是本课的重点部分，任务是贯穿课堂始终的“导火线”，在这个环节中抛出一个个任务，激发学生的好奇心、求知欲，促使学生去探索、去自主学习、去协作互助。
初中信息技术七年级下册第5单元第4课
绿色。
师巡视指导学生的操作。
查看小组闯关情况，进一步调动学生的学习兴趣。
强调：背景色要服从于网页的整体效果，色彩搭配要恰
当。
想一想：除了用颜色做背景外，还可以用什么做背景
呢？我们一起来探讨一下吧。
第三关：用图片做网页的背景
【任务三】：将首页“”的背景改为D盘“素学生自主探材背景”文件夹中名为 “haxing1”的图片。 究，会者为师巡视指导学生的操作。 师，互帮互温馨提示：查看图片可用缩略图。 助。
师：哪位同学愿意当小老师？ 学生机上演查看小组闯关情况，鼓励学生趁热打铁。 示操作方法
强调：①选背景图片要注意与网页整体效果的融合，达
到文图合一。
②图片不一定是背景的最佳选择，要看跟主题的搭配是
否恰当，有时候背景色反而更能出效果。
思考：既然整个网页可以设置背景色或背景图片，那师适当提示，网页中的表格或表格中的单元格可不可以设置背景色学生结合自或背景图片呢？ 主学习平台语文中有个词叫“绘声绘色”，背景（色）添加上了，操作完成。
要是再配上动听的音乐，我们的网页是不是会更出彩？
第四关：为网页添加背景音乐（拓展）
【任务四】：为主页“index..htm”添加D盘“素材
音乐”文件夹中名为“music1”的背景音乐，循环播放小组探究，互6次。 相帮助。
师巡视指导学生的操作。
师：老师也想听音乐，同学们教教老师好不好？
查看小组闯关情况，鼓励学生乘胜追击。 学生说步骤强调：背景音乐用的命令是“格式——背景——网页属老师操作演性——常规”（或网页中单击右键——网页属性——常示
规），不是插入菜单里面的命令。
对之前学的知识简短小结（板书），引入“水平线”：
在制作网页的过程中，为了使网页条理清晰，通常在标
题与正文之间插入一条水平线以达到进一步美化网页
的效果。
【第五关】：在网页中划分区域——插入水平线
【任务五】：在子页“海洋地理——话说四大洋.htm”
的标题与正文之间插入水平线，宽度为90%，高度为3小组讨论、探像素，居中、紫色。 究，共同解师巡视指导学生的操作。 决。
师：哪位同学来演示一下？
2
初中信息技术七年级下册第5单元第4课
查看小组闯关情况，激励学生再接再励。
强调：设置水平线宽度时要注意单位是“像素”还是“窗口宽度百分比”。
小结：思维结构导图
学生机演示
学生通过设计作品，不仅巩固了新知，而且促使他们的审美能力、创新能力协同发展。以小组为单位增强学生的团队合作意识，培养学生的合作能力。
环节三：
自由创作
自我发展
巩固提升
学生总结归纳，说的不全其他同学可
补充
师强调：操作无定法，这些操作可通过菜单里的“插入”
或“格式”命令完成，有的还可用快捷键右键来完成。
第六关：综合运用
请同学们利用本节课所学的知识，修饰“让海洋浸润课
堂”网站中其它子页，发挥你的想象力，比比看谁做得每组同学选更好！ 择不同的子温馨建议： 页进行修饰，（1）把你要修饰的子页标题改为比较美观大方的艺术可和其他同字（样式、字体、字号、颜色等自定） 学合作完成（2）为这个子页添加恰当的背景色或背景图片（或使任务。
用格式——主题）。 （学生提出（3）在子页的某个位置插入水平线（位置、宽度、高设置背景后度、颜色等能与网页匹配） 插入图片的（4）给子页添加合适的背景音乐，播放方式自定。 底色是白色参考标准：注意与网页整体效果的融合，色彩搭配要影响整体效恰当，保持网页整体的一致性。 果的问题—师大屏幕展示“色彩搭配知识”供学生参考使用。 —解决“透明师巡视指导学生操作。 色”）
师：请已经完成作品的同学大胆地走出自己的座位去看看其他同学的作品，如果你觉得谁的作品比自己做得好，你可以虚心向他请教；如果他有什么问题，你也可以给他指出来，并教教他。
学生作品展示、点评。用到了那些知识点？好在哪里？环节四：
你觉得他的作品还可以怎么改进一下？被点评的学生观摩协作是否接受其他同学的建议？
总结升华
强调：审美要有合乎大众的标准。
师生总结：经过修改设计后，我们的网页越来越漂亮了，同学们在学习知识的过程中也体会到了创作的美和快乐，没有最好，只有更好，让我们一起继续努力，把我们的网页修饰得更生动吧！
进一步发挥学生的主体作用，培养学生对信息技 术的学习兴趣，。
点评作品
领悟、反思 渗透德育教育：为下一节课热爱海洋，保护铺垫 海洋，发现美、创造美、传播美。
3
版权声明：本文标题：让网页变得漂亮起来教案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1708750120h530517.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论