网页制作第三课在网页中插入表格(组图)

第三课 在网站中插入表格

一、教材分析

网页制作中用表格来规划整个网页的布局，是我们设计制作网页常见的技巧。所以学会在网站中插入表格是网页制作中的一个重要的个别。本课的主要内容包含在网站中插入表格，表格的编辑和修饰，在表格中插入文字、图片等。通过对本课的学习，让学员认识用表格来规划网页会使网页结构变得清晰明快。在网页制作中，引导学生用表格来规划网站，为现在网页的研发设计打下一个良好的基础。

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

难点： FrontPage 表格的美化。

二、教学目标

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

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

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

三、教学准备：

硬件环境：使用多媒体网络教室，配备宽带网络。

软件环境：WinXP 操作系统、 FrontPage2000以上版本。

素材资源：

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

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

我准备出示一组关于教师作文的中学生作文网。

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

五、教学流程

出示课前打算的含有表格的网站1中学生作文网，

（一）创设情境，确定问题，布置任务

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

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

任务一：在FrontPage 中有几种创建表格的方式？它们各有哪些优点？

方法一：“常用”工具栏“插入表格”命令。 优点：操作速度快

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

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

任务二：

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

任务三：

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

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

1、在FrontPage 插入简单表格这一教学环节，考虑到学生已有Word 知识的基础，故在此可放手使学员自主学习。通过使同学演示示范，得出插入表格的几种基本原则。并运用同Word 相类似的编辑方式来感受FrontPage 中表格的简单编辑。完成表格的简单制作。

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

（1） 怎样进行行高与列宽的微调

（2） 怎样进行单元格的合并和拆分

（3） 怎样进行插入或删除表格中的行或列，

（4） 怎样进行平均分布行跟列等基本操作

（5）怎样进入表格属性对话框？

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

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

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

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

最后展示各小组学生的作品教案模板 表格，展开自评与互评。

六、评价建议：

本课的评价环节贯穿在学员学习活动的全过程，在学员每完成一个学习任务期间学生都应给予充分肯定，尤其在小组的作品展现阶段，教师应注意鼓励学员从多方面、多角度评

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