任务三 使用表格、图片美化网页 教学设计 (2)
文档属性
| 名称 | 任务三 使用表格、图片美化网页 教学设计 (2) |  | |
| 格式 | zip | ||
| 文件大小 | 10.6KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 沪教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2016-07-14 18:16:44 | ||
图片预览
文档简介
本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
任务三
使用表格、图片美化网页
教学设计
1教学目标
知识与技能目标
掌握表格与图片的使用方法
学会修改表格属性、单元格属性、网页属性的方法。
情感态度与价值观目标
1、培养学生小组合作精神
2、通过学习和实践，培养学生对网页制作的兴趣和主动探索的精神。
2学情分析
本课是第二节网站建设的任务三《使用表格、图片美化网页》，此任务是在基于任务一、二之后详尽地介绍了进一步完善网页的知识，任务三中一共分为5个内容，制作top1、top2、top2的二级子页面、top3以及最后框架页面的调整，本节内容都是操作性的知识，top2、top2的二级子页面以及top3的制作大多都是和制作top1中的方法是相同的，所以本节课主讲top1的制作，后面的内容都可以让学生根据制作top1的方法结合书上的内容自主探究学习。
3重点难点
重点：1、表格与图片的使用方法；
2、表格属性、单元格属性与网页背景的设置。
难点：表格属性、单元格属性的设置
4教学过程
活动1【导入】使用表格美化网页
教学环节
教师活动
学生活动
设计理念
知识呈现
导入新课
展示做好的“我爱我校”的top1页面给学生看，并分析它的组成。展示top1页面中用到的图片。提问：我们怎样将这些图片组成在一起的？并且放到指定的位置？表格是网页制作中使用最广泛的内容组织方式之一。通过使用表格，可以对素材（文字、图片等）进行更加合理、精确的布局。
讨论，回答
通过观察、提问，引导学生思考一个页面的布局，引入今天的课题，“使用表格、图片美化网页”。
活动2【活动】 第二阶段：分组完成任务，范例精讲，学生自主探究，完成范例
第二阶段：分组完成任务，范例精讲，学生自主探究.
活动3【活动】学生任务：操作并填写
任务一：插入图片
根据书上P120页②的内容在第一行和第二行插入相对应的图片。
提示：与我们学过的word中的插入图片方法相同。
步骤：
任务二：设置单元格属性
根据书上P120页③的内容设置第三行单元格的属性，
提示：右击要修改的对象（第三行单元格）。
步骤：
任务三：插入表格、设置字体格式
根据书上P120页④的内容在第三行插入一个2行2列的表格并按照P121页第⑤的内容修改第三行表格的字体格式。21世纪教育网版权所有
提示：1、插入表格不是在“插入”菜单下找表格，而是在“表格”菜单下找“插入”。
2、表格中的字体与表格属性有关，右击要修改的表格吧。
3、书上P121页中的图4—23是“修改样式”对话框，说明是与“样式”有关，找一找“表格属性”对话框中哪里有“样式”。21教育网
步骤：
任务四：更改网页背景
根据书上P121页第⑦的内容修改top1的背景。
思考：还有没有另一种方法？
提示：网页背景与网页属性有关，右击网页空白处看一看吧。
步骤：
方法一：
方法二：
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网
任务三
使用表格、图片美化网页
教学设计
1教学目标
知识与技能目标
掌握表格与图片的使用方法
学会修改表格属性、单元格属性、网页属性的方法。
情感态度与价值观目标
1、培养学生小组合作精神
2、通过学习和实践，培养学生对网页制作的兴趣和主动探索的精神。
2学情分析
本课是第二节网站建设的任务三《使用表格、图片美化网页》，此任务是在基于任务一、二之后详尽地介绍了进一步完善网页的知识，任务三中一共分为5个内容，制作top1、top2、top2的二级子页面、top3以及最后框架页面的调整，本节内容都是操作性的知识，top2、top2的二级子页面以及top3的制作大多都是和制作top1中的方法是相同的，所以本节课主讲top1的制作，后面的内容都可以让学生根据制作top1的方法结合书上的内容自主探究学习。
3重点难点
重点：1、表格与图片的使用方法；
2、表格属性、单元格属性与网页背景的设置。
难点：表格属性、单元格属性的设置
4教学过程
活动1【导入】使用表格美化网页
教学环节
教师活动
学生活动
设计理念
知识呈现
导入新课
展示做好的“我爱我校”的top1页面给学生看，并分析它的组成。展示top1页面中用到的图片。提问：我们怎样将这些图片组成在一起的？并且放到指定的位置？表格是网页制作中使用最广泛的内容组织方式之一。通过使用表格，可以对素材（文字、图片等）进行更加合理、精确的布局。
讨论，回答
通过观察、提问，引导学生思考一个页面的布局，引入今天的课题，“使用表格、图片美化网页”。
活动2【活动】 第二阶段：分组完成任务，范例精讲，学生自主探究，完成范例
第二阶段：分组完成任务，范例精讲，学生自主探究.
活动3【活动】学生任务：操作并填写
任务一：插入图片
根据书上P120页②的内容在第一行和第二行插入相对应的图片。
提示：与我们学过的word中的插入图片方法相同。
步骤：
任务二：设置单元格属性
根据书上P120页③的内容设置第三行单元格的属性，
提示：右击要修改的对象（第三行单元格）。
步骤：
任务三：插入表格、设置字体格式
根据书上P120页④的内容在第三行插入一个2行2列的表格并按照P121页第⑤的内容修改第三行表格的字体格式。21世纪教育网版权所有
提示：1、插入表格不是在“插入”菜单下找表格，而是在“表格”菜单下找“插入”。
2、表格中的字体与表格属性有关，右击要修改的表格吧。
3、书上P121页中的图4—23是“修改样式”对话框，说明是与“样式”有关，找一找“表格属性”对话框中哪里有“样式”。21教育网
步骤：
任务四：更改网页背景
根据书上P121页第⑦的内容修改top1的背景。
思考：还有没有另一种方法？
提示：网页背景与网页属性有关，右击网页空白处看一看吧。
步骤：
方法一：
方法二：
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网