本资料来自于资源最齐全的21世纪教育网www.21cnjy.com
课题名称:修饰网页中的文字和背景
教学分析:我们已经制作了几个网页,但是这些网页中只有文字,而且文字都是一个模样,实在是太单调了,这节课我们就来学习怎样让网页中的内容变的漂亮些。
知识与能力:(1)用网页编辑软件打开网站和修改网页的基本方法。(2)学会对网页中的文字进行各种修饰。(3)学会为网页设置背景图片。(4)学会使用水平线美化网页。过程与方法:通过学生探究学习过程中,掌握美化网页的基本操作。情感态度价值观:(1)通过动手实践,培养学生的审美情趣。(2)培养学生在学习过程中自主探究、对比、举一反三的学习能力。(3)利用知识的迁移,培养学生的综合信息素养能力。
教学重点:引导学生正确打开站点。
教学难点:为网页设置背景图片。
教学教具:多媒体网络教室
教学设计
教学内容及设计意图 教学方法及手段对比法任务驱动法讲解法引导法讲解法任务驱动法对比法 教 师 教 的 活 动一、直接导入上节课我们建立“诗文荟萃”网站及它的主页,大家能打开它吗?二、新授【站点的打开】分别找学生介绍自己的不同的打开方法……(会出现直接打开站点文件夹现象和启动FrontPage软件后“文件”—“打开站点”两种情况)初学者易出错点这两种情况中哪一种能对网页进行修改?试试看……(通过出错并修正错误来学习新知识)一种是浏览方式,一种是编辑方式任务:大家已经知道哪一种打开站点的方法能对不满意的网页进行修改了,接下来我们要对网页进行一些美化工作了。下面大家比较一下哪一张网页比较吸引你?并说说原因?广播展示对比网页……引导1:我们在学习文字处理软件时也对文档进行修饰,大家能不能也对我们的网页中的文字进行修饰呢?能不能也给我们的网页换个漂亮的背景呢?大家动手试试看……广播展示学生网页文字修饰……(展示的过程中提示学生:1.尽量使用黑体、楷体、宋体、仿宋体、幼圆体这5种标准字体,以便网上其他计算机能顺利显示网页是的文字;2.合理搭配网页中的文字与背景的颜色,以达到赏心悦目的效果。)引导2:在网页中还有一个细节之处不知大家发现了没有?(水平线)我们也试着给自己的网页中添加水平线来美化我们的网页。任务:在网页中一种颜色做背景好像有点儿枯燥,能不能换一个淡雅一点的图片做背景呢?提示:图片做背景应该还在“背景”对话框中找。广播展示学生的发现……注意点:1.在网页中插入的图片或动画、音乐、小电影都要及时保存,并保存在网站images文件夹中,以防止发布到网上出现链接错误;2.想看网页存完后的结果可以使用“预览”,所看即所得。【任务延伸】:大家使用图片修饰的是一张网页背景,那么我做了多张网页的背景也用这种方法就太累人了,能不能有一种“一劳永逸”的办法让所有的网页与第一张相同呢?办法是有的,“格式”菜单下的“主题”大家试试看……注意点:1.使用了主题后,再使用背景是不能的,必须先删除所用的主题,方法是:“主题”对话框中使用“无主题”即可;2.想应用所有的网页时选择“所有网页”这一项。三、教师总结1.【举一反三】从“文字”颜色──“网页”背景(单色)──“网页”背景(图片)──“多个网页”背景一致(主题),由浅入深,形成线与珠的关系。2.使用右键的“快捷菜单”便利。四、作业打开你的素材库完成《诗文荟萃》其他网页制作并做修饰(教师展示一张)展示学生作业并点评…… 学生学的活动学生实践……学生实践,并回答老师问题。学生通过观察了解到:文字进行了字体变大着色、居中修饰、网页的背景变颜色。学生进行实践活动……学生回答:……学生动手实践并互相交流……学生动手实践…… 目标达成及反思1.本节课在文字修饰块内容教师可以略说,学生自己动手实践,但其中就存在一个问题,若文字处理软件没有学习,此内容就会影响本节课的完成效果。2.任务延伸这块内容可根据整体学生掌握情况加以取舍,也可对个别学习较快的做为知识的延伸内容。3.内容衔接比较紧凑。 老师复备内容
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网