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

简单网页制作之表格的使用教学设计（精选11篇）

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

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

省实附中 张晶

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

一、学生固有知识

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

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

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

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

使用表格规划网页

湖南省隆回县小沙江中学易黎宝

教学目标 1．知识目标

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

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

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

3．情感目标

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

教学重点

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

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

学会在网页中插入表格； 学会使用表格的嵌套功能； 学会使用表格的拆分和合并规划设计网页。教学方法

情景导入法、任务驱动法。所用课时

2课时。教学环境

多媒体机房。4人为一个小组，每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整，以达到各个小组的力量均衡。本课教学应至少一人或两人一机，投数字电视一台，教师机一台（用于教师示示范，布置任务），整个机房以宽带的形式接入因特网，网速较快。

教学过程

一、创设教学情景，激发学生学习兴趣，出示学习任务。

师：同学们在FronPage 2000 中，要调整页面版式，文字、图片的位置不像我们在使用Word排版时那样可以自由灵活，要使用网页表格功能规划设计网页，让文字和图片放置在合理位置，让每一部分内容都有自己的“家”，页面显得整齐规范。这也是与Word相比最大的区别。今天的学习任务是：

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

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

下面请同学们跟老师一起操作，看看如何在网页中插入表格。（板书：插入表格。）

二、讲授新课

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

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

步骤2：选择菜单“表格” →“插入”→“表格”选项，打开“插入表格”对话框。

步骤3：设置行数、列数、宽度等参数。

步骤4：单击“确定”，表格就插入网页中。

（二）提供机会，学生实践探究 投影出示任务： 1．参考Word软件中调整表格大小的方法，将表格调整到合适的大小； 2．将文字、图片复制到合适的单元格中；

3．参考Word软件中调整表格大小的方法，根据需要将表格进行拆分与合并。

教师随堂检查并指导学生。

（三）表格的嵌套

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

（板书：表格的嵌套。）

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

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

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

教师演示操作： 步骤1：在表格中单击右键，选择“表格属性”后，我们可以在“表格属性”对话框中设置表格的属性。

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

使用表格规划设计网页

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

三、授课完毕，课程总结

本节课主要讲了以下４ 个知识点： 表格布局是网页制作中最常见的布局方法。

选择“表格”菜单中的“插入／表格“命令，可以插入合适的表格。对插入的表进行属性设置和拆分全并等到操作即可实现表格布局。在运用表格进行布局的时候，学需要在表格中插入表格，即表格的嵌套。

４．常见的表格布局灯型有Ｌ回字型、同字型、匡字型、川字型等。

四、课堂作业

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

1． 小红想利用表格来规划自己的网页，她想在网页中插入一个表格，以下操作能实现的是：（）

A． 选择菜单“插入”→ “表单”

B． 选择菜单“插入”→ “组件”

C． 选择菜单“表格”→ “插入”

D． 选择菜单“插入” →“水平线”

正确答案：C

2． 插入表格以后，小明想在表格中放入一些内容，他可以在表格中放入：（）

A． 只能放文字

B． 只能放图片

C． 只能放文字和图片

D． 除了文字和图片之外，还能放很多内容，如字幕、动画、视频，等等

正确答案：D 3． 插入表格后，如果要对某一单元格进行设置，以下操作可以实现的是：（）

A． 在表格中单击右键，选择“表格属性”

B． 在表格中单击右键，选择“单元格属性”

C． 选择要修改的单元格，选择“单元格属性”

D． 选择要修改的单元格，选择“表格属性” 正确答案：C

4． 小明想将表格的背景颜色设置为红色，表格的第一个单元格背景设置为黄色，以下操作可以实现的是：（）

A． 在表格中单击右键，选择“表格属性”

B． 在表格中单击右键，选择“单元格属性”

C． 在表格中单击右键，选择“表格属性”设置表格背景色，然后选择要设置的单元格，选择“单元格属性”

D． 不能实现

正确答案：C

5． 插入表格以后，我们能对表格进行的操作是：（）

① 合并单元格； ② 拆分单元格； ③ 插入表格； ④ 插入行； ⑤ 插入列

A． ①②③④⑤

B． ①②④⑤

C． ③④⑤

篇3：网页设计中的表格绘制

在视窗操作系统及office软件出现后,表格的绘制就是一个非常简单,一学就会的工作了。无论是微软的office系列软件,还是macromedia,adobe系列软件中用到表格绘制基本都是同样的方法,在后台,定义了

标签,最基本的是确定了它的宽、高、边框粗细、背景颜色等,如

。但是在通常的方法下绘制的表格外观普通,不够美观。当前在网站制作网页设计中,已经不能满足仅仅是信息展示平台了,它越来越强调别致、引人入胜的效果。普通方法绘制的表格显得很不足。网页是一种可以提供动态甚至3D效果的媒体,表现形式远远多于平面媒体。因此当发挥它的优势,制作出效果出众的表格,更增加了网页乃至网站的吸引力。

在网页设计中,可以借助于代码,制作出圆角及富有立体感的表格;同时,在平面设计中也不难制作出美轮美奂的表格,如何合理的把其应用于网页设计,也成为一项值得思考的问题。

2 绘制圆角表格

在网页中,如果表格是圆角的,四个角圆润的弧线比僵硬的直角表格显然更美观,而且相对来说较少出现,可为网页增色不少。如图1所示。

2.1 使用图片背景

绘制圆角表格最简单的方法是用一张圆角的图片作为表格的背景。具体来说,先在网页上按照通常的方法绘制一张表格,确定了表格的大小。然后在平面设计软件,如photoshop中,建立一个文档,文档的大小要非常接近并稍大于你所绘表格,在文档中画一个占满文档的圆角表格图片,保存为.jpg文件。最后修改你的表格属性,background属性值为你的圆角表格图片地址,注意还要设定两个属性,border="0"align="center"。让你真实的表格的边框隐藏,只能看到背景图片。然后,看你的网页效果,略做调整,就完成了。

这种绘制圆角表格的方法优点是简单易学,效果也不错,适用于对代码不太熟悉的设计人员。但缺点也很明显,当表格的大小变化了以后,表格的背景的大小也必须改变,否则效果就不好了。所以还要编辑表格背景,很繁琐,通用性差。

为了增强通用性,我们将这种表格绘制方法进行了改进。简单来说,我们将圆角图片的四个圆角单独保存,如图2,用这几张小图片做单元格的背景。

