《应用表格布局网页结构》教学设计

《应用表格布局网页结构》教学设计

一、教学目标

知识与技能：1、了解表格在网页设计中的作用。

2、能够根据网页的内容，正确布局表格的结构。

3、掌握网页中表格的制作方法，能够在单元格中正确插入文字和

图片，掌握表格属性的设置方法以及单元格的修饰与编辑方法。

过程与方法：通过观看优秀网站表格布局，动手设计表格等环节，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的

发散思维能力；通过学生自主地编辑和修饰表格等环节，培养学生

自主探究学习的能力。

情感、态度与价值观：

1、提高学生自学和探究的能力，培养学生应用表格布局网页结构

的兴趣。

2、提高学生语言表达能力，学会客观的评价作品。

二、教学重点与难点

重点：了解表格在网页设计中的重要作用掌握插入、编辑表格以及表格，单元格的属性设置方法。

难点：表格的嵌套表格，单元格，网页属性的设置

三、教学方法

讲解演示教学法，小组合作学习法，自主探究学习法

四、教学设计说明

本节课是初中信息技术（下册）20XX年7月第一版第11单元《设计主题网站》第二节的内容，教学面向的是初二年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术知识和技能。

初中的学生喜欢新、奇、特的事物，接受能力和理解能力比较快。而直观、醒目的网站示例图片则可以培养学生对于本课题的兴趣，但是学生对于如何应用表格布局网页结构的操作是比较模糊的。因此本节课充分地发挥学生了的积极性，让学生随着学案所设置的环节，探究完成一个又一个的应用表格过程。而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，注重学生的学习体验和情感的体验。整节课以学生为主体、教师为主导的架构下，搭建以生为本的情景学习平台，帮助学生自学、交流讨论、深入探究，以不断的完成应用表格布局网页结构的过程为手段，一步步完成学习任务。

五、教学过程

课前将素材和网站站点发送到桌面，指导学生解压缩。并带领学生熟悉本节课所要制作的网页的素材。

（一）设置情境，引入课题

师：我们知道，地球是人类赖以生存的家园，然而，近几年来，地球的环境却越来越恶劣：全球性气候变暖、暴雨、雪灾等灾难性天气频繁出现，给我们的生活带来严重威胁。因此，我们每一位同学，都有责任去保护环境，那么我们应该如何去保护环境呢？我想首先是宣传环保、倡导环保。那上一节课呢我们已经建立了以环保为主题的站点，学习制作了网站的欢迎页。今天这节课，我们将一起学习制作网站的主页面来宣传环保，那如何来设计主页面呢？首先我们先来欣赏几个著名网站的主页。（播放课件）

师：你们能看出这些是哪些网站的主页吗？

生：网易，新浪，搜狐

师：很好，它们分别是网易、新浪、搜狐的主页面。我们知道这些网站的主页面包含的内容都相当丰富，但给我们的视觉感受却是繁多而不杂乱，紧凑而不单调。这些页面设计是如何做到这一点的呢？

师：我们以搜狐主页面为例，（呈现搜狐主页面的图片），来探究一下如何设计网站的主页面。首先这一页面的左上角有一张的搜狐的LOGO图片，使我们一眼能认出这是搜狐页面。在图片的右边呢，是网站中的导航，通过导航链接到其它的页面。下面的主体部分，分成了几个区域，我把它标示出来，这样我们

不难看出，中间部分，是一些小信息的链接。上面这一部分以广告信息为主，下半区域分成了四个部分，分别是新闻，娱乐，体育以及广告图片。通过标示，我们会发现这呈现出来的其实就是一张表格的摸样（可启发学生回答）。

师：因此，使用表格来布局网页结构，是使页面清晰紧凑，整洁大方的简便有效的方法。那今天这节课，我们就一起来学习应用表格布局网页结构，也做出这样一张页面出来。

设计意图：所选的网页学生都比较熟悉，师分析页面，呈现本节课的课题，激发学生的学习兴趣。

（二）新课学习

环节一：根据素材，小组合作设计表格。

师：课前同学们已经熟悉了素材。既然我们要应用表格布局网页结构，那就要先进行设计。

师：刚才同学们也欣赏了搜狐等网站的主页面的表格布局。

师：下面呢，请同学们拿起笔在老师提供的纸上来设计表格。以相邻的四个同学为一个小组，对照素材，讨论交流，在纸上画出你们将要制作的页面的表格布局，并对表格中将要添加的内容进行标示。

学生以小组为单位，设计表格。

师：很多小组已经完成了，下面我们挑选一些小组的同学到前面来展示一下你们的设计，并简要说明你们的页面布局。其他同学注意看，注意听，看看有没有值得借鉴的地方应用到自己小组设计的表格中去。

展示几个小组所设计的表格

设计意图：以小组为单位动手设计表格可以培养学生的合作探究能力。让学生通过交流讨论后设计表格，可以集结多人的智慧，让轻松的氛围中设计出表格。

环节二：动手实践，编辑表格

师：同学们都已经将表格设计好了，下面我们就来动手实践，将表格在网页中绘制出来。

师：首先，请同学们打开FrontPage，从文件菜单中打开站点“huanbao”，并新建一个页面。

师：那如何来绘制表格呢？请同学们参照学案，先尝试看看如何插入表格？（学生探究）

生根据学案，自己先探究完成表格的插入

师：哦，这里提供了一个专门供表格使用的菜单。我们这边可以使用表格菜单，打开表格对话框，就涉及到添加的表格是几行几列的了。这里呢，老师有一个建议：暂且以最多行，最多列来计算表格的行列数。举个例子，请同学们注意看老师这里的一张表格样例。同学们数数看，这里的表格是几行几列。

生：9行5列（学生思考）

师：同学们可以很清楚地看出，9行，那列数呢？我们这里暂且以最多列计算。

生：5列

师：同学们的表格也是这样的。请同学们根据你所设计的表格的行列数插入表格。

师：表格插入好了以后，同学们，我们一起来看一下，这个插入的表格跟我们在图纸上设计的表格一样吗？

生：不一样

师：哪里不一样？

生：插入的表格是分成若干个等分的小单元格，而我们在图纸上设计的表格中有很多不等分的小格子。

师：那这里呢，就要对表格进行编辑了。因为刚刚我们是按照最多行，最多列来计算的，那这里只需要对多余的单元格进行合并。

师：那如何对单元格进行合并呢？同学们有没有学过在word里编辑表格（如果有，可实现知识的迁移；如果没有的话，老师送一把万能钥匙——右击法），请同学们编辑表格。（与学生互动，尝试让学生讲解操作）

师：每一个小组的同学要互相帮助，帮助没有完成的同学对表格进行编辑。

师总结：我们刚刚通过表格菜单栏，打开表格对话框，插入表格。在对表格进行编辑时，是按照最多行，最多列计算的。还可以采用其他的计数方法，同学们可以根据个人情况灵活运用。