简单网页制作之表格的使用教学设计

第一篇：简单网页制作之表格的使用教学设计

《简单网页制作之表格的使用》教学设计

省实附中 张晶

本人上学期才进入广州工作，现教初一计算机，手上没有教材，所以凭借原来的一点经验在林老师教学设计的基础上进行修改，写下自己的教学设计。希望各位老师给予批判指正。

一、学生固有知识

学生已经学过利用表格在PowerPoint中使图文实现混排、在excel中对表格进行美化设置和修饰（熟悉并了解了表格的行、列、内外边框）等操作，因此本节课在介绍表格时不用花费过多的时间再去重复，可以让学生通过知识迁移的方法对表格有新旧知识的联系，教师只是起点拨的作用。

二、教学重点

1、表格的相关基本操作和灵活应用

2、将页面中的各个元素合理的布局在表格中，实现图文混排

三、教学难点

根据网页版面的设计需求熟练的运用表格和使用表格

四、教学目标1、2、3、了解表格在网页设计中的作用与意义

继续熟练表格的相关基本操作（插入表格、合并单元格、拆分单元格、插入背景、边框设置）

初步掌握利用恰当的表格来规划网页版面的基本过程和方法。

五、教学理念和教学方法

在教学过程中，以新课程的教学理念开展。创设学习情境，激发学生的学习兴趣。

教师采取的教法包括任务驱动法，学生演示法，指导法，讨论法等，使学生在学习过程中能自主的探究学习。

六、教学过程设计

(一)内容复习

Teacher：打开并演示一个具体的网页

Q1：我们上节课学习过网站的一些基础知识，网站与网页的关系是？ Q2：一般的网页上主要由哪些元素所组成？

Student：观看并思考回答

(二)新课导入

1.举例演示,学生思考不作回答：

例一：打开在PowerPoint中利用表格完成的图文并茂的幻灯片 教师以启发的方式提问：

Q1：在ppt中你是如何实现图文的混排？（表格）

Q2：在ppt中你是如何隐藏表格的边框线？（边框线宽度为？）Q3：你还记得如何将图片、背景等插入表格中吗？（学生思考）例二：网页个（“英超射手榜”），网页中既有明显的表格，也有隐含的表格（教师解释说明在网页中，表格存在两种不同的作用：排版与真正的表格）

例三：打开校园网，使用“编辑”按钮将它的表格显示在FrontPage的编辑窗口中学生观察，教师提问：在编辑窗口中表格的边框线为虚线,在预览窗口中边框线出现什么效果？

明确的指出: 表格在网页排版中的特殊意义——实现网页的精确排版和定位。2.联系学生已经学过的PowerPoint, excel，使用知识迁移，教师通过启发式进行提问如何对表格的属性进行修改？（鼠标右键）

T：请同学们带着我们学过PowerPoint, excel的学习经验，完成今天的操作题目：

(三)实践操作

目的：让学生利用知识迁移的方法自行掌握网页中表格的基本操作（插入表格，合并单元格，拆分单元格，设置边框，表格背景的插入）

任务一：给定两个文件夹,在 “文字”文件夹中有 “古诗一首”、“齐白石人生简介”、“课程表”等word文档，在“图片”文件夹中有相关的图片。

学生选取素材，根据各自的情况可完成一个、两个或多个网页文件，要求：

1、页面中必须含有表格

2、恰当的使用表格进行排版和美化 给学生十分钟练习，教师巡视，请一位利用表格排版比较好的同学演示并讲解他的网页制作的方法。从中感受自己与别人的优点，应该在哪里取长补短。

教师将自己事先做好的三个网页进行展示，让学生观看点评。根据学生的情况对表格的排版和属性设置进行适当的点拨。

任务二：网页“精美台历”的制作（属于拓展进阶任务：让学有余力的学生选择性学习，掌握表中表的操作）

第二篇：第十四课 使用表格规划网页 教学设计

电教第14课时

第十四课

使用表格规划网页

教学设计

教材简析