打开网页制作软件,这里以Dreamweaver为例。插入一个一行三列的表格,设置其CellPad、CellSpace和Border属性值都为0。在第一列插入图片1.gif,第三列插入图片3.gif,并设置单元格的高度和宽度与图片一致。设置第二列的背景颜色为与圆角图片一致的颜色,设置宽度为整个表格的宽度减去两个图片的宽度,并打开源代码察看器,删除这列中的字符” ”同样的方法做好下半部分的圆角。这样就完成了一个漂亮的表格了。

这两种使用表格背景的方法总的说来比较简单,适合对后台代码不熟悉的设计人员,但是它比较繁琐也是显而易见的。

2.2 用css代码绘制圆角表格

css是指层叠样式表(Cascading Style Sheets),定义样式要如何显示HTML元素,css简单来说就是用来美化网页用的,可以用css语言来控制网页的外观。用css可以实现很多种圆角表格,非常美观且方便。这里我们先尝试用纯css无图片实现圆角框。

css代码为:

这个圆角矩形实际由三部分组成:div.RoundedCorner,

b.rtop(b.rbottom),b.r1(b.r2 b.r3 b.r4)。圆角矩形放大后的效果如下图,将角模拟像素显示的原理,排列出了圆角的效果。

这种方式画的圆角矩形自然很简单,但它画出的圆角效果不太好,看起来有参差的毛边,不及绘制的圆角看起来圆润美观。

2.3 圆角图片与css结合

将css代码与四个圆角的图片结合也可以做出圆角矩形效果的背景,这种方式兼顾了圆角图片的美观和用代码做出的矩形随意通用性强的优点。具体来说,用css写出直角矩形,再做出四个和矩形颜色一致的圆角图片,再用css代码合理把他们排列在直角矩形上,形成圆角矩形。经过思考,用这样的方法可以拓展做出各种样式,比如代边框的圆角矩形,比如矩形为渐变色的,非常出彩。

A标准圆角:

代码:

B带边框:

代码:

C渐变效果:

代码:

经测试,这几种矩形均支持IE(6+),Firefox和Safari,和Opera等浏览器"。在想改变圆角矩形颜色的时候,还要重新制作圆角图片,似乎也造成了一定负担,我们介绍一个可以较快生成圆角矩形的网站,http://roundedcorner.org/,在这里你还可以随意改变矩形的颜色。

2.4 其他

用css的sprite方法也可以生成这样的圆角矩形。

同时,还有一些方法,比如使用css的Border-radius同样可以制作圆角矩形,更方便,但这个属性在常用的ie浏览器中无效,只能在Firefox和Safari 3的浏览器里能看到圆角效果。代码复制如下:

由于ie浏览器仍有广泛的用户群体,因此这种方式兼容性不能保证,尚且不便于制作网页。

3 绘制立体表格

网页中用到表格时,绘制出带阴影的表格,会有立体效果,也是种不错的选择。

它的css代码为:

html代码为:

其中,阴影的方向及大小是通过对.container中方向属性的设置实现的,在本例中,“left:-1px;top:-1px”说明阴影是从左上方的光照投下的,偏移量均为-1px。

4 总结

在本文中,我们介绍了几种表格绘制的方法,制作出美观的圆角及立体表格,较多的使用了css技术。

在当今的网站制作网页设计中,对一个好的页面的要求早已过了仅仅是展示信息的第一个阶段和过于强调外观炫目的第二阶段。今天的网页要求既要清晰展示内容,层次分明,又要美观大方,新颖别致。尤其对于表格来说,目的是条理清晰的展示内容,所以不提倡做的特别花,该文介绍的这几种制作的方法正好能够较好的满足要求。

参考文献

[1]《css教程》W3School http://www.w3school.com.cn

[2]卡斯特罗.HTML XHTML CSS基础教程[M].北京:人民邮电出版社,2007.

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

【关键词】计算机；Word表格教学

计算机的应用已经延伸到社会的各个领域，学习计算机知识、掌握计算机办公应用操作技能目前是高职院校学生的必需掌握的技能。Word表格在日常的生活当中已经是相当的普遍，是日常办公文档经常使用的形式，从现实生活中的表格入手，可以通过比较简单的一些实例来帮助学生掌握表格的基本创建的正确方法，由易而难，循序渐进的熟悉表格的制作。

一、教材分析与处理

1.教材的地位和作用

“表格的制作与处理”是《计算机应用基础》课中的一节重要内容，着重培养学生的学习能力，在技能操作中占有重要地位。通过本节课的学习要使学生对表格制作的各种方法有一个清晰的认识，为以后的学习做好铺垫。

2.教学目标及确立依据

依据对教学的分析及教学大纲的要求，结合学生的心理特点、现状和接受能力，为达到传授知识、陶冶情操、发展智力和培养学生学习能力的目的，确立本节课的三大教学目标：

知识目标：通过学习使学生掌握表格制作的几种方法及如何对表格进行修饰。

能力目标：通过学生的动手操作实践，培养学生的思维能力和勇于探索、积极创新的能力。

思想目标：培养学生在学习中树立自信心，遇到困难不低头，锐意进取的精神。

3.重点难点及确立依据

根据已确立的教学目标，遵循培养学生学习能力的原则及教学大纲的要求确立本节课的重点：表格制作。一般表格制作学生很容易掌握，但包含在一般表格中的一些复杂格式，学生接受起来则有些难度，这就需要针对形式多种多样的表格一一突破。

二、课程创意设计

1、从日常表格引入

在日常生活工作中，我们经常会见到各种各样的表格，比如成绩表，课程表，财务报表，岗位申请表等等。通过这些表格我们非常清晰、条理化地看到各数据及相关内容间的关系。通过几种日常表格的观察归纳总结出表格的共同属性，“行”和“列”以及“表头属性”。

2、引入Word中表格的慨念

Word中表格功能提供了强大的表格制作和处理功能。简单介绍Word中表格功能，特别突出用Word中表格功能制表的“行”和“列”以及“表头的慨念”。

以制作学生成绩表为例，引导学生创作设计一张学生成绩表，让学生利用刚才介绍的行和列的慨念及表头的慨念建立自己制作表格的基本属性。

3、教与学

