用表格布局网页教案2
第二节 网页布局
一、教学目标
知识与技能
1了解常见的网页版式
2会用表格进行网页的规划和布局
过程与方法
通过欣赏、解剖典型的网页版式，引出表格是布局网页的主要手段。通过利用表
格布局设计制作网页，掌握用表格布局网页的方法。
情感态度与价值观
学会欣赏网页
二、重点和难点
重点是网页版式的设计和表格的建立。
难点是设计出好的网页布局。
三、教学过程
环备
教师活动 学生活动
节 注
同学们咱们在上一节课上
尝试了用FrontPage2000自带的
模板进行网页制作，但是很多
导同学也提出了疑问，即模板提
入新课 供的板式不能完全满足我们的
实际需要。那么我们能否解决
这一问题呢,今天咱们就一起
来看一下网页的布局。
网页的板式没有统一的标
准，可以根据自己的需要进行
常编排。常见的板式有分栏式和
见的网封面型。下面同学们来看几个
网页。 页板式
展示给学生红泥巴村的网根
回答封面式
页，提问:这个网页 什么板式 据具体
展示给学生山东特产简介情况而
回答是分栏式，最好能答引导他们观察提问这个网页是改变
出是一栏式板式
什么板式,
分栏式，最好能答出是三
展示中国基础教育网
分栏板式
同学们都使用过田字格写如字，我们把字写进固定的框框果有回
回答是
里是不是要比在白纸上写字更答不是容易一些，也更整齐, 的则:
看来这
如果我们根据自己的需要位同学设计一些像田字格一样的框框写字很把把网页中的文字和图片放进有水
平，课去是不是就会容易很多,那么
下老师这种想法能不能实现呢,又要
使
怎么去实现呢,下面咱们先看可要见
用表格
一个简单的网页，展示我提前识一下
布局网
制作的网页。同学们想一下如。现在
页
咱们先果要达成这样的效果要怎么去
来看这布局呢,
个网页
展示制作好的带有表格的
网页，同学们现在能看出来怎回答利用表格 么去布局了吗,
我们在Word里已经接触过
插入表格的内容，那些操作在迅速回忆以前的知识点，
这里也适用，现在请同学们自尝试进行表格的插入
己尝试对表格进行插入。
学生说我演示表格的插
入，在此插入一个8行2列的表
格故意把表格边框设置为非零
现在我们如果直接用这个
表格进行布局，显然达不到预这期的效果，我们再怎么对这个边主要表格进行改变呢,对比网页我是引导
学生回答合并单元格 们不难发现，第一行的两列变学生去成一列了，第二行的两列变成发现差三列了等，那么怎么可以实现别 呢,
学生尝试对第二行单元格
我会演示第一行的单元格进行合并，但由于牵涉到合并
的合并，让学生自己探索第二再拆分，可能有的同学做不 行及其它单元格的的合并 出，所以一定时间后我还是要
操作一遍的。
现在表格已经符合要求了，
咱们可以进行填入内容了。操
作一个图片的插入并输入文
选中居中 字，图片和文字都是挨着左边
排列的，怎么可以让他们居中
排列呢,
现在咱们预览一下效果，
回答有表格线 同学们发现了什么问题,
可能回答得出可能回答不
出，告诉他们对于表格属性进
行设置，将边框的粗细设为
怎么才能解决呢,
零，另外对齐方式应该选择居
中，当然这些都可以在插入表
格时进行设置。
布下面同学们自己进行尝试
学生开始进行操作
置任务 制作秦楼中心初中的网页，看
谁制作得又快又好，一定要注
意布局的美观性。
我在下面巡查，顺便对个
布局设计网页，对自己遇别学生进行指导并随时讲解同
到的问题提问
学遇到的问题
展示部分学生的作品，并
引导学生进行作品的欣赏
本文档为【用表格布局网页教案2】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483