本课是第四单元《动手做网页》的第四课，重点介绍学习插入表格、表格嵌套、设置表格属性等操作，表格操作是网站建设的重要部分。从教材的结构和内容来看，通过前面Word、PowerPoint、网上冲浪及前一课ProntPage基础知识的学习，学生完全具备相应的学习的接受能力和心理承受能力。《使用表格规划网页》对培养学生信息表达的能力，加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的页面布局及色彩搭配的风格等能力培养，可以提高他们的艺术修养和审美情趣。

教学目标

1．知识目标

学会在网页中插入表格；

学会使用表格的嵌套功能；

学会使用表格的拆分和合并规划设计网页。2．能力目标

让学生学会在网页中插入表格、学会使用表格的嵌套功能、学会使用表格的拆分和合并规划设计网页。通过学生的操作和协作探讨，培养学生的自主学习、协作学习的能力；通过知识的再现培养学生的创新能力和创新意识。3．情感目标

通过作品展示和评价，让学生体验成功的喜悦，激发学生的创造热情；通过小组的协作，培养学生的合作精神和集体主义精神。

教学重点

学会在网页中插入表格； 学会使用表格的嵌套功能；

学会使用表格的拆分和合并规划设计网页。

教学难点

学会在网页中插入表格； 学会使用表格的嵌套功能；

学会使用表格的拆分和合并规划设计网页。

学情分析

本课面向六年级学生，网站制作是学生感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。考虑到学生的基础有所差异，在网站制作教学中可以采用分层次教学法。对于学习程度好的同学要求能单独进行表格制作，而基础较差的同学可以简单模仿教师完成书中示例制作，让他们也能体会制作网站的乐趣。培养学生获取信息、处理信息、整合信息应用的能力，培养学生的信息素养和独立分析问题、解决问题的能力，提高学生创新能力、自学能力、理论联系实践能力，增强学生独立意识和团体协作精神。

教学方法

情景导入法、任务驱动法。

所用课时

2课时。

教学环境

多媒体机房。4人为一个小组，每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整，以达到各个小组的力量均衡。本课教学应至少一人或两人一机，投影机一台或机房配备广播系统，整个机房以宽带的形式接入因特网，网速较快。

教学过程

一、创设教学情景，激发学生学习兴趣 师：同学们在FronPage 2000 中，要调整页面版式，文字、图片的位置不像我们在使用Word排版时那样可以自由灵活，要使用网页表格功能规划设计网页，让文字和图片放置在合理位置，让每一部分内容都有自己的“家”，页面显得整齐规范。这也是与Word相比最大的区别。下面请同学们跟老师一起操作，看看如何在网页中插入表格。（板书：插入表格。）

二、讲授新课

（一）插入表格 教师演示操作：

步骤1：使用FrontPage 2000打开“宝贝小猪的家”网页。

步骤2：选择菜单“表格” →“插入”→“表格”选项，打开“插入表格”对话框。步骤3：设置行数、列数、宽度等参数。步骤4：单击“确定”，表格就插入网页中。

（二）提供机会，学生实践探究 投影广播任务：

1．参考Word软件中调整表格大小的方法，将表格调整到合适的大小； 2．将文字、图片复制到合适的单元格中；

3．参考Word软件中调整表格大小的方法，根据需要将表格进行拆分与合并。教师随堂检查并指导学生。

（三）表格的嵌套

师：有时为了方便调整网页内文本和图片的位置，通常需要在表格中再插入表格，这就是表格的嵌套。下面请同学们将光标移动到需要插入嵌套表格的位置，按照插入表格的方法，就可以形成表格的嵌套了。（板书：表格的嵌套。）

（四）提供机会，学生实践探究

投影广播任务：在表格中嵌套一个表格。（教师随堂检查并指导学生。）展示学生优秀作品。设置表格属性

师：在插入表格后，同样我们可以设置表格的对齐方式、大小和背景颜色等参数。教师演示操作：

步骤1：在表格中单击右键，选择“表格属性”后，我们可以在“表格属性”对话框中设置

表格的属性。

步骤2：如果我们要单独设置一个单元格的属性，则选择“单元格属性”，如果选择“表格属性”，则设置整个表格的属性。使用表格规划设计网页

师：今天我们学习了设置网页中的很多属性，但是在制作网页前，通常都先利用表格规划设计好网页，这样就使我们的网页制作更加方便和规范。那么如何规划设计网页，这需要靠同学们多浏览不同风格的网站，多积累经验。