当创建空表格后，看到表格是由若干的行和列构成的，行与列的交叉点形成单元格，在配上表头一个基本的表格就显示出来了。在知道表格的基本结构以及创建方法后，再拓宽知识面引导学生逐步掌握表格的几种创建方法。如利用菜单命令，利用工具按钮，绘制表格工具栏以及制表符来进行创建表格。通过这样几个回合的基本训练使学生基本上愉快的掌握了绘制表格的基本方法。为了让表格看起来更加的生动美观，我们可以把表格调整一下，可以将鼠标指针移动到标尺上要调整的表格线分隔标志上，按下鼠标左键就可以调整表格的列宽和行高。如果想要精确的调整行高和列宽呢？可以使用菜单命令或者标尺，但是要注意，使用标尺的时候要配合Alt键。对于一些不规则的表格，我们还需要添加或删除一些线条，如单元格中画条斜线等等。除了按下表格和边框工具栏上的“绘制表格”按钮，也可按下表格和边框工具栏上的“擦除”按钮。

表格制作完毕以后，可以在单元格中填入文本，数字，插入图片，声音等等。对表格文本格式化，也可以给表格添加各种边框和底纹，以便突出重要内容。

此时可对学生提出问题，可以对表格当中的内容进行排序和统计运算吗？答案当然是可以的。可对学生指出并演示，在表格中排序和计算都是以单元格为单位进行的；与Excel电子表格处理软件一样，Word中可以对表格中的数据进行一些简单的处理，如求和、求平均值等函数的计算。然后通过课堂多媒体的演示，让学生对所学内容进一步的掌握，当然要留下足够的时间让学生应用实践操作。

教师本着传授知识让学生学以致用的原则，突出实用性、操作性、加强理论联系实际，让学生自己完成任务，自己去体验完成制作表格的方法及乐趣。从而激发学生的学习积极性，培养在学习的过程中自己去发现问题和解决问题的能力。

三、拓展知识

表格制作完毕后要想通过打印机打印出来，可以思考一下怎样才能打印出来呢？通过打印预览来打印表格这样比较简单；但如果遇到一些比较长的表格呢？比如一个需要分5页才能打印完的学生成绩表，在每一页开始都需要打印表头。这时使用“表格/标题行重复”命令可自动在各分页上加上表头，可以不必人工计算后分页。还有其他办法能够打印吗？让学生自己去摸索、思考得出自己的答案。就在这一问一答、边问边答边演示的教学过程中，学生的知识面得到拓展，课堂气氛十分活跃，学生学习积极性空前高涨。一堂看似枯燥乏味的word表格制作教学课不知不觉中变成了一堂生动的效果较佳的教学互动实训课。

要达到这样的教学效果可是得下一番功夫，首先教师就要不断的去吸取新的知识，补充新的营养；其次课堂教学内容，不能限制于教材，应围绕课本知识做一些延伸，多引发调动学生的求知欲与学习积极性，与社会联系起来丰富知识；在其次教师必须进行充分的课前准备，精心构思课堂知识的引入点，分析教学重点、难点，有针对性的进行仔细准备。

四、总结归纳

篇5：制作简单的表格说课稿

一、说教材

(一)、教材分析

《制作简单的表格》甘肃省小学信息技术教材第二册模块一第六课的内容，是在学生掌握了金山文字基本的编辑和排版的基础上进行学习的。本课主要是让学生掌握制作表格的方法，为以后学习调整表格及表格的数据计算作好辅垫。

(二)、学生分析

我们学校的学生一般学习兴趣不高，好玩好动，自主学习能力比较差，学生整体素质比较差，技能基础和个性差异较大。所以我尽量不使用演示法，而是利用信息技术本身的优势及网络环境，创设信息化的教与学环境，利用优美、生动的画面，丰富有趣的情境，让学生从亲身的感受中说、做、学。通过优化教学过程，改进学习方式，使教学内容形象直观，有趣，可以充分调动学生自主学习的积极性。

(三)、教学目标

1认识表格中一些常用名词(行线、列线、一行、一列、单元格)

2学会制作简单的表格，在表格中输入文字及装饰文字。

3感知生活中应用表格的知识;培养学生动手操作的能力及与同伴合作交流的意识、能力;培养学生审美能力。

(四)、教学重难点

重点：制作简单的表格及美化表格

