应用表格布局网页教案设计与反思.doc

《应用表格布局网页教案设计与反思.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、中学集体备课教［学］案（高二信息）教学内容应用表格布局网页课程目标（1）、了解表格在网页设计屮的作用。（2）、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。（3）、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。过程与方法（1）、利用对比学习，培养学生知识迁移的能力。（2）、通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。（3）、通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。情感态度与价值观（1）、通过对比学习

2、使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。（2）、通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。（3）、通过“环保”网站的设计与制作，激发学生关爱家园、保护环境的责任意识和义务感，从而进一步树立共同改善人类生存环境的意识。教学重点与难点（1）、了解表格在网页设计屮的重要作用。（2）、掌握插入、编辑表格的方法及表格的属性设置。（：3）、掌握单元格的修饰与属性的设置。（4）、难点：表格的嵌套在网页设计屮的应用。教学课型与方法新授/概述、演示、启发与实验电教手段使用网络教室+相关软件教学过程补充与调整一、

3、创设情境、导入新课（1）、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页而工整，文本、图片摆放对称，具有i定的规律；另一个页面凌乱，图文混杂，摆放杂乱。实例采用木校首页，一副是未布局的，一副是布局过的（见文件夹屮“欢迎光临吕叔湘屮学・htm”）o（2）、提问：你喜欢那个页而的布局？学生回答。（3）、提出问题：有什么方法可以达到第一个页面的效果。观察第三个页面，内容弓第一•个页面相同，显现页面屮表格的边框。（4）、学生讨论、交流，回顾Word'

4、'学习过的表格，领悟表格在Frontpage中的作用。选择的两个页血不要太复杂，也不

5、要太简单，要突出其屮表格对页面布局的作用，步骤（3）要调用FrontPage对网页编辑，保存后再用浏览器打开设计意图：通过对比学习，培养学生知识迁移的能力。二、任务驱动、自主学习(1)、展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到分析教材屮的例子，得出表格的布局。(2)出示任务一：规划网页表格的布局(见图片buju.gif)0分层完成该任务，基础相对薄弱的学生仅要求读懂网页表格布局，知道规则，根据表格的行数与列数,调整至最终样式；基础扎实、操作能力较强的学牛可以跳出教材，自行设计表格网页布局，并将自己的表格设计付诸实施。(3)、出示任务二：见环

6、保网站的index.html新建一个页面，用表格布局该网页。FrontPage屮表格的插入于编辑与Word屮的表格操作类似，教师着重引导学生进行知识迁移。设计意图：分层教学，学生可以根据口己的实际情况选择任务难度，并动手分析和进行创意设计，培养学生的模仿以及创新能力。设计意图：培养学生知识迁移的能力和动手能力。(4)给出时间让学生操作，然后安排操作熟练的学生进行演示、教师讲解。在实际操作屮考虑到学生的基础水平不一，此处应将常用的表格创建的方法，表格编辑、表格工具栏的使用方法等再介绍演示一次。表格的创建：最快速的方法——利用常用工具栏上的“表格”按钮；最精确的方

7、法——使用菜单栏的“表格”菜单下的插入“表格”命令；最灵活的方法——单击“表格”菜单打开表格工具栏，使用手绘表格等。表格的移动；行、列的选择、插入；单元格大小调整，单元格的选择、添加、删除、合并等具体见课件(5)、出示任务三：在表格屮插入图片、动画，输入文字等。该任务基本与word里类似，而且图片、动画前面已经讲过。故不详细讲叙。给出素材：学生操作对完成情况好的学生予以评品，对尚未完成或完成不理想的学生给出修正意见。至此第一课时新课部分结束设计意图：确保达到教学H标的同时，给学生一定的自主空间，鼓励他们去创新，血不应让学生一成不变地生破模仿。第二课时开始（6）

8、任务四：表格属性以及单元格属性的设置。包括表格属性的设置、单元格属性的设置。表格属性包括：表格边框颜色、间距、边框粗细，背景色、背景图片，表格大小，表格对齐等单元格展性包括：单元格屮对象的对齐方式；单元格的背景色、背景图片表格的修饰、调整等学生根据自己的实际情况选择任务难度，可按教师的具体要求操作，也可根据自己的意图进行设计。重在指导学生操作。（7）、出示任务五（提高内容）:表格的嵌套。学生动手制作网页。表格展性与单元格属性设置是本节课重点，普通同学易混淆二者。设计意图：更好的发挥优秀学生创作思维动手能力。3、课堂小结、后续活动（1）、教师引导学生回忆本节课学

9、习的内容：在Frontpage中插入表