三、授课完毕，课程总结

本节课主要讲了以下几个知识点： 1．学会在网页中插入表格； 2．学会使用表格的嵌套功能；

3．学会使用表格的拆分和合并规划设计网页。

四、课堂作业

1．调整“宝贝小猪的家”网页，达到自己满意的效果； 2．使用表格重新设计规划自己的网页。

教学反思

布局对于网页的设计和架构是非常重要的，表格布局是网页布局的常用方法。本课设计的内容比较简单——表格布局的操作，教学的方法主要为任务驱动法，由于学生已经有了利用Word制作表格的基础，学习本课基础知识难度不大。建议教师教学的时候提供复杂的网页布局，并设置网页布局中常见的问题给学生探讨。学生探讨完毕以后，教师可以给予学生常用的简化的表格布局类型。学生探讨的过程中，教师应当充分激励学生的自主探索并肯定学生在课堂上提出的一些独到的见解，这样不仅使学生的好方法、好思路得以推广，而且对他们也是一种赞赏和激励。

第三篇：表格制作教学设计

表格制作教学设计

教学目标：

知识目标：知道表格中行、列、单元格的概念；知道Word中制作表格的一般方法

能力目标：熟练掌握Word中制作与编辑表格的方法

情感目标：体验信息技术在制作表格方面的便捷并将其应用于日常学习和生活中

教学重点、难点： 重点：表格的创建 难点：表格的编辑 教学方法:

任务驱动法、讲授演示法、自学法 教学资源:

电子教室 Word2000软件 板书演示程序 学生练习程序 学习帮助文件 表格范例

教材分析：本节内容是Word继前面的文字处理之后出现的关于表格处理的一节，该节是字处理软件中不可或缺的相对独立的一部分内容。教学对象分析：本案例的教学对象是中专一年级学生，在初中有信息这门课，但是初三是停开的，部分学生有在网吧上网的经历，学生之间有差异。

一、引入

请两名同学到前面来，将智力题的答案分别给这两名同学，然后教师提问，两名同学抢答，其中一个答得快，一个答得慢。为什么呢？因为一个人的答案是文字形式，一个人的答案是表格形式。问学生：通过比较你能得出什么结论（师生一起总结：表格也是一种表达方式，有时比文字更简洁，明了和便于查看）。Word2000提供了丰富的表格功能，为我们制作电子化的表格提供了方便。下面我们来学习这部分内容。（板书：§3.5 表格制作）

设计意图：通过智力题导入，希望能引起学生的注意

二、新授

请大家思考一下：你们平时常见的表格有哪些？（学生回答：课程表、成绩表、座位表„„）今天这节课我们就来制作一张课程表。制作表格之前我们首先要了解几个与表格有关的概念：

1、行、列、单元格的概念（板书）

表格中水平方向叫行；表格中垂直方向叫列；行和列交*处的方框叫单元格 我们常说画一个“3×5”的表格是指这个表格的行数是3，列数是5（课件演示）

设计意图：学生一下子从文字这种表达方式过渡到表格这种表达方式，一些常用约定的概念需说明，动画可以帮助理解。

下面我们就来制作表格

2、表格制作

请同学们思考，我们画课程表是先输入文字，还是先画空表格？（学生思考，教师总结：对于比较简单的表格我们可以先输入文字，然后进行转换；对于结构比较复杂的表格我们需要先画好空表格。）在同学们的基础任务中老师提供了3张不同结构的课程表，每张课程表都有它的分解操作步骤。我们以第1张为例来分析一下它的分解步骤：首先画一个很规范的表格；然后调整一下表格的大小，包括整个表格的大小和个别行列的大小；接着将不需要的线条去除，一个表格就生成了。因此制作表格的步骤如下：（板书）①插入×行×列的表格 ②调整表格的大小 ③去除多余线条（合并单元格）④插入表头 下面同学们可以跟随老师一起操作：（教师演示以窗口的形式出现在学生机上）

