任务三 使用表格、图片美化网页 教学设计 (1)
文档属性
| 名称 | 任务三 使用表格、图片美化网页 教学设计 (1) |  | |
| 格式 | zip | ||
| 文件大小 | 11.8KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 沪教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2016-07-14 18:16:19 | ||
图片预览
文档简介
任务三
使用表格、图片美化网页
教学设计
1教学目标
本节课的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为小组建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能在网页中熟练地插入动画、滚动字幕
2、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
3、能选择合适的网页背景图案
2教材分析
我校目前使用的教材是上海科技教育出版社编写的信息技术选修3《网络技术应用》。网页制作是其中第四章的教学内容，本节课是网页制作的第三节课。在上节课的学习中，学生已经认识了FrontPage2000，并能够通过设计文字、插入图片来制作简单的网页，本节课是在此基础上，让学生通过表格布局、插入Flash动画、插入滚动字幕等方式美化网页，从而加深对网页设计的能力。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
3重点难点
本节课的教学重点是让学生通过表格布局、插入Flash动画、插入滚动字幕等方式美化网页，从而加深对网页设计的能力，激发学生的求知欲。本节的教学难点是对“框架”的理解和使用，学生在使用“框架”时，往往不能正确理解“框架”和“网页”的区别，并且容易在框架页面和总页面的保存中发生错误。
4教学过程
活动1【导入】课题引入
同学们通过前一节课的学习，已经认识了FrontPage2000，并能够通过设置文字、添加图片来制作网页。
课前，教师先选取上节课某位同学的作品，并把这副网页作品进行加工、美化，形成一个更加完美的网页。
教师在课上给同学们展示着两副作品，安排学生小组讨论：
1、这两幅作品有哪些地方不同？
2、你觉得这样设计的优点是什么？
教师小结：
1、这幅加工的作品，是在原有网页的基础上利用表格进行布局，这样可以使网页的结构更加的清晰。
2、在网页中添加了Flash动画、滚动字幕、背景图片，使网页“动”起来，吸人眼球。
学生分组交流、讨论，分析两幅作品的不同之处，找到网页中设计中的新元素。通过观察、讨论，让学生自主的发现问题，总结问题。
活动2【讲授】新课讲授
1、表格布局
用表格实现对网页版面的分割，根据设计者的意图在单元格中摆放元素。
常见的表格布局：拐角型、上下型、封面型等。
教师通过演示教学，指导学生插入表格、对表格进行合并、拆分等操作。
2、添加Flash动画、滚动字幕、网页背景设置。
插入Flash动画：插入—高级—插件。通过调整Flash动画的大小，对齐方式，将其放在网页中合适的位置。
插入滚动字幕：插入—组件—字幕，通过设置字幕属性的设置，获得学生想要的效果。
设置网页背景：格式—背景，学生可选择图片或单一的颜色作为网页背景。
3、网页色彩搭配要合理，文字与背景配合得恰到好处，能够增强网页的美感与欣赏性。要根据网页需要传达的信息来设置网页的注意颜色，不要使用过多的颜色。
学生通过老师的讲解与演示，能够根据设计意图通过表格形式对网页进行布局，并学会插入Flash动画、滚动字幕、网页背景等操作，并对网页颜色的使用有了一定的技巧。
活动3【活动】学生操作
赛一赛
将学生分为三个大组，每组制作相同的主题。以同桌二人为一小组，将每个大组分为六小组，采取小组竞赛的形式进行。教师为学生下发素材包，学生可在素材包中选择任意的素材制作网页。教师在学生的制作过程中给以指导。
学生以协作的方式进行操作，小组成员通过讨论、交流与合作，取长补短、拓展思路。而每小组之间以竞赛的形式展开，大大地增加了学生的积极性。
活动4【练习】作品评价
采取教师评价、学生自评和互评结合的方法。给学生发放学生作品评价表，按照每项评价标准打分，最后，学生评选出组内最优秀的作品，并对得到老师和同学认可的小组给以鼓励。师生共同赏析评价，挖掘作品优点，并指出改进之处。
学生通过自评和互评的方式对作品进行评价，培养学生的审美能力，并挖掘学生的创新能力。
活动5【讲授】归纳总结
本节课主要是通过表格布局、添加Flash动画、滚动字幕、网页背景等方式美化、加工网页。培养学生的创造能力、动手操作能力以及审美能力。
学生通过回顾本节课的内容，梳理技能要点，掌握网页制作技能，完成作品。
使用表格、图片美化网页
教学设计
1教学目标
本节课的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为小组建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能在网页中熟练地插入动画、滚动字幕
2、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
3、能选择合适的网页背景图案
2教材分析
我校目前使用的教材是上海科技教育出版社编写的信息技术选修3《网络技术应用》。网页制作是其中第四章的教学内容，本节课是网页制作的第三节课。在上节课的学习中，学生已经认识了FrontPage2000，并能够通过设计文字、插入图片来制作简单的网页，本节课是在此基础上，让学生通过表格布局、插入Flash动画、插入滚动字幕等方式美化网页，从而加深对网页设计的能力。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
3重点难点
本节课的教学重点是让学生通过表格布局、插入Flash动画、插入滚动字幕等方式美化网页，从而加深对网页设计的能力，激发学生的求知欲。本节的教学难点是对“框架”的理解和使用，学生在使用“框架”时，往往不能正确理解“框架”和“网页”的区别，并且容易在框架页面和总页面的保存中发生错误。
4教学过程
活动1【导入】课题引入
同学们通过前一节课的学习，已经认识了FrontPage2000，并能够通过设置文字、添加图片来制作网页。
课前，教师先选取上节课某位同学的作品，并把这副网页作品进行加工、美化，形成一个更加完美的网页。
教师在课上给同学们展示着两副作品，安排学生小组讨论：
1、这两幅作品有哪些地方不同？
2、你觉得这样设计的优点是什么？
教师小结：
1、这幅加工的作品，是在原有网页的基础上利用表格进行布局，这样可以使网页的结构更加的清晰。
2、在网页中添加了Flash动画、滚动字幕、背景图片，使网页“动”起来，吸人眼球。
学生分组交流、讨论，分析两幅作品的不同之处，找到网页中设计中的新元素。通过观察、讨论，让学生自主的发现问题，总结问题。
活动2【讲授】新课讲授
1、表格布局
用表格实现对网页版面的分割，根据设计者的意图在单元格中摆放元素。
常见的表格布局：拐角型、上下型、封面型等。
教师通过演示教学，指导学生插入表格、对表格进行合并、拆分等操作。
2、添加Flash动画、滚动字幕、网页背景设置。
插入Flash动画：插入—高级—插件。通过调整Flash动画的大小，对齐方式，将其放在网页中合适的位置。
插入滚动字幕：插入—组件—字幕，通过设置字幕属性的设置，获得学生想要的效果。
设置网页背景：格式—背景，学生可选择图片或单一的颜色作为网页背景。
3、网页色彩搭配要合理，文字与背景配合得恰到好处，能够增强网页的美感与欣赏性。要根据网页需要传达的信息来设置网页的注意颜色，不要使用过多的颜色。
学生通过老师的讲解与演示，能够根据设计意图通过表格形式对网页进行布局，并学会插入Flash动画、滚动字幕、网页背景等操作，并对网页颜色的使用有了一定的技巧。
活动3【活动】学生操作
赛一赛
将学生分为三个大组，每组制作相同的主题。以同桌二人为一小组，将每个大组分为六小组，采取小组竞赛的形式进行。教师为学生下发素材包，学生可在素材包中选择任意的素材制作网页。教师在学生的制作过程中给以指导。
学生以协作的方式进行操作，小组成员通过讨论、交流与合作，取长补短、拓展思路。而每小组之间以竞赛的形式展开，大大地增加了学生的积极性。
活动4【练习】作品评价
采取教师评价、学生自评和互评结合的方法。给学生发放学生作品评价表，按照每项评价标准打分，最后，学生评选出组内最优秀的作品，并对得到老师和同学认可的小组给以鼓励。师生共同赏析评价，挖掘作品优点，并指出改进之处。
学生通过自评和互评的方式对作品进行评价，培养学生的审美能力，并挖掘学生的创新能力。
活动5【讲授】归纳总结
本节课主要是通过表格布局、添加Flash动画、滚动字幕、网页背景等方式美化、加工网页。培养学生的创造能力、动手操作能力以及审美能力。
学生通过回顾本节课的内容，梳理技能要点，掌握网页制作技能，完成作品。