《第3课　开篇之作—基于表格的页面布局教案》初中信息技术清华大学课标版《信息技术 初中二年级 下册》教案26705.doc

1、第3课开篇之作基于表格的页面布局教案教学目标1、知识与技能（1）了解网页设计中表格的作用。（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。2过程与方法（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。（3）通过自主探究，使学生掌握软件的使用规则，由摸索、探究性学习到形成性学习，培养学生学会学习，驾御学习的能力。3情感态度与价值观通过运用表格布局

2、网页解决网页版面杂乱的问题，培养学生遇到困难时灵活运用各种方法解决，促进其建站信心，同时意识到事前规划的重要性。学情分析本课授课对象是初二年级学生，在前几节课中，学生已学会了规划网页、建立站点等操作。关于如何合理的布局，并在dreamweaver cs5中用表格的形式体现这个布局，是本课首先要解决的一个问题。本课中涉及的操作技能，比如表格的绘制与调整，对于已经学过的word表格绘制的学生来说，已经不是难点，但还需要学生通过学习表格线的隐藏，进一步了解表格属性选项的设置。重点难点教学重点：1、了解表格在网页设计中的重要作用和功能。2、掌握插入、编辑表格的方法及表格的属性设置方法。3、掌握单元格的

3、修饰与属性设置。教学难点：网页布局，灵活排列表格和设置表格属性教学过程4.1 教学活动【导入】课前欣赏，吸引视线1复习以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。为本节课教学做一定铺垫。2引入（1）观看两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。你更喜欢怎样的页面布局？ 提出问题：有什么办法可以达到第一个页面的效果？ （2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。 学生讨论，交流，回顾Word中学习过的表格

4、，明白表格在dreamweaver cs5中的作用。设计意图：吸引学生注意力，激发学生学习兴趣，同时也为引出本课教学内容埋下伏笔。过渡：本节课，我们进一步学习网页表格的制作与设计，并实践在局域网中，网站的保存与网页的访问。【讲授】探究活动，导入新课分析表格结构师：现在，同学们把上节课建站的站点打开，用表格进行页面布局制作完成首页效果。请小组同学上前演示过程师小结表格属性设置过程【练习】专业训练，获悉新知师：究竟如何用表格布局网页呢？接下来啊，老师将对每一位同学进行专业培训，在培训中掌握一名设计师必须具备的三项能力。1、分析能力懂布局师：第一项能力当然是分析能力，也就是你必须能够懂别人的网页布局

5、2、第二项能力规划能力接下来，我们进行第二项能力规划能力的训练，也就是画图纸【测试】展示评价，深入感悟师：在大家的努力下，各小组应用表格制作了不同页面网站的，同学们基本上能用表格来布局主页了，一起来分享我们的设计成果吧。1、展示学生制作结果展开生评、互评、师评（面向部分同学）（1）自评：你觉得自己的主页设计的怎么样？（2）他评：你有什么建议吗？或者他设计的作品有没有你想请教的地方？（3）再自评：你能接受他的建议吗？（4）师评：教师进行整体评价2、对照课本中的自我检查，检查学习情况（面向全体同学）。（1）设计了主页版面图A、设计 B、未设计（2）用表格对主页进行了排版 A、已排版 B、未排版*（

6、3）排版时运用了表格处理技巧 A、已运用 B、未运用【作业】归纳总结，内化提升1、学生小结本课收获。2、老师的感受：今天这节课，每个同学用自己的智慧和努力完成了一张像模像样的“安全自护我能行”首页，在设计的过程中也学会了许多知识，当然，我们一节课不可能囊括所有的知识，很多知识还需要同学们今后的实践中不断去学习，去总结，去体验 第3课开篇之作基于表格的页面布局课时设计 课堂实录第3课开篇之作基于表格的页面布局第一学时教学活动【导入】课前欣赏，吸引视线1复习以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。为本节课教学做一定铺垫。2引入（1）

7、观看两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。你更喜欢怎样的页面布局？ 提出问题：有什么办法可以达到第一个页面的效果？ （2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。 学生讨论，交流，回顾Word中学习过的表格，明白表格在dreamweaver cs5中的作用。设计意图：吸引学生注意力，激发学生学习兴趣，同时也为引出本课教学内容埋下伏笔。过渡：本节课，我们进一步学习网页表格的制作与设计，并实践在局域网中，网站的保存与网页的访问。【讲授】探究活动，导入新课分析表格结构

8、师：现在，同学们把上节课建站的站点打开，用表格进行页面布局制作完成首页效果。请小组同学上前演示过程师小结表格属性设置过程【练习】专业训练，获悉新知师：究竟如何用表格布局网页呢？接下来啊，老师将对每一位同学进行专业培训，在培训中掌握一名设计师必须具备的三项能力。1、分析能力懂布局师：第一项能力当然是分析能力，也就是你必须能够懂别人的网页布局2、第二项能力规划能力接下来，我们进行第二项能力规划能力的训练，也就是画图纸【测试】展示评价，深入感悟师：在大家的努力下，各小组应用表格制作了不同页面网站的，同学们基本上能用表格来布局主页了，一起来分享我们的设计成果吧。1、展示学生制作结果展开生评、互评、师评（面向部分同学）（1）自评：你觉得自己的主页设计的怎么样？（2）他评：你有什么建议吗？或者他设计的作品有没有你想请教的地方？（3）再自评：你能接受他的建议吗？（4）师评：教师进行整体评价2、对照课本中的自我检查，检查学习情况（面向全体同学）。（1）设计了主页版面图A、设计 B、未设计（2）用表格对主页进行了排版 A、已排版 B、未排版*（3）排版时运用了表格处理技巧 A、已运用 B、未运用【