第15课 用表格为网页布局

admin管理员组

文章数量:1532461

2024年6月6日发(作者：)

第15课 用表格为网页布局

一、教学目标

认知目标：让学生学会插入表格，修改表格属性

过程与方法：用学生提问教师引导的互动方式，和学生探究结合

情感态度和价值观：培养学生灵活运用所学的信息技术知识去创设新的用法

二、重点难点

教学重点：本课的教学重点是插入表格和更改表格属性。

教学难点：本课难点是让学生灵活掌握排列表格和设置表格属性的方法。

三、环境与素材

1．教学环境：多媒体网络教室，学生计算机中安装IE5.0以上版本及Fron

tpage2000以上中文版，要求最好能上因特网。

2．教学素材： 准备好一些具有代表性的版面设计优美合理的网站主页面作

为参考；

四、教学过程

（一）课前谈话：（在上课之前完成）该游戏结束后再喊上课！

教师：同学们，你们好，我听说你们都很聪明，你们能不能回答老师几个问

题呢？

脑筋急转弯：两条腿的猫是什么猫？

答：机器猫！

问：两条腿的狗是什么狗？

答：史怒比！

问：两条腿的老鼠是什么鼠？

答：米老鼠！

问：两条腿的鸭是什么鸭

答：唐老鸭？？？

鸭都是两条腿？？）学生可能哈哈大笑。

教师总结：不要让以前的思维定势影响你对一个事物的判断，我们今天学习

的frontpage中的表格正是这种情况，前面我们是在word学习表格，是用来规

类信息的，今天这节课的表格是用来排版布局。上节课我们已经了解了frontpa

ge的一些常规操作，建立了我们的家――网站站点文件夹、图像文件夹。那么，

今天呢，我们就一起在frontpage中为我们的网站搭建框架。

（二）新授课：

1、拼图游戏 导入新课

课件出示一幅还没有完成的拼图游戏。

师：这是我们小时候都玩过的拼图游戏，老师已经把图片都放在××目录下

了，同学们能不能在网页里把这些图片碎片摆成完整的画面？

请学生发言

生：不能回答或者说：插入图片

教师布置任务：给同学们3分钟时间，打开frontpage在里面试着完成，当

老师的音乐停止的时候，请你们停下来好吗。（播放音乐，可以选择比较紧张快

节奏的音乐）

根据学生回答，让学生尝试。

绝大部分学生以失败告终：

教师打开刚才的拼图页面，进入编辑状态，显示虚线定位表格，让学生观察一

下这个页面和自己刚才所做的尝试有何不同，请学生回答，并引导出结果：

虚线是什么？——表格

虚线的作用是什么？——定位

定位的作用是什么？——网页布局！（课件出示这三点，一点一点随学生的

回答来呈现）

2、布局的版式：

简介书本上四种常用布局，并说明各种布局适用场合。

（三）展示一份完整作品，利用表格设计一张网页（格式如下图，内容自定）

任务2：利用表格来一张完整的简单的拼图游戏网页 （包括文字 、图像、

版权信息 、也可以有导航条 、 Logo图标等），看看谁做的最好。

Logo图标 Flash动画（服务器调

用）

导航条

文图

字 像

版权信息

（四）头脑风暴：

教师：今天我们发现了表格在网页中的一种另类用法。不同的场合，同一工

具有不同的用处，这是我们信息技术的一大特点，同学们还能不能想想，这种类

似的例子？

如：word里的艺术字做出来在网页上当标题用，word，powerprint的自选图形

来做一些复杂图形等，比如用自选图形的填充图片功能来制作不规则图片

如学生不能回答，用前面的脑筋急转弯去引导。

（五）教师小结：

设计出有自己风格的网页

注重界面的整洁

合理利用图片，注意网页文件的大小

本课教学中我们要让学生明白：画面精美的网页上丰富的内容自如地排列着

其实是由许多隐藏着的“虚线”所束缚，这便是表格线。表格除了在Word中起

着作用，同时在Frontpage中起着重大的作用，就是对网页页面上的对象进行排

版。

教学反思：

本节课在建构主义学习理论指导下，采用“任务驱动”教学策略，利用网

络环境下多媒体教学系统，对学生实施研究式自主学习教学模式，教学中注重培

养学生分析问题、解决问题的能力。通过学习和实际操作，培养学生的实践能力，

创新能力，操作能力和自学能力，提高学生对信息的处理能力，培养信息素养。

本节课的重点分析有如下几点：一是导入部分，通过谈话设置一定的模式情境，

激发学生的求知欲，是这节课成功的关键点，而“诱趣探求法”是培养学生“爱

学”的导火索。

其二，设置“错误陷阱”是本课设计的一个亮点，在拼图游戏环节，通过

学生失败的操作通过为老师引申到本课的重点——表格的网页布局，使学生的兴

趣大增，同时也大大激发了学生兴趣，使这堂课达到一个高潮。

其三，学生的参与，为能按时完成教学任务奠定了基础，同时，也正体现

了建构主义的教师为主导，学生为主体的教学思想。整堂课主要采取学生动手自

主发挥，教师引导的方式，充分调动教师的积极性，起到了良好的课堂效果，有

效落实课堂教学知识点。

其四，研究性学习方法，是在新型教学理念指导下的教学方法，也是一种

创新。在进行研究性学习的基础上对新知识的学习，效果会更好。通过无表格对

网页布局出现问题的研究，引申出对网页布局这一本课知识点的学习和进一步探

究，有助于学生对新知识点关注，从而实现教学课堂的有效。

本堂课教学效果达成度方面比较理想，学生都充分展示了自己在网页布局

等领域的才能，比较成功的完成了网站主页的布局。教学气氛良好，学生有学习

热情，学习相对轻松愉快并且学有所获。信息技术作为一门较新的课程，传统的

束缚较小，因此，各种新的教育理念和方法，均可在这里探索，情景教学、启发

式教学、任务启动法、师生互动、合作学习，及时自动地反馈学习效果等理论和

方法，均可进行有益的尝试。教学方法上最主要的指导思想是以学生为主体，重

视学生自学探索，重视交流，重视反馈。以上是本人对《用表格为网页布局》一

课的设计与反思，希望能和大家一起探讨交流。

本文标签： 学生表格教学网页布局