用表格布局网页教学设计

用表格布局网页教学设计

教学目标

（一）知识与技能目标：

1、理解用表格布局主页的作用。

2、掌握在网页中插入表格进行排版。

3、学生设置表格的属性。

（二）过程与方法目标：

通过欣赏和借鉴别人布局的主页，取长补短，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力。（三）情感、态度与价值观目标:

用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各种方法解决，促进其建站信心。

五、重点与难点

教学重点：插入表格和更改表格属性。

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

六、教学策略与手段

游戏竞赛法，对比教学法，任务驱动法，讲解演示法，自主探究学习法，网站教学法，小组合作法。

七、课前准备

1、学生的准备

带课本进教室

2、老师的教学准备

（1）精心准备课堂，做好教学设计

（2）预先做好问题的设计及突发事件的应对

3、教学环境的设计与布置

多媒体网络教室，学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版

4、教学用具的设计与布置

准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程

（一）、课堂导入

教师：第一次给大家上课，老师想了解一下情况，不知我们班是男生信息技术水平高还是女生信息技术水平高？

学生：………

教师：自己说了都不算，这节课我们就来较量一下。怎么样？先从第一个环节拼图游戏开始。

邀请两位同学（男生和女生）上来，分别选择其中一个，帮我把网页上图片的位置调整好。一位没调整好，另一位调整好了。

先采访一下失败的原因，你觉得问题出在哪里，是不是按照Word中的方法在操作，那你觉得在Word中图片、文字可以怎么样，而在FrontPage 中呢？

采访另一个，发表一下你的成功感言，你觉得你为什么会成功，是网页中的什么帮了你的忙？网页里面有表格。也说是说在网页中要给图片定位，就必须要用到表格，表格在网页中起到了一个怎么样的作用——可以定位对象，即可以为网页布局，那怎样操作大家想不想学，今天这节课我们一起来学习第十五课《用表格为网页布局》。

板书：用表格为网页布局

（二）、页面布局

其实一般的网站都是用表格来布局的，我们先来欣赏几个网站。

1，2欣赏以后分别看编辑图，都是有表格，除了都有表格外，老师还发现了一个共同点，从整体看，得出这张主页都是怎么样的一个图形，半包围型，老师今天的这个教学网站也是包包围型。除了这个半包围型，你还看到过哪些。然后得出任务一，小组合作，让学生结合平时上网的经历，设计一张页面布局图，（分层教学）1、可以自行设计，2、也可以参考课本。

板书：1、页面布局

绝大部分同学已经设计好了。我看有几位同学做得很不错，然后展示，让学生具体说说他的设计。

（三）制作主页

（1）布局图设计好了，那么如何在网页中插入表格进行布局，我们以前在哪里学习过表格的插入——Word，当时是怎么操作的，想起来了吗？（表格——插入——表格） 看任务二。

任务二，①根据任务要求，探究着在FrontPage中插入一个6X3的表格。谁来试试，马上请一个学生来演示。演示好后，下面同学自己操作。板书：2、制作主页

（2）老师这里也有几个页面布局，这些都是网页上常用的布局图，其实这些都是从6X3的表格中，使用了对单元格的操作转变过来的，单元格怎么操作——合并单元格，选择一个，让学生讨论一下，叫一个学生演示。

如果我要在这里增加一格，怎么操作，去掉这格又怎么操作？具体操作一个。（三种操作都讲讲菜单、右键、手绘）

②把你自己刚才的创意布局用表格的形式呈现在网页上。

任务三：今天来了这么多老师，你能不能用刚才的布局图，做一张宣传

你们学校的主页。介绍一下学习网站，作品要求。

想一想：为什么一般我们在网页上看不到表格呢？——表格线隐藏设置。

（四）作品评价

选择有代表的两位同学的作品。

1、说说自己的得意之处。

2、说说自己方的欣赏之处。

3、说说对方有待改进的地方。

（五）课堂小结

通过这节课的学习，你有哪些收获？

让学生自己说，获得的知识，掌握的技能，抒发情感，教师再总结，结合学生上课的表现。

用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。希望大家在后面的网站制作中能合理的利用表格对网页进行布局。

（六）自我检查

学生自我反馈。

1、是否设计了主页版面图 已设计 未设计

2、用表格对主页进行了排版 已排版 未排版

3、表格线会不会隐藏 会 不会

4、布局在页面排版中是否重要 是不是

九、作业设计

把做好的作品在原地保存。

十、板书设计

第十五课 用表格为网页布局

一、页面布局

二、制作主页

1、插入表格

2、单元格操作

3、表格属性