初中信息技术《设计网站首页》教案、教学设计
高考报名号查询系统-商行舟
课题
设计网站首页
讲解人
教材设想
根据本
课的特点，我采用理实一体化的教学方法。将
“
美化网站首页
”
这一案例作为
主
线，通过布置给学生具体任务，以任务驱动的方式引导学生探索学习，以此培养学生的
综合学
习和应用能力。通过在完成任务的过程中，让学生进行广泛的交流与合作，加强学
生的协作学习氛围以及
合作能力，在交流中提高软件的实际应用能力。
教学目标
1
、了解网页编辑的一般过程
2
、学会在网页中设置文字格式、插入水平线，插入图片并调整位置，帮助小明完成网页设计
3
、学会预览和保存网页
教学重点
教学难点
教学方法
学习方法
教学环节
导入
在网页中插入图片调整位置
在网页中插入图片及图片的调整
理实一体化教学法、情境教学法、启发诱导式
自主合作学习、讨论探究式学习
教学内容
设置情景，引入课题：
双边活动及设计意图
看到图片， 经
教师引导， 明
展示两种网
站的首页，一种设置后的，一
张没有设置的，对比两张图片的不同。激发
确学习任务。
学生阅读学
习目标。
学生兴趣。提出本课课题。
1
教学 教学内容 双边活动
环节
网页 任务一
教师解读任务
设计
启动
frontpage
软件，
单ft菜单栏
“
文件
”—“
打开
”—
桌
及知
面
—
情感小屋
—“”,
设置文字的字体， 字号，
学生上台演示
颜色（可参照首页效果图）
提示
识讲
解
教师说步骤学生操作
学生通过操作发现不同设置不
同变化
在网页中对文字格式的设置与在
word
中相似。
单ft菜单栏中的
“
格式
”—
字体
任务二
教师统一播放微视频
1
学生自主观看微视频
2
，
在
“
我的
情感小屋
”
和
“
小明制作
”
之间加入一条水平线
小组合作探究完成任务三
学生在操作中发现问题
2
使页面更清晰。
水平线属性对话框
教师讲解
学生总结
教师展示小结
观看微视频
1
观看微视频
2
完成任务三调整图片位置任
务三
在
“<
br>欢迎光临
”
的左侧插入
“
素材
”
文件夹中的图片，
调整图
片位置。参考如图所示效果。
保存预览网页
小结
:
设置文字格式
插入水平线
插入图片调整位置
保存预览网页
拓展提升：
如何在网页中插入背景音乐
关机，检查整理机器，收交材料。
摆放桌凳，打扫卫Th，下课
3