第十二课 用表格为网页布局 教学设计 (4)
文档属性
| 名称 | 第十二课 用表格为网页布局 教学设计 (4) |  | |
| 格式 | zip | ||
| 文件大小 | 11.0KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 浙教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2016-10-13 14:05:25 | ||
图片预览
文档简介
本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
第十二课
用表格为网页布局
教学设计
1教学目标
1.
认识网页布局的重要性及网页布局风格的应用。
2.
学会并熟练掌握插入表格、编辑表格、设置表格属性的技能。
3.
学会利用表格合理布局网页页面。
4.
培养学生审美能力、组织设计能力、合理评价自己及他人作品的能力。
2学情分析
在此之前学生已确立网站主题，用Frontpage
2003建立站点，初步建立首页，了解了网站制作步骤及制作工具。这节课是真正开始制作网页的第一课，对整个网站的制作起着承前启后的作用。七年级学生对于能够亲手制作网站有一定的热情，能够较为认真主动地学习制作，但网站制作的初学者，往往不太重视网页布局，制作出来的网页无法达到美观、合理的要求。学生在课前练习中就明显的反映出这个问题，学生虽不满意自己的作品，却没有意识到问题的关键所在，需要教师引导。因此，学生发现这个问题之后，分析问题（让学生意识到布局的重要性），解决问题（如何合理的布局，如何实现布局）是本课要实施的教学内容。
3重点难点
重点：1、理解布局在网页制作中的作用，及不同网页布局的应用。
2、插入表格，对表格进行合并、拆分等方式进行调整，设置表格属性。
难点：网页布局的应用、设置表格属性。
4教学过程
以中国的首个空间实验站——天宫一号为话题，与学生一起讨论空间站的布局。指出，在空间站里，无论是功能区的划分还是搭载物的确定，都是经过精心布局的。布局是非常关键的一步。平时做事的时候应该养成事先布局的习惯。同时，布局是有其文化内涵的，特定的布局风格能传递特定的思想和情感。网页建设也是一样的，除了网页内容，网页的布局也传递着网页的文化和思想，烘托网页的主题。所以，今天我们的任务是为网页布局。
一、规划主页布局
通过几个网页实例，让学生体验不同的网页布局风格传递了什么样的思想，适用于什么类型的网站。讲解网页布局风格应用在这几种不同网站中的不同体现。再展示2个隐去了标题的不同类型的网站，请同学们根据网页布局的风格判断网站类型。21cnjy.com
指出网页要素。指出制作个人网页时，可以发挥自己的创意设计网页布局，把网页设计得个性、灵动、富有创意。强调要让访问者感觉网页布局能烘托主题、简洁、美观、操作方便。
展示教师设计的网页布局，阐明设计意图。请同学们自己选择主题为主页设计一个网页布局图。教师巡回了解学生的设计意图，加以指导。21教育网
设计完后展示学生作品，由学生阐述设计意图，加以适当的评价。
二、在FrontPage中用表格实现布局
提问学生先前在Frongtpage中输入文字插入图片过程中遇到什么困惑？我们在Word中是如何实现图文定位的？FrontPage中没有Word的图文混排功能。那么如何在FrontPage中解决文字、图片等多媒体在网页中的准确定位？实现网页的布局？21世纪教育网版权所有
展示网页的编辑视图，引导学生注意到利用表格布局可实现对网页内容方便的定位。
展示教师的布局图，讲解如何用表格实现此布局图。
回顾word中的表格制作，包括插入表格、编辑表格等操作。告诉学生在Frontpage中表格制作方法与Word中类似。鼓励学生尝试在Frontpage中制作表格。请一位学生演示并解说FrontPage中表格的插入、合并单元格、拖动表格边框等一些操作。21·cn·jy·com
请学生根据自己的网页布局绘制表格。在表格里面插入相应的内容，文字、图片等。教师巡回，个别辅导
三、表格属性设置
展示教师或学生的实例，切换至预览视图，预览效果时，同学们发现了什么问题？
隐藏表格线可以通过设置表格属性来完成，请同学借助帮助文件自主探索，找到答案。请学生演示设置表格属性，边框线粗细为0.www.21-cn-jy.com
四、作品展示、评价
同伴间展示自己的作品，对照评价表中的标准对作品进行自评、互评
作品展示，相互欣赏
学生评价，整体协调性，美观性
3.
评价标准：评价表
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网
第十二课
用表格为网页布局
教学设计
1教学目标
1.
认识网页布局的重要性及网页布局风格的应用。
2.
学会并熟练掌握插入表格、编辑表格、设置表格属性的技能。
3.
学会利用表格合理布局网页页面。
4.
培养学生审美能力、组织设计能力、合理评价自己及他人作品的能力。
2学情分析
在此之前学生已确立网站主题，用Frontpage
2003建立站点，初步建立首页，了解了网站制作步骤及制作工具。这节课是真正开始制作网页的第一课，对整个网站的制作起着承前启后的作用。七年级学生对于能够亲手制作网站有一定的热情，能够较为认真主动地学习制作，但网站制作的初学者，往往不太重视网页布局，制作出来的网页无法达到美观、合理的要求。学生在课前练习中就明显的反映出这个问题，学生虽不满意自己的作品，却没有意识到问题的关键所在，需要教师引导。因此，学生发现这个问题之后，分析问题（让学生意识到布局的重要性），解决问题（如何合理的布局，如何实现布局）是本课要实施的教学内容。
3重点难点
重点：1、理解布局在网页制作中的作用，及不同网页布局的应用。
2、插入表格，对表格进行合并、拆分等方式进行调整，设置表格属性。
难点：网页布局的应用、设置表格属性。
4教学过程
以中国的首个空间实验站——天宫一号为话题，与学生一起讨论空间站的布局。指出，在空间站里，无论是功能区的划分还是搭载物的确定，都是经过精心布局的。布局是非常关键的一步。平时做事的时候应该养成事先布局的习惯。同时，布局是有其文化内涵的，特定的布局风格能传递特定的思想和情感。网页建设也是一样的，除了网页内容，网页的布局也传递着网页的文化和思想，烘托网页的主题。所以，今天我们的任务是为网页布局。
一、规划主页布局
通过几个网页实例，让学生体验不同的网页布局风格传递了什么样的思想，适用于什么类型的网站。讲解网页布局风格应用在这几种不同网站中的不同体现。再展示2个隐去了标题的不同类型的网站，请同学们根据网页布局的风格判断网站类型。21cnjy.com
指出网页要素。指出制作个人网页时，可以发挥自己的创意设计网页布局，把网页设计得个性、灵动、富有创意。强调要让访问者感觉网页布局能烘托主题、简洁、美观、操作方便。
展示教师设计的网页布局，阐明设计意图。请同学们自己选择主题为主页设计一个网页布局图。教师巡回了解学生的设计意图，加以指导。21教育网
设计完后展示学生作品，由学生阐述设计意图，加以适当的评价。
二、在FrontPage中用表格实现布局
提问学生先前在Frongtpage中输入文字插入图片过程中遇到什么困惑？我们在Word中是如何实现图文定位的？FrontPage中没有Word的图文混排功能。那么如何在FrontPage中解决文字、图片等多媒体在网页中的准确定位？实现网页的布局？21世纪教育网版权所有
展示网页的编辑视图，引导学生注意到利用表格布局可实现对网页内容方便的定位。
展示教师的布局图，讲解如何用表格实现此布局图。
回顾word中的表格制作，包括插入表格、编辑表格等操作。告诉学生在Frontpage中表格制作方法与Word中类似。鼓励学生尝试在Frontpage中制作表格。请一位学生演示并解说FrontPage中表格的插入、合并单元格、拖动表格边框等一些操作。21·cn·jy·com
请学生根据自己的网页布局绘制表格。在表格里面插入相应的内容，文字、图片等。教师巡回，个别辅导
三、表格属性设置
展示教师或学生的实例，切换至预览视图，预览效果时，同学们发现了什么问题？
隐藏表格线可以通过设置表格属性来完成，请同学借助帮助文件自主探索，找到答案。请学生演示设置表格属性，边框线粗细为0.www.21-cn-jy.com
四、作品展示、评价
同伴间展示自己的作品，对照评价表中的标准对作品进行自评、互评
作品展示，相互欣赏
学生评价，整体协调性，美观性
3.
评价标准：评价表
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网