表格网页制作及反思5篇

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

表格网页的制作

三明市实验小学 黄跃

一、教学目标：

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

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

二、教学重点、难点：

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

三、教学准备：

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

四、教学过程：

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

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

⒉个别小组展示素材：

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

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

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

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

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

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

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

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

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

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

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

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

⒉操作提示：

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

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

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

教学反思：

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

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

第二篇：应用表格布局网页教案设计与反思

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

一、教学目标：

1、知识与技能：

（1）、了解表格在网页设计中的作用。

（2）、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。

（3）、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。

2、过程与方法：

（1）、利用对比学习，培养学生知识迁移的能力。

（2）、通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。

（3）、通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。

3、情感态度与价值观：

（1）、通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。

（2）、通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。

（3）、通过“动物——人类的朋友”网站的设计与制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。

二、教学重点难点：

1、教学重点：

（1）、了解表格在网页设计中的重要作用。

（2）、掌握插入、编辑表格的方法及表格的属性设置。（3）、掌握单元格的修饰与属性的设置。

2、教学难点：

（1）、表格的嵌套在网页设计中的应用。

三、教学过程：

1、创设情境、导入新课

（1）、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。

（2）、提问：你喜欢那个页面的布局？学生回答。

（3）、提出问题：有什么方法可以达到第一个页面的效果。观察第三个页面，内容与第一个页面相同，显现页面中表格的边框。

（4）、学生讨论、交流，回顾Word中学习过的表格，领悟表格在FrontPage中的作用。

设计意图：通过对比学习，培养学生知识迁移的能力。

2、任务驱动、自主学习

（1）、展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到分析教材中的例子，得出表格的布局。

（2）出示任务一：规划网页表格的布局。分层完成该任务，基础相对薄弱的学生仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的学生可以跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上。

设计意图：分层教学，学生可以根据自己的实际情况选择任务难度，并动手分析和进行创意设计，培养学生的模仿以及创新能力。

（3）、出示任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容。FrontPage中表格的插入于编辑与Word中的表格操作类似，教师着重引导学生进行知识迁移。

（4）、学生操作，教师安排操作熟练的学生进行演示。设计意图：培养学生知识迁移的能力和动手能力。

（5）、出示任务三：在表格中插入图片、输入文字。任务四：表格属性以及单元格属性的设置。

（6）、学生根据自己的实际情况选择任务难度，可按教师的具体要求操作，也可根据自己的意图进行设计。设计意图：确保达到教学目标的同时，给学生一定的自主空间，鼓励他们去创新，而不应让学生一成不变地生硬模仿。

（7）、出示任务五（提高内容）：表格的嵌套。学生动手制作网页。设计意图：更好的发挥优秀学生创作思维动手能力。

3、课堂小结、后续活动

（1）、教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法等。

（2）、教师展示优秀作品，表扬完成任务的学习，对未完成任务的学生，应鼓励他们利用课余时间继续完成。

四、教学反思： 略

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

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

省实附中 张晶

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

一、学生固有知识

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

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

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

第四篇：网页中表格教案

第三课 在网页中插入表格

一、教材分析

网页制作中用表格来规划整个网页的布局，是我们设计制作网页常用的手法。所以学会在网页中插入表格是网页制作中的一个重要的部分。本课的主要内容包括在网页中插入表格，表格的编辑和修饰，在表格中插入文字、图片等。通过对本课的学习，让学生了解用表格来规划网页会使网页结构显得清晰明快。在网页制作中，引导学生用表格来规划网页，为以后网页的开发设计打下一个良好的基础。

重点：学会使用多种方法在FrontPage中插入表格。难点： FrontPage表格的美化。

二、教学目标

知识与技能：学会在FrontPage中插入表格及美化表格的方法，培养学生运用表格设计来美化网页的能力。

过程与方法：采用研究体验式和协作式学习方法，培养学生对计算机知识的迁移能力和综合运用知识的能力。

情感态度、价值观：通过网页制作，培养学生良好的审美情趣。使学生逐步形成用表格来规划网页布局的网页制作习惯，为今后网页的开发设计打下一个良好的基础。

三、教学准备：

硬件环境：使用多媒体网络教室，配备宽带网络。软件环境：WinXP操作系统、FrontPage2000以上版本。素材资源：

1、在教师机或学生机上为学生建立相关的素材资源文件夹。

2、教师为学生准备上课演示用的教师制作的网页1。

我打算出示一组关于学生作文的中学生作文网。

3、为学生准备上课演示用的教师制作的网页2-----情感小屋网页，通过在情感小屋的首页内插入表格，通过进一步用表格规划情感小屋首页的网页布局来学习网页中表格的设计与制作。

五、教学流程

出示课前准备的含有表格的网页1中学生作文网，（一）创设情境，确定问题，布置任务

师：当你漫步在环境优雅的校园时，是否考虑过校园里的林荫道和绿化带的作用？ 生：起着绿化与方便交通的作用