设计意图：将复杂的表格的制作步骤分解简化，避免学生产生畏难情绪，课程表用3种不同的画法，暗示相同的内容用表格也可有多种方式，引导学生的发散思维。教师机以窗口的方式演示可以让学生跟着老师一起做，增强学生学习的自信心和成就感。

（1）插入表格

首先数一下需插入几行几列的表格，注意从最多行最多列数。这里是10行7列，单击常用工具栏中的“插入表格”按钮，向右向下拖动鼠标，待下方的数字变成“10×7”松开鼠标。一个规则的10×7的表格就画好了，当然同学们还可用“表格”菜单中相关命令完成操作。

（2）调整大小

画好的表格宽度和页面纸张一样宽，所有行和列的大小都一样，我们可以根据填写内容的多少进行调整。调整整个表格的大小可以单击表格右下角的控点上，调整个别行列的小大可以将鼠标放于相应的表格框线上进行拖动。当然如果精确调整表格的大小可以用“表格”菜单中“表格属性”完成。（3）合并单元格

表格中单元格之间的多余线条的去除可以用“合并单元格”来实现，合并是两个或两个以上单元格的合并，因此首先需要选定合并的单元格，选定方法是：先将插入点定位在一个单元格内然后向右或向下拖动鼠标，待所需选定的单元格全部反白显示时就选择成功了。再单击“表格”菜单中的“合并单元格”命令，单元格之间的分隔线就被去除了。（4）插入表头

左上角的斜线表头可以利用“表格”菜单下的“绘制斜线表头”命令，选择相应的表头样式，然后输入表头文字即可。

至此一个表格就画好了，下面请同学们根据表格制作的步骤在基础任务中选择制作一张课程表，制作过程中可以参看分解步骤和演示动画。动作快的同学可以挑战提高任务。

三、点评部分同学作品

通过紧张的制作，部分同学的课程表已经完成了，我们来欣赏几个同学的作品，老师以鼓励为主，请制作又快又好的同学介绍一下修饰表格的方法，使表格更具个性。

设计意图：引导学生正确看待评价他人作品，表格的修饰鼓励学生通过制作课程表展示自己的审美和个性。

四、小结：

表格制作是日常生活和学习中经常要遇到的，请同学们再来回顾一下制作表格的一般步骤：（看板书）①插入空表格②调整表格的大小③合并单元格④插入表头⑤修饰表格、输入文字，所以同学要一定要理解步骤并熟练操作。

设计意图：加深印象

五、作业

课后请同学们在纸上画出个人简历的草表，下次课带来。

设计意图：将表格的应用延伸，鼓励学生将学到的技术应用于实际

教学反思：优点：

1、教学设计清晰、完整，体现了新课标的“三维”目标结构。

2、强调学生的动手操作能力和学生的之间的交流合作。

3、善于抓住学生的闪光点加以教育。

4、采用了任务驱动的教学模式，鼓励学生采用多种方法进行探究。

5、体现新课程的理念：A、紧密结合生活实际；B、学生自主探究；C、重视学生学习能力学习方式的培养，6、基本功扎实，语言表达能力强。

7、鼓励学生的自我探索和实践，并进行自我评价。

缺点：

1、教学内容多，教学过程不够紧凑，学生自由探索的时间太多，导致时间超时。

2、没有分小组讨论，学生的协作不够。

3、学生差异较大，而且普遍打字较慢，应加强打字训练和对学习困难的学生的辅导。

4、小结时最好对照板书进行，并进行演示。

第四篇：表格制作 教学设计

第八课 经济效益分析表

——表格制作

学习目标： ●学会表格的创建

●学会行列的增删、合并单元格等表格的修改方法 ●学会对表格进行格式设置，修饰表格 教学重点

行列增删及合并单元格表格的修改方法 设计理念

本课的教学设计是遵循‘在需求中学会知识点’的思路，从运动会的报名需要用表格开始引入，到事件发展引出需要修改表格，到最后表格的修饰形成一个完整的情景。让学生在这个情景中根据需要，不知不觉地学会知识点。学习的过程则以学生查看书本或者教师提供的帮助文件，互相合作自主探究学习为主。

教学过程：

情景导入：运动会进行曲响起，ppt播放

听到这欢快、激昂的音乐，同学们都想起了什么？ 学生：运动会