难点：用不同的`方法来制作表格。

二、说教法与学法

信息技术教学是师生之间、学生之间交往互动与共同发展的过程。作为老师，我采用情境的创设和任务的设置，先把问题灵巧地抛给学生，引导学生来尝试解决。制作课件利用网络的优势，为学生提供动态的，丰富的信息;鼓励学生主动参与学习;为学生的主动学习创设空间;同时老师也是知识反馈的调整者，在此过程中培养师生之间的感情，激活学生积极探索的自信心。

作为学生，他们是学习的主人，在教师的帮助下，采用探究式学习，从老师创设的网络环境中最大力度地获取信息，通过小组合作交流及利用动手操作探索，完成老师的布置的任务。在此过程中学生自主学习，发现新知，通过操作提高运用所学的知识解决生活中的实际问题的能力。

三、说教学过程

(一)、创设情境，导入新课

今天，老师要为大家介绍几位新朋友，一会儿它们出场的时候，如果大家认识它们，请同学们大声的它们的名字，好不好?

从刚才同学们的表现可以看出大家非常的熟悉也非常的喜欢它们。今天，羊村里的小羊给我们带来了两份羊羊运动会的资料，我们一起去看看。

课件出示两份资料，一份为文本形式，一份为表格形式。

问：同学们仔细观察这两份资料，它们有什么相同的地方?不同之处有哪些?

比如我想知道喜羊羊的射击成绩排第几名，你愿意从第一份资料里查看还是第二份资料?为什么?

通过提问：生活中还能见到什么要的表格?(抢答)

在此过程中，让学生领悟表格在生活中的重要性及学习的意义，激发学生的学习兴趣。

(二)、新授过程

1、学习表格的常用名词。(教学课件、抢答)

既然大家都想学习好表格的制作，今天为大家带好一个很好的学习软件，大家可要认真学习它。

2、生尝试着自己完成插入表格

学生通过不同的学习方式来插入表格

师相机板书：

创建表格：表格/插入/表格。

3、插入行、列

4、删除行和列

展示个别学生作业，师生互相评价，评出优秀作业及优秀小组。学生汇报自学的情况，，每种方法在介绍的时候我注意其中知识点的讲解，使学生会用不同的的方法来解决问题。充分尊重学生的个性特征，让每一个学生提出自己的方法，给学生留有充足的时间和空间，让学生去讨论、去争辩、去探索。这样教学不仅使学生的主体地位得到充分的体现，也使学生的创新思维得到了发展，这样水到渠成的突破了教学难点。在掌握方法的基础上让学生再任意制作一个几行几列的表格，充分培养学生学习的主动性。

(三)巩固练习

通过这节课的学习，我们学会了如何在WORD文档中插入表格，掌握了如何插入和删除多余的行和列，希望同学们能将我们所学的知识运用到生活中去。现在就请同学们制作一张我们班的课程表，看谁完成的又快又好，看看那个小级成员率先完成，大家开始吧!既调动学生学习热情，又注意了分层次教学，同时培养学生的合作意识。

四、说评价

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

摘要：文章指出，表格是网页设计中不可缺少的重要元素。使用表格排版可以规范整个页面，将页面中文字、图片、动画等众多元素有条理地统一组织起来。层是一种新的CSS定位技术，它具备许多表格所不具备的特点，比如可以重叠，移动方便，可以设为隐藏，还可以添加许多行为来丰富页面效果。所以，很多情况下，可以同时使用表格与层搭配进行排版，既可以使用到表格的整体规范性，又可以利用到层的灵活性与丰富功能，从而设计出更加精彩的页面。

关键词：Dreamweaver；表格；层；排版

作者简介：龙敏敏（1979-），女，湖南祁东，本科，讲师；研究方向：计算机教育教学

1Dreamweaver网页设计工具简介

浏览网页已经是现代社会人们生活中的一个重要组成部分，网页作为网络信息传播的主要载体，其设计也被大家所关注。网页设计的软件有多种，Dreamweaver是著名的“所见即所得”的可视化网站开发工具，是国内外普遍应用的专用网页设计软件。它被称为“织梦者”，即它的英文单词所表达的意思。Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制。它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。网页设计的重点是版面的设计，即如何将所有的素材按照设计要求精美地罗列在页面中。所以，如何排版成为网页设计中的关键。

2使用表格和层排版

在Dreamweaver网页设计中，排版的方法有很多种，其中使用表格和层排版是基本的方法，通过设计模式可以轻松完成，简单易学，是大家常用的方法，对网页排版起到了重要的作用。

2.1表格排版

在制作网页时，要想将文本、图片等组织得美观，有条理，就需要排版人员头脑里有一个整体布局的概念。在Dreamweaver中，安排页面内容布局主要是依靠表格来完成的。通过表格的相互嵌套和合并、拆分，可以将自己的构思完整地表现出来。表格是网页设计制作时不可缺少的`重要元素，它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上，从而设计出版式漂亮的页面。使用表格排版的页面，在不同平台、不同分辨率的浏览器里都能保持其原有的布局，且在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。表格排版比较规范，整体性强，一般的网页排版中都会使用表格进行整体的排版，但其表现比较中规中矩，不会有太多其他的丰富功能。

2.2层排版

层是CSS中的定位技术，在Dreamweaver中可对其可视化操作。文本、图像、表格等元素只能固定其位置，不能相互叠加在一起，使用层功能，可以将其放置在网页文档内的任何一个位置，还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。层具有很多表格所不具备的特点，比如可以重叠，便于移动，可设为隐藏，还能为层添加一些行为，使页面具有更丰富的变化等。这些特点有助于设计思维不受局限，从而发挥更多的想象力。由于它是一种新的CSS定位技术，层在具有上述优点的同时，也存在着一些不可避免的缺陷，比如兼容性、定位问题。所以，目前比较大型的网站不会单独使用层来排版。

2.3层转换成表格排版

前面提到，层与表格都可以用来在页面中定位其他对象，它们有时可以互相取代，但两者并不完全相同，有时就必须使用其中的一种。比如，当需要用到表格来排版页面，但又觉得表格的添加比较烦琐，而层比较灵活，这时候，排版者可以使用层到表格的转换来实现。具体的操作步骤是：（1）首先在层面板中勾选“防止重叠”选项，这样绘制层的时候就不会出现叠加和嵌套的现象；（2）在页面中绘制若干个层，把页面中的各元素添加到层里面；（3）把每个层自由地排列到页面中各个相应的位置；（4）使用层排版结束之后，要将层排版转化为表格排版，选择“修改”—“转换”—“层到表格”命令，在对话框中设置好相应的参数，确定之后层就会转换成对应的表格。这种排版方法在排列对象时比较灵活一点，但有时也会产生一些多余的单元格。当然，这种方法一般适用于不太复杂的页面的排版，对于比较复杂的图文混排页面，最好还是采用传统的表格排版方法。

3排版时容易出现的问题及解决方法

3.1整体表格排版出现的问题

有很多人在网页中用表格排版时习惯使用一个大表格，然后在大表格中嵌入一个个小表格，认为这保持了排版的整体性，其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担，浏览器一般是等待整个表格的内容都接收到以后才显示这个表格的内容，如果一个很长的页面使用一个大表格排版，那么这个网页显示速度就会比较慢，使得页面呈现的时间大大加长，很多时候有些网页的访问者会失去等待的耐心而放弃浏览这个网页。解决的方法是：拆分表格，将大表格化整为零，把表格打散，并要尽可能地避免表格的层层嵌套。注意，拆分后的表格的宽度要设置为相等，这样表格的排版效果和拆分前相比并没有改变，在浏览器中呈现时，页面会从上至下一个个表格呈现出来，明显加快了页面打开的速度。

3.2层排版出现位置偏差

在页面中使用表格和层混合排版时，先加入表格进行页面的整体布局，然后在局部加入层。通常情况下，层加入到页面中之后是游离在表格之上的，它虽然移动方便，但在页面中的位置是固定的，由于表格的宽度是固定像素，设置在窗口中居中显示，所以当窗口变大时，表格会产生一个相对位移，但是层却还在原位，没有跟着相对位移，因而出现层与表格中其他内容位置上的偏差。所以，层排版的灵活性同样也体现了一定的不稳定性。要想办法使层与页面中其他元素一样，能够随浏览器的变化而产生相对位置上的变化，排版者可以将层嵌入到表格的单元格中，使层成为单元格中的一个元素，就像插入到单元格中的文本、图片一样，层就是属于单元格中的对象，当浏览器窗口大小变化时，表格必然会产生相对的变化，层也就会随着单元格的位置变化而产生相应的变化，这样就不会出现页面中元素相对位置的偏差。整个排版会变得很规范，就相当于是利用表格整体排版，层只是嵌入到单元格中的一个元素，又可以使用到层的丰富功能，两全其美。解决的方法是：先使用表格对整个网页的整体进行规划，然后添加一个层到表格中的某个单元格中。添加的方法：直接将工具栏中的层拖动到单元格中，这样该层就成为该单元格的嵌入层，该层在单元格中默认是靠左对齐，垂直方向居中，而且在水平方向是不能移动的，只要移动便会脱离该单元格，即成为普通层，不会是单元格的嵌入对象，如果在水平方向一定要移动的话，可以将该单元格的位置进行调整，进而单元格中的嵌入层也会随之移动。而在垂直方向上的位置是可以调整的，不过不要用鼠标拖动，这样容易使层脱离单元格，可以选中层通过方向箭上下移动或将该单元格垂直方向上的位置由“居中”改为“顶端”或“底端”。采用这种方法设置层后，无论窗口大小怎么变化，层始终是跟着单元格位置变化而变化，因而不会出现之前那种位置上的偏差。这个问题解决之后，接下来就可以在页面中利用层的一些行为来丰富页面。