师：其实还有着非常重要的作用，将行政区、办公区、生活区、活动区分成各自独立的区域，使整个校园错落有致，美丽如画，同样，如何将网页布置的美观整齐，结构清晰呢我们运用表格来布局与美化网页？

任务一：在FrontPage中有几种创建表格的方法？它们各有什么优点？

方法一：“常用”工具栏“插入表格”命令。

优点：操作速度快

方法二：“表格”菜单“插入”→“表格”命令。优点：能对表格预先进行设置。

方法三：“表格”菜单的“绘制表格”命令，手工绘制表格。优点：能做出特殊的表格，可以对表格进行修改。

任务二：

如何隐藏表格边框？-----推出表格属性的用法 任务三：

请同学们尝试着在FrontPage中制作如下表格：

（二）学生自主探究学习我 就 是 我姓名 年龄 学校 家庭住址 特长

姓别 QQ1、在FrontPage插入简单表格这一教学环节，考虑到学生已有Word知识的基础，故在此可放手让学生自主学习。通过让同学演示示范，得出插入表格的几种基本方法。并利用同Word相类似的编辑方法来体会FrontPage中表格的简单编辑。完成表格的简单制作。

2、为完成“表格的调整”这一教学任务，教师可提前演示制作好的表格，带着如下问题以小组为单位，研究和尝试对表格进一步美化：

（1）怎样进行行高与列宽的调整（2）怎样进行单元格的合并和拆分（3）怎样进行插入或删除表格中的行或列，（4）怎样进行平均分布行和列等基本操作（5）怎样进入表格属性对话框？

（6）表格属性对话框中相应选项的改变会给网页的效果带来哪些变化，起到什么修饰作用？

在此过程中，教师也可深入到各小组的研究讨论中去，和同学们共同寻找答案。然后，请完成表格美化的同学演示示范，以此突破本课利用表格属性来美化表格这一教学难点。

（四）创设任务，小组协作，巩固新知

在学生已基本学会插入表格和美化表格的基础上，再次创设学习任务，以小组为单位，打开站点“情感小屋”，并打开首页文件index.htm,分别插入四个表格，依次为：2╳3、2╳2、1╳4、2╳

1、宽度为780像素，水平居中。

最后展示各小组学生的作品，展开自评与互评。

六、评价建议：

本课的评价环节贯穿在学生学习活动的全过程，在学生每完成一个学习任务之后教师都要予以充分肯定，尤其在小组的作品展示阶段，教师要注意引导学生从多方面、多角度评

价每个小组的作品，如对各小组的网页作品，可在网页内容、网页规划及网页美化等方面进行自评和互评。注意培养学生良好的审美情趣。

第五篇：制作表格教学反思

《制作表格》教学反思

何场小学 李志军

《表格》是在小学四年级上学期认识Word之后安排的教学内容，我把课题变成了《制作表格》。通过前面几课对Word的学习，学生对Word文档有了一定的认识，学生也能较熟悉Word菜单操作和一些常用工具的操作。同时制作一张表格也是孩子们生活中最常见的，学生自然充满了亲手设计与制作的热情。在设计教案过程中，我始终坚持以人为本，注重学生全面发展，力争让学生学会学习、学会合作，为学生的终身发展奠定基础。这节课中我主要做到：

一、精心设计，巧妙导入

本课是学生已经学会了在WORD文档中一些菜单操作与常用工具使用。学生对表格的作用及其制作有一定学习欲望，让学生体会到表格在生活中有着广泛的应用，学好表格制作大有用处，并揭示以课程表为例学习制作，提出问题一气呵成。

二、指导自学，组织交流

对于表格的制作，学生有着强烈的动手创作欲望，而对于制作的具体步骤，教材上有清楚的说明，也比较浅显易懂，所以我就放手让学生自学，自己置身学生当中。巡视发现问题，及时指导，让学生边看书、边操作，学生兴趣盎然。在学生初步了解了如何插入表格知识点后，组织全班学生交流，让学生再现自学收获，学生能积极主动地说，并且能有与众不同的方法。教师适时表扬与鼓励，更能激发学生在电脑操作中探索更多的操作及途径，达到熟练、全面地运用电脑。这样在学生的自学汇报讨论中，教师适时点拨明确制作表格的步骤，让学生掌握知识且清楚明了。

三、精心设计，激发兴趣

在学习插入行、列和删除行、列的操作中，我设计出一些问题表格，比较少行或列，多行和列的表格，让学生与完整的表格相比较，看看这些问题存在什么问题并如何解决。然后，运用打擂台比赛，选一名操作比较熟练的学生当小组长，然后提出比赛要求：看哪个小组成员率先完成全部表格的修改，然后一个小组派一名代表上台演示操作步骤，学生好胜心强，自然学习效果比较浓厚，学习效果显著。