同学们都喜欢运动会吗？我们现在看到情景就是同学们围着体育委员运动会报名的情况，同学们都非常积极。但是体育委员丁诚他遇到了一个问题，（ppt情景展示）如果你是丁诚，你会用什么方法，把同学们运动会要报的项目既清楚又快速的记下来呢？

屏幕出现表格，与书面记录进行对比，表格具有优势，从而引出正题。教师语：我们今天要学的就是如何在word中制造表格。

展示一个为完成的表格，引导学生思考表格的设计。表格的创建和设计，关键在与确定行列的数目。根据ppt未完成的表格展示，引导学生思考：现在是3位同学报名，4项运动项目，用到了几行几列呢？？

学生：„„4行5列

教师：是的，老师有点疑问，为什么只有3位同学4各项目，却要4行5列的表格呢？ 学生：„„（可能无法明确地提出行标题和列标题的概念）

教师介绍行标题和列标题的存在，提出在设计表格的时候，要根据实际情况来确定行列数，并且还需要在实际需求上行列数加1。

教学活动一：

观察运动会报名图，根据报名情况，思考创建这样一个运动会报名表需要几行几列呢？ 学生：„„

教师：很好，那接下来就请同学们打开‘本课任务’文件，创建一个表格，并在表中填入运动员姓名、运动会项目，帮丁诚完成这个任务。

学生自主操作，完成表格的创建，熟悉数据的输入。

★提示：‘插入’—‘特殊符号’---‘数学符号’，可以找到 ‘√’直接输入。

还可以利用 ‘复制’‘粘贴’来完成。

活动衔接：：同学们的表现都非常棒，很快就帮丁诚完成了运动报名表，就在丁诚打算上交报名表的时间，他一看表格，发现坏了！原来他粗心大意，忘记把自己的项目报上去了！

教学活动二：

要求学生在表格上添加一行，帮丁诚完成项目的补报。（设计意图：初步学会表格的修改，学会增加一行。学情分析：对部分学生来讲，这个操作自主学习可能有点困难，建议同学互相帮助，或者请个别进度较好的同学演示操作。）

教学活动三：

根据运动会表格格式要求，增加备注栏和斜线表头，并合并备注栏下的单元格，注明“每位同学限报2个运动项目。”

（斜线表头是表格修改这一环节里较难的知识点，教师根据学生情况选择是否需要进行教学演示。说明斜线表头的行标题和列标题的区分，演示下单元格的合并，并展示表格完成效果图。）

教师衔接：老师发现有很多同学都已经帮丁诚完成了这个运动会的报名表，那么接下来就请大家把表格交给老师。

作品评价：

教师选取个别点评结合学生自评。

作品标准：（一星：完成表格的创建；二星：完成丁诚的补报；三星：增加备注栏，完成单元格的合并；四星：成功增加斜线表头）

课堂小结：

今天的课你都学会了什么？

你会根据具体的情况，制作相对应的表格吗？

当情况发生变化时，你会修改和调整表格吗？（这两个问题是让学生体会‘学以致用’，而不是单纯地提出，这节课的知识点，而是着重于知识点的应用。）

兴趣拓展：（供完成作业的部分学生选作）

展示一张‘荣誉榜’的图片，告诉学生这是同学们参加运动会获得的好成绩，请同学们根据获奖情况，制作一张班级的‘团体总分表’

可以展示“团体总分表”的完成效果图，辅助学生对表格进行设计。

设计意图：考虑到学生的学情差别，让优秀的学生可以进一步的巩固知识，运用知识，同时也是对本课所学内容的应用。

第五篇：表格网页制作及反思

表格网页的制作

三明市实验小学 黄跃

一、教学目标：

⒈了解用表格进行网页版面布局草图的设计方法； ⒉学会运用表格制作网页；

⒊激发学生学习兴趣，创作欲、创新意念及实践能力 ⒋培养学生学习他人并与他人合作精神。

二、教学重点、难点：

重点：表格网页的制作 难点：合理布局、设计网页

三、教学准备：

⒈学生学习、生活素材 ⒉简单相关教学课件范例

四、教学过程：

㈠检查分组及集收素材的情况。（3’）

