网页中表格.ppt

* 青岛出版社八年级上册第一单元第3课网页中的表格 泰安第十六中学　 * * * * ?知识目标 理解表格在网页设计中的重要作用； ?技能目标　 ⑴掌握使用表格布局网页。 ⑵灵活掌握表格调整的方法。 ?情感态度与价值观目标 了解学校概貌，发现校园之美，养成良好的生活和学习习惯。 学 习 目 标 * 表格的作用 将不同的素材放置到网页的适当的位置，使网页的内容排列整齐，层次分明，让网页内容形成了一个有机的整体。并且不会因浏览器窗口大小 的改变而改变排列方式。 * 依次单击“表格”菜单中的插入表格命令，就会出现一个“插入表格”的对话框。如右图所示 插入表格 * 任务一： 在FrontPage中有几种创建表格的方法？它们各有什么优点？ 探究任务 方法一：“常用”工具栏“插入表格”命令。 优点：操作速度快 方法三：“表格”菜单的“绘制表格”命令，手工绘制表格。优点：能做出特殊的表格，可以对表格进行修改。 方法二：“表格”菜单“插入”→“表格”命令。优点：能对表格预先进行设置。 * 探究任务 任务二： 请同学们回忆在WORD中修改表格的操作，尝试着在FrontPage中制作如下表格： 分别插入2×3、2×2、1×4、2×1表格 要求：宽度780像素，水平居中，预览效果。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? * 探究任务 任务三： 试着把上一页的表格调整为下面的表格 ? ? ? ? ? ? ? ? ? ? ? ? ? 在对表格进行调整时，充分利用右键的快捷菜单很方便哟！ 小提示： 放置banner图片 放入导航菜单 欢迎光临 时间 我的情感小屋 版权 水平线 两段文字 图片 * 调整表格常见操作： ⒈行高和列宽的调整； ⒉插入/删除行或列； ⒊单元格的合并与拆分； ⒋平均分布行与列。 问题1：选择插入行或列时，新行或列会出现在什么位置？ 问题2：对表格进行操作时，右击鼠标前是否选择行或列，对右键菜单命令内容有影响吗？在什么情况下会出现“删除行/列”命令？ * 大显身手 仿照课本第5页在自己的站点内完成“我的情感小屋”的首页操作，利用刚才建立的表格把”D：\张老师\”素材插入到表格中去。 在实践的同时，注意总结利用表格布局网页时应注意的事项。 * 布局表格和单元格的使用　 1、如何打开“布局表格和单元格命令”？ 2、里面提供了几种默认的表格布局模板？ * 1、表格的作用 2、在网页中插入表格 3、表格的调整 4、布局表格和单元格的使用 *