4结语

总之，网页设计中，内容虽然很重要，但是如果只有好的内容而没有精美的排版以及合理的布局，那么再好的内容也很难引起浏览者的阅读浏览兴趣。通过合理的、有新意的页面布局，特别是主页设计，才可以将网页的内容完美地呈现在浏览者面前。所以，排版者在平时要多参考他人优秀的网页排版作品，加强排版练习，这样才可能创造更漂亮的网页排版。

[参考文献]

[1]李爱军.网页的排版布局[J].办公自动化：综合版，（7）：29-30.

[2]艺博，张明真.网页设计与制作——MacromediaDreamweaver8[M].北京：高等教育出版社，.

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

新设计课程表的制作

教学目标1.知识技能：学生在自己喜爱的情境中，认识表格中一些常用名词，学会制作简单的表格，在表格中输入文字。

2.过程与方法：在教师、同学及网络的帮助下，感受学习制作简单课程表的过程。初步学会表达解决问题的过程和方法

3.情感、态度、价值观：感知生活中应用表格的知识；初步培养学生动手操作的能力及与同伴合作交流的意识、能力。

学情分析学生通过前面的几节课，已经熟悉了Word的基本操作。学生在日常学习生活中会用纸和笔绘制表格，故采用“自学学习——探究学习”的教学方法，让学生从学习生活中入手来寻找用计算机这样的媒介来制作表格的方法。这样的方法充分发挥学生自主学习的能力，主动参与学习和实践，提高学生的自学能力，从而培养学生对于信息的获取能力，以及分析信息和处理信息的能力。

重点难点重点：掌握在Word中三种插入表格的方法难点：表格中表头的制作、文字的输入和调整表格

教学过程5.1 教学活动【导入】激趣大家记得北京奥运会吗，记者带来的调查资料（一份有表格，一份是文字叙述）教师ppt出示表格资料

老师这有许多生活中的表格，一起去看看吧 学生充满兴趣，说说哪份资料好。

学生自主进入学习过程。并说说除了老师提供的表格外，还有哪些在生活中见到的表格 【活动】探究新知

（一）认识表格

教师：对于表格你都想知道哪些知识？

课件给学生讲解有关表格名称的知识。你们都会了吗？那让我们来个抢答赛好吗？

学生活动：自主进入课件的认识表格中的各部分名称。

学生来当小老师给其他同学讲解自己学习的情况。

学生进行抢答

【活动】探究新知

（二）制作表格

你想通过什么样的学习方式来制作表格？（看书、上网、问同学）（1）自动表格按钮

你怎么拖动到这就停了？因为要制作五行六列表格，下面有5×6的标志，乘号前面是行，乘号后面是列（2）表格菜单

在表格菜单中有插入表格，选中后，因为要做五行六列的表格，所以只在行和列中改数字就可以了。

（3）手动绘制

先找到表格菜单中绘制表格，然后找到小铅笔，先拖出一个框，然后再画线。我们刚才用自动表格按钮、表格菜单及手动绘制三种方法来制作的表格，你觉得哪种方法比较好？）自动表格按钮）那要做多行多列的表格呢？（表格菜单比较好），制作不同的表格要选择合适方法。

学生活动1：选择你喜欢的方法再任意制作一个几行几列的表格 学生活动2：选择自己喜欢的学习方式来制作五行六列的表格 学生活动3：汇报三种制作表格的方法 学生活动4：说说三种方法的适用范围 学生活动5：选择自己喜欢的方法再任意制作一个几行几列的表格。

（三）输入文字

你们的表格做好了？缺点什么？（文字）以前我们学过在输入文字，在表格中输入文字你会吗？

学生活动：在表格中输几个文字并说说如何在表格中输入文字 【练习】巩固练习给学生展示一些比较好的作品。你觉得怎么样？

你能比他们做的更好吗？

一会我们来评评本节课的“表格设计师” 先在小组内评选，再通过转播让学生来说说这些同学作品的特点，引导学生不仅要会美化表格还要注意有些表格不需要美化。

在美化表格时还有一种方法，它是WORD中自带的一种表格套用格式，在表格菜单中选表格套用格式，大家也可以选择你喜欢的样式来美化表格。学生活动： 说说这些作品的优缺点，美化自己的表格 在小组内进行评选本小组的“表格设计师”

学生尝试用word自带的表格套用格式来美化自己的表格

【活动】学生优秀作品展示通过电子教室屏幕广播或电子白板展示学生优秀作品，小组评价，选出“表格设计师”。

【作业】拓展练习1.在课程表第5行下插入一行，合并单元格，内填“午休”，居中2.练习绘制斜线表头之样式三

第6课 制作简单的表格

课时设计 课堂实录第6课 制作简单的表格 第一学时教学活动【导入】激趣大家记得北京奥运会吗，记者带来的调查资料（一份有表格，一份是文字叙述）教师ppt出示表格资料

老师这有许多生活中的表格，一起去看看吧 学生充满兴趣，说说哪份资料好。

学生自主进入学习过程。并说说除了老师提供的表格外，还有哪些在生活中见到的表格 【活动】探究新知

（一）认识表格

教师：对于表格你都想知道哪些知识？

课件给学生讲解有关表格名称的知识。你们都会了吗？那让我们来个抢答赛好吗？

学生活动：自主进入课件的认识表格中的各部分名称。

学生来当小老师给其他同学讲解自己学习的情况。

学生进行抢答

【活动】探究新知