⒈请班级网站管理员上台介绍分工情况，及班级网站名称和主要网页标题 师：同学们，我们学校更名为三明市实验小学后，学校的网站也以新的面貌发布在网络上，学校网站为每个班级开辟了网页空间。上节课，老师布置大家共同为制作班级网页收集平时学习、生活中的素材，同学们都准备好了吗？（生答：准备好了！）很好！上节课，同学们还选出了二位同学担任班上的网页管理员，据老师了解，他们还把同学讨论的结果做了一个小小的演讲稿，下面请他们上台汇报一下。（请管理员站起来，并请其中一位上台汇报）

⒉个别小组展示素材：

下面，老师想请一些小组展示的你们收集的素材。（请书法组、班级之星组）㈡导入课题：（3’）

谈话导入：看来，同学们收集的素材很丰富！随着学习的深入，网页的内容 也越来越丰富了。怎样把这些内容合理地布局，使它们显得紧凑而不凌乱呢？这就需要用到表格！今天我们就共同学习表格网页的制作。（出示：课题）㈢展示表格网页作品，激发学生学习兴趣和创作欲

网络广播：网页作品一、二个。㈣学习表格网页的制作步骤：

⒈提问：刚才同学看到网页的布局都是错落有致、美观大方，其实它们都是通过利用表格来实现网页的布局。那么，怎样进行表格网页的制作呢？首先请同学回顾一下制作普通网页的步骤做什么？

⒉学生回顾普通网页的制作步骤：（师板书：步骤）建文件夹→选定、复制素材→设计表格→输入素材 ㈤引导学生学习表格的编辑：（5’）

⒈展示作品和草图学生观察对比设计。

小结：网页的内容相同，但表格设计的样式不同，网页的效果也不一样。接下来我们就学习表格的编辑。

师：提到表格制作同学并不陌生，因为我们在WORD中学习过表格的制作。⒉通过网络广播：表１这是一个编辑后的表格。⒊师画一个规则表，让学生上台演操作： 操作：选定→插入→拆分→合并

⒋引导学生运用在WORD中学习的知识，自主探索表格按钮、表格菜单的使用，并试着做出表1一样的表格。

⒊提示：编辑表格时，关键的一步是：选中（即操作难点的突破）。⒋学生动手编辑表格。

⒌对有困难的学生小组帮助，再则老师帮助。㈥学生动手设计表格网页：（16—18’）

⒈布置设计：同桌相互讨论，并设计出本小组的网页。需要画版面草图的请用准备好的纸张。

⒉操作提示：

文件夹、文件名应用小写字母；文件名和图片应存放在同一个文件夹中。⒊学生动手制作网页。㈦展示交流：（5’）

学生以小组为单位代表展示作品，学生欣赏互评。㈧课堂小结：（2’）

同学们，今天我们发挥集体的智慧为班级设计了丰富多彩的网页，其实制作一个优秀的网页光靠一节课是不够的，所以今天在课堂上没完成的同学课后可继续完成。

教学反思：

表格网页的制作这节课，是在学生学会了普通网页制作的基础上进行教学，因为FrontPage2000中的表格应用与旧知识的Word2000中的表格应用操作相似。因此，课的特点是操作性强，要考虑到：既要传授新的知识上，即表格网页的设计步骤、表格的设计，又要留给学生大量的时间操作，所以我选择了主要以学生自主学习，探索操作的教学方法，难点的之处给以详细讲解，实践证明，大部分学生能够接受这样的教学方式，让学生联想已学的知识，用已掌握的知识方法来探索新知，达到新旧知识融会贯通之目的，收到良好的效果。

在课程的设计中，我以我们学校更名为三明市实验小学后，学校的网站也以新的面貌发布在网络上，学校网站为每个班级开辟了网页空间。让学生共同为班级设计制作网页引课导入，让学生收集平时学习、生活中的素材，并上网搜集相关资料，激发了学生学习兴趣，拓展了学生视野，扩大了知识面。在实际的操作中，学生收集、处理、应用信息的能力及自主探索、操作实践的能力得到了很好的培养，在激发学生学习兴趣，创作欲、创新意念的同时，也培养了学生学习他人并与他人合作精神。