admin 管理员组

文章数量: 1184232


2024年5月7日发(作者：phonegap build)

吕叔湘中学集体备课教[学]案（高二信息）

教学内容

应用表格布局网页

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

（2）、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰

课程目标 与编辑方法，能够在单元格中正确插入文字和图片。

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

方法。

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

（2）、通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网

页设计方法的多样性，培养学生的发散思维能力。

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

力。

过程与方

法

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

学习的能力。

情感态度（2）、通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设

与价值观 置方法和规律，体验创造的快乐。

（3）、通过“环保”网站的设计与制作，激发学生关爱家园、保护环境的责

任意识和义务感，从而进一步树立共同改善人类生存环境的意识。

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

教学重点 （2）、掌握插入、编辑表格的方法及表格的属性设置。

与难点 （3）、掌握单元格的修饰与属性的设置。

（4）、难点：表格的嵌套在网页设计中的应用。

教学课型

与方法

电教手段

新授/概述、演示、启发与实验

使用网络教室+相关软件

教 学 过 程

补充与调整

选择的两个页面

不要太复杂，也不要太

简单，要突出其中表格

对页面布局的作用，步

骤（3）要调用

FrontPage对网页编

辑，保存后再用浏览器

打开

设计意图：通过对

比学习，培养学生知识

迁移的能力。

一、创设情境、导入新课

（1）、展示两个页面并进行比较：一个使用表格布

局，但表格边框隐藏（看不出表格痕迹），其页面工整，

文本、图片摆放对称，具有一定的规律；另一个页面凌乱，

图文混杂，摆放杂乱。

实例采用本校首页，一副是未布局的，一副是布局过

的（见文件夹中“欢迎光临吕叔湘中学.htm”）。

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

（3）、提出问题：有什么方法可以达到第一个页面

的效果。观察第三个页面，内容与第一个页面相同，显现

页面中表格的边框。

（4）、学生讨论、交流，回顾Word中学习过的表格，

领悟表格在FrontPage中的作用。

二、任务驱动、自主学习

（1）、展示一些由表格布局的网页，引导学生分析

其表格结构，自然过渡到分析教材中的例子，得出表格的

布局。

（2）出示任务一：规划网页表格的布局（见图片

设计意图：分层教

学，学生可以根据自

己的实际情况选择

任务难度，并动手分

析和进行创意设计，

培养学生的模仿以

及创新能力。

）。分层完成该任务，基础相对薄弱的学生仅要

求读懂网页表格布局，知道规则，根据表格的行数与列数，

调整至最终样式；基础扎实、操作能力较强的学生可以跳

出教材，自行设计表格网页布局，并将自己的表格设计付

诸实施。

（3）、出示任务二：见环保网站的新建

一个页面，用表格布局该网页。FrontPage中表格的插入

于编辑与Word中的表格操作类似，教师着重引导学生进

行知识迁移。

（4）给出时间让学生操作，然后安排操作熟练的学

生进行演示、教师讲解。

设计意图：培养学生

知识迁移的能力和

动手能力。

在实际操作中考虑到学生的基础水平不一，此处应将

常用的表格创建的方法，表格编辑、表格工具栏的使用方

法等再介绍演示一次。

表格的创建：

最快速的方法——利用常用工具栏上的“表格”按钮；

最精确的方法——使用菜单栏的“表格”菜单下的插

入“表格”命令；

最灵活的方法——单击“表格”菜单打开表格工具栏，

使用手绘表格等。

表格的移动；行、列的选择、插入；单元格大小调整，

单元格的选择、添加、删除、合并等具体见课件

（5）、出示任务三：在表格中插入图片、动画，输

入文字等。

该任务基本与word里类似，而且图片、动画前面已

经讲过。故不详细讲叙。

给出素材：

学生操作

对完成情况好的学生予以评品，对尚未完成或完成不

理想的学生给出修正意见。

至此第一课时新课部分结束

设计意图：确保达到

教学目标的同时，给

学生一定的自主空

间，鼓励他们去创

新，而不应让学生一

成不变地生硬模仿。

第二课时开始

（6）任务四：表格属性以及单元格属性的设置。包括

表格属性的设置、单元格属性的设置。

表格属性包括：表格边框颜色、间距、边框粗细，背景

色、背景图片，表格大小，表格对齐等

单元格属性包括：单元格中对象的对齐方式；单元格的

背景色、背景图片

表格的修饰、调整等

学生根据自己的实际情况选择任务难度，可按教师的具

体要求操作，也可根据自己的意图进行设计。

重在指导学生操作。

（7）、出示任务五（提高内容）：表格的嵌套。学生

动手制作网页。

表格属性

与单元格属性

设置是本节课

重点，普通同学

易混淆二者。

设计意图：

更好的发挥优

秀学生创作思

3、课堂小结、后续活动

维动手能力。

（1）、教师引导学生回忆本节课学习的内容：在

FrontPage中插入表格、编辑表格、表格属性和单元格属性

设置、以及表格嵌套的基本方法等。

（2）、教师展示优秀作品，表扬完成任务的学习，对

未完成任务的学生，应鼓励他们利用课余时间继续完成

教后记


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

版权声明：本文标题：网页制作教学案——应用表格布局网页 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1715036157a685318.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。