（二）制作表格

你想通过什么样的学习方式来制作表格？（看书、上网、问同学）（1）自动表格按钮

你怎么拖动到这就停了？因为要制作五行六列表格，下面有5×6的标志，乘号前面是行，乘号后面是列（2）表格菜单

在表格菜单中有插入表格，选中后，因为要做五行六列的表格，所以只在行和列中改数字就可以了。

（3）手动绘制

先找到表格菜单中绘制表格，然后找到小铅笔，先拖出一个框，然后再画线。我们刚才用自动表格按钮、表格菜单及手动绘制三种方法来制作的表格，你觉得哪种方法比较好？）自动表格按钮）那要做多行多列的表格呢？（表格菜单比较好），制作不同的表格要选择合适方法。

学生活动1：选择你喜欢的方法再任意制作一个几行几列的表格 学生活动2：选择自己喜欢的学习方式来制作五行六列的表格 学生活动3：汇报三种制作表格的方法 学生活动4：说说三种方法的适用范围

学生活动5：选择自己喜欢的方法再任意制作一个几行几列的表格。

（三）输入文字

你们的表格做好了？缺点什么？（文字）以前我们学过在输入文字，在表格中输入文字你会吗？

学生活动：在表格中输几个文字并说说如何在表格中输入文字 【练习】巩固练习给学生展示一些比较好的作品。你觉得怎么样？

你能比他们做的更好吗？

一会我们来评评本节课的“表格设计师” 先在小组内评选，再通过转播让学生来说说这些同学作品的特点，引导学生不仅要会美化表格还要注意有些表格不需要美化。

在美化表格时还有一种方法，它是WORD中自带的一种表格套用格式，在表格菜单中选表格套用格式，大家也可以选择你喜欢的样式来美化表格。学生活动： 说说这些作品的优缺点，美化自己的表格 在小组内进行评选本小组的“表格设计师”

学生尝试用word自带的表格套用格式来美化自己的表格

【活动】学生优秀作品展示通过电子教室屏幕广播或电子白板展示学生优秀作品，小组评价，选出“表格设计师”。

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

【教学过程】

(1) 引入新课。师:在日常生活中, 我们经常会遇到各种表格, 如我们班门口墙上贴的课程表, 是我们进行有序学习各门功课的标准, 再比如我们新生入校的时候都填写过一个“新生登记表”, 这些表格是如何制作的?今天我们就来学习WORD2003中一个重要的功能———表格的制作。

(2) 问题引导, 任务驱动, 以导代教, 完成新授课。师:首先, 我们先看一下我们每个人手中都有两个表格, 第一个表格是课程表, 表格都是由行和列组成, 行列交叉的矩形我们称之为单元格。大家看看课程表由几行和几列构成?生: (……查看并数) 7行6列!师:下面我们就来寻找一下制作表格的工具, 大家看看应该会是哪一个呢?生: (回应热烈, 踊跃回答。) 生1:菜单栏上有一个“表格”菜单, 应该是执行菜单功能的。生2:工具栏上有一个类似表格的工具。生3:工具栏上有一个表格带铅笔的工具。师:大家回答得都很好, 观察得很仔细, 我们用这三种方法都可以建立一个表格。 (随后, 老师分别用这三个工具建立了一个7行6列的表格。) 师:粗略的表格我们已经建立起来了, 这个表格与我们手中的这个表格相比, 还有哪些需要调整的呢?生: (回应热烈, 踊跃回答。) 生1:第一个单元格内有一个斜线。师:回答得很好, 如何画这个斜线呢?生1: (根据以往的知识) 应该在表格菜单中找。师:对, 我们打开表格菜单, 看一看有没有相应的命令。 (打开表格菜单, 经观察发现有一个“绘制斜线表头”命令, 执行该命令, 成功地绘制好斜线表头) 师:另外, 我们还可以用手绘工具, 用这个工具, 好像手中有一个铅笔、像皮一样, 随时可以画, 随时可以擦, 而且可以画不同的线型, 包括粗细和颜色。 (教师演示工具的用法) 生:有这个工具真是太方便了。师:这个表格与我们手中的这个表格相比, 还有哪些需要调整的呢?生: (接着热烈踊跃举手回答) 生2:第一列变化很大, 从第二行开始, 每一行的第一个单元格都分成了两个单元格。师:回答得很好, 下面我们就来把一个单元格拆分成两个单元格。 (打开表格菜单, 经观察发现有一个“拆分单元格”命令, 执行该命令, 可将单元格分成左右两个单元格, 设置参数列2行1。) 生3: (举手发言) , 拆分的单元格左边四个小单元格应重新合成一个。生4: (举手发言) , 拆分的单元格第六、七行左边两个小单元格应重新变成一个。师:如何才能将多个单元格合并成一个呢?生: (七嘴八舌, 踊跃发言) 到表格菜单中找。…………用橡皮擦。

师:大家回答得都很正确。下面我们用这两种方法分别完成。 (随后教师演示:打开表格菜单, 经观察发现有一个“合并单元格”命令, 执行该命令, 可将选中的四个单元格合并成一个, 然后, 用工具中相应的按钮完成相应操作) 生5:表格的外边线应该变粗。生6:表格的里边线应该是双线条。师:如何设置表格线条呢? (教师适时地引出了新的问题) 生: (七嘴八舌, 踊跃发言) 到表格菜单中找。……用手绘工具中的铅笔描边。师:大家回答得都很正确。大家已经知道表格修改的基本方法了。下面我们来演示表格线型的修改和线型粗细的修改。 (教师演示操作过程) 现有屏幕上的表格与我们手中的表格还有哪些地方不同?生7:表格的里边的文字应该放在单元格中间。生8:表格应该再增加一个行。生9:行高应该调整一下高度。生:…… (在学生观察并发言的前提下提出了问题, 然后由教师适时地讲解解决问题的方法。) (通过学生的观察和发言, 发现问题, 引导学生进行自主学习, 极大地激发了学生的学习兴趣。教师在这过程中进行引领和指导, 使学生在轻松的环境中完成表格的学习任务。) 师:下面我们再来练习一个例子。 (在学生学习兴趣正高时, 适时地引出下一个练习题目, 进行强化练习:打开另一个表格文件——“应聘登记表”表格, 由教师启发引导学生观察屏幕表格与样文表格的不同, 提出问题由学生回答或演示 (在时间允许的情况下可由学生操作完成。) 师生共同练习完成“应聘登记表”表格, 方法同上, 加强同学们对表格制作操作的印象。最后, 教师对本节课作出总结, 回顾本节课表格制作过程, 使学生在轻松的环境中完成本节课的学习任务。

(3) 教学经验总结。关于表格的基础知识, 学生在以前对其有所认识, 比如表格的行列概念等, 又因为表格在现实生活中应用比较广泛, 所以学生学习的积极性比较高。因此, 本节课我采用了“问题引导, 任务驱动, 以导代教, 完成新授课”的教学方法。其次, 计算机专业课中, 各种窗口都比较类似, 在学习新知识的时候可以引导学生对不同的对象, 大胆地寻求一种或多种解决办法, 老师真正只起到一个导演的作用。再者, 在任务驱动教学模式中, 教师要充分地了解学生。在学生学习遇到困难时, 教师应该为学生搭起支架;在学生学习不够主动时, 给学生提出问题, 引导学生去探究;在学生完成基本任务后, 调动学生的创作欲望, 进一步完善任务创作;在任务完成后, 及时做好评价工作。

本堂课的不足之处:由于环境和时间所限, 学生的自主动手能力得到了限制。另外, 在讲课过程中, 手中绘制表格这种方式, 给同学讲解时应该放在本节课末尾讲解。通过以后在教学中的观察发现, 有的同学过于依赖手工绘制表格, 反而使表格制作的其他功能在很长一段时间内不能被学生主动接受, 这是今后讲“表格”时最应注意的问题。

篇9：简单调频发射电路的设计与制作

为了解决这个问题，笔者在教学过程中把两者有机结合起来进行实践，收到了良好的效果，极大地提高了学生的兴趣和学习积极性，学生的动手能力普遍得到提升。其具体做法是，利用注极体MEC做声电转换器、晶体三极管音频放大电路对音频信号进行放大，利用放大后的音频信号对高频载波进行调制，再由发射电路将调制波发射出去，然后，用带调频波段的普通收音机接收信号。这样，便完整地进行了无线电信号发射与接收的全过程实践。下图是我们实践中的实验电路之一。

其中，MEC为声电转换器，R1为MEC偏制电阻，C1为偶合电容，将MEC产生的的音频信号送到后级放大；T1、R2、R3、R4、R5、C2组成音频放大电路；C3为音频偶合电容，将音频信号送至后级对高频载波进行调制；R6、T2、R7、C5、L、C6、C7组成高频震荡电路；TIAN为发射天线。

T1可选择3DG6或9014，T2必须选择9018或C8050等高频管。C5和L组成的LC震荡器，其频率由C5和L的参数决定。

我们实践时一般将其频率没置在88MHZ-108MHZ调频广播频率段之间，便于用调频收音机作为信号接受设备。电源电压可在3V-12V之间设置。

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

表格的css控制就先不说了，首先分享下表格常用的DOM

表格添加操作的方法常用的为insertRow和insertCell()方法，

row是从零开始计算起的，例如：

代码如下:

var Tr = document.getElementById(“member”).insertRow(2)

是指将新行添加到第二行。

代码如下:

var aText = new Array();

aText[0] = document.createTextNode(“fresheggs”);

aText[1] = document.createTextNode(“W610”);

aText[2] = document.createTextNode(“Nov 5th”);

aText[3] = document.createTextNode(“Scorpio”);

aText[4] = document.createTextNode(“1038818”);

for(var i=0;i

var Td = oTr.insertCell(i);

oTd.appendChild(aText[i]);

}

变量oTr即为表格插入新行，再利用insertCell为这行插入新的数据，利用createTextNode创建新的文本节点，在appendChild给oTd，oTd即为新的单元格。

1.插入一行(动态添加表格)

代码如下:

Member List

Name

Class

Birthday

Constellation

Mobile

isaac

W13

Jun 24th

Cancer

1118159

girlwing

W210

Sep 16th

Virgo

1307994

tastestory

W15

Nov 29th

Sagittarius

1095245

2.修改表格的内容

当表格建立后，可以直接使用HtmlDom对表格进行操作，相比document.getElementById(),document.getElementsByTagName()操作更为方便。

oTable.rows[i].cell[j]

以上通过rows、cells两个属性轻松访问到表格特定的内容第i行和第j列(都是从0开始计数)，获得单元格对象后就可以使用innerHTML属性修改翔宇的内容了，

例如修改4行5列的内容为good

则可以使用以下代码

代码如下:

var Table = document.getElementById(“table1”);

oTable.rows[4].cells[5].innerHTML = “good”;

3.删除表格内容

表格既然有添加、修改、就有删除功能。

表格中删除行使用deleteRow(i)方法，其中i为行号。

表格中删除列使用tr的deleteCell(j)方法。

如下代码表示删除表格的第二行及原来表格第三行的第二列

代码如下:

var Table = document.getElementById(“table1”); oTable.deleteRow[2]; oTable.rows[2].deleteCell[3];

如下代码表示删除表格的第二行及原来表格第三行的第二列 考虑到动态删除又不影响整体html框架，又或者表格内容很多的情况下，可以采用动态删除添加的办法

代码如下:

Member List

Name

Class

Birthday

Constellation

Mobile

isaac

W13

Jun 24th

Cancer

1118159

girlwing

W210

Sep 16th

Virgo

1307994

tastestory

W15

Nov 29th

Sagittarius

1095245

删除列

代码如下:

function deleteColumn(oTable, iNum) {

//自定义删除列函数，即每行删除相应单元格

for (var i = 0; i < oTable.rows.length; i++)

oTable.rows[i].deleteCell(iNum);

}

window.onload = function() {

var Table = document.getElementById(“table1”);

deleteColumn(oTable, 2);

}

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

摘要：本文浅议多媒体教学PPT课件的制作与使用的误区的讲解与纠正，在指出这些误区现象的同时，提出了个人的解决措施，希望通过讲解教师可以更充分地发挥多媒体教学PPT这种工具的优势。

关键词：多媒体PPT 课件

随着现代教育技术和工具的不断发展，相比于传统的以板书为主的教学方式，多媒体教学因其方便、形象、轻松、多样化、现代等优点，已经逐渐成为了辅助教学的重要手段，以PPT的方式制作的教学课件也成为众多教师首选。

然而，虽然有越来越多的教师使用了PPT的课件，但却由于没有掌握好这种课件的制作与使用技巧，而使得在实际的教学中并没有充分发挥出PPT课件的优势和效果。更甚之的是，课件制作与使用的不当非但不会提高教学效果，还会起反作用，亦即使教学的效果下降。

下面，本文就通过对几种常见的PPT课件的制作与使用的误区的讲解与纠正，以给更多的教师在PPT课件方面以有用的启发。

误区一：文字过多

有的教师为了防止自己在讲课的时候忘记相关内容，或者为了让学生阅读到更多的内容，在PPT上面放上非常多的文字，这样的结果就是，PPT看起来更象是一个WORD版的文件。

其实这种做法是错误的，因为文字过多的话，会转移学生的听课的注意力，学生会把注意力更多地放到阅读文字上，而那些习惯做笔记的学生则更会拼命地、全神贯注地抄写PPT上的文字，因此，在学生忙于阅读和抄写的过程中，他们是根本听不到教师的讲解的，整堂课也几乎变成了阅读训练和自习课。

所以，除非教师要想让学生把这部分教材上没有的内容记录下来，否则的话，PPT课件上的文字应是提纲挈领的几个简单的目录，最好配有生动的图和表，这样的话，教师才可以把学生的注意力集中到教师的讲解上，才能避免教师的讲解是在做无用功的尴尬局面。至于文字的具体的、更详细的内容，则完全可以让学生自己在课后去找教材等阅读。

误区二：完全放弃板书

PPT课件固然有其优势，但即便是再精彩的课件，也会引起学生的“审美”疲劳，所以，如果教师能时不时地配以板书的话，会让学生明显地去除疲劳感，调节课堂的单一和枯燥气氛。尤其是，在讲解一些公式、讲解即兴而发的新问题、记录学生的发言要点、主持学生讨论案例等的时候，板书的优势是显而易见的。

误区三：动画和图片过分夸张

虽然说在PPT上有动画和图片可以吸引学生的注意力，激发学生的学习兴趣，避免课堂气氛的枯燥乏味，但有的课件却明显地在这个方面做过了头。

动画和图片数量过多、和要讲解的知识内容关系不大等等都属于做过头的典型情况，前者会分散学生的注意力，后者则会让学生感到莫名其妙，所以动画和图片的放置一定要适量和相关。

误区四：不讲究美感

在这个方面主要有两类比较典型的情况，一类是艺术性过分单一，另一类是艺术性过分花哨。

在艺术性过分单一的PPT课件中，典型的例子比如有，从头到尾的文字都是一种颜色，内容布局单调统一，即便是需要强调突出的知识点也没有在大小、形状和颜色等上有所不同，这样的课件看起来平淡无奇，看久了很容易让人觉得索然无味。这种PPT课件虽然是利用了现代化的技术，但却根本没有体现出现代化的优势来。

在另一类艺术性过分花哨的PPT课件中，则由于使用了较多的颜色、字型等而使得课件的知识重点主题分散，容易使引起学生的思维过分活跃而不能准确地知道哪个才是重点、哪个才是非重点。

教师在制作课件时，要把每张幻灯片都当成是一副精美的艺术品，不管是颜色、布局、大小等哪方面，都要在保证学生能清楚看到并且和所讲授课程内容相关的前提下，做得美观。比如在颜色上，一般而言，在一张PPT片上的颜色不要超过3～4个为好，背景色要和字体色要用较强的对比色，布局上要讲究均衡，避免一边沉的情况，而且同级别主题的文字最好一直使用同种颜色和艺术效果。

误区

五、把条纲目录在一张幻灯片上全部展示

比如，如果某个主题有几个分问题，而这几个分问题需要逐个地讲解，那么，把这几个分问题同时展示在一张片子上的做法就是一种典型的误区。因为这样的话，在教师讲解第一个分问题的时候，学生就已经在阅读和思考下一个问题了，等教师讲解第二个时，学生们可能已经在回味第一个并开始思考第三个问题了，如此类推。显然，学生的听课节奏没有和教师的讲解节奏保持一致，这必然会影响授课效果。

遇到这种需要逐个讲解的众多分问题时，建议教师采取动画逐渐显示的方式，或者把这些分问题按讲解的时间顺序排在后续连续不同的幻灯片里，如此，这样的课件显示就不会让学生的思维分散，能更好地集中学生的注意力于教师所正在讲解的问题上，这样的教学效果会更好。

误区

六、文字过大或过小

其实，到底PPT上的文字要多大的问题并没有固定的标准，这要取决于离你的PPT投影面最远的距离大小。

一般而言，如没特殊要求，PPT上的欲展示给学生阅读观看的文字的大小最少应为24号字。

在没有特殊目的的情况下，PPT上的字号最大不要超过60号，否则的话，字体拥挤而且显得文字非常单薄、整个PPT的片子非常不美观。

误区

七、链接文件找不到

经常会看到这种情况，尤其是那些刚开始使用PPT的教师会有这样的问题，那就是在他们播放PPT的时候，却发现PPT上的链接的文件（图、文、音乐、视频等）打不开，PPT上显示的错误提示是“找不到链接文件”！

为什么会有这样的问题呢？原因其实非常简单，那就是教师在用移动存储或硬盘转存PPT课件时，只转存了单独的PPT文件，而没有把那些被链接的文件也同时转存。

误区

八、PPT上没有时间标志

毫无疑问，在规定的时间里把事先规定或计划好的内容恰巧讲完是一个合格教师的课堂讲授的基本功，提前或延迟讲完本讲内容太多的时间会打乱教学计划，使课堂出现忽紧忽松的无节奏状态，这会影响教学效果。

在这种情况下，为了控制好讲课的时间。教师可以充分发挥PPT和电脑这种现代化教学工具的优势。比如，可以在PPT课件上的某个位置同时显示出一个自动计时的时钟，但要注意的是，这个时钟切不可过大，实际上，因为这个时钟主要是给教师看的，而教师距离课件的距离通常是很近的，所以，为了不让时钟影响听课学生的心理，教师最好把这个时钟放在PPT的每页上的角落或最下面，而且其大小要尽量地小，只要教师自己能看清楚就好。

为了消除时钟可能会有的对学生的心理影响和紧张暗示，教师还可以不用时钟显示在每个PPT的页面上，而是以“共 页 第 页”或“（本页码数）/（总页码数）”的形式来粗略地计数。这种不是时钟，而是以页码来提示时间的方法尤其适合于对课件非常熟悉或有经验的老教师，因为每个页码大概平均要讲几分钟在这些教师的心里是非常清楚的。