用表格为网页布局教学案例.docVIP

PAGE PAGE 6 第15课 用表格为网页布局 缙云新建中学 孙 玲 1．设计思想 本节课的主题是对网页内容的排版。为了提高学生的建网兴趣，接受网页中表格的排版定位作用，先通过观看锯大梁这个动画，让学生明白布局的重要性，然后掌握几种常见的网页布局图，接下来通过拼图游戏，让学生明白在主页中其实可以通过表格对网页进行布局。接下来讲解如何插入表格和修改表格的步骤。 2．教材分析： 布局是网页制作的第一步，在本节教材中，先提出了规划布局，再进行表格定位，最后进行定位调整。这要求教学过程中需要对学生明确：对于网页中对象多而杂的情况，必需先规划、再定位，而用表格是一种很实用而有效的途径。 3．学性分析 在前几节课中，学生已学会了建立站点、新建主页、插入素材等操作。为了区别WORD和PPT等曾经排版方法，在学习网页排版时，创设一种情境能让学生对于多个网页对象能自然的用表格进行页面布局。通过这种教学方式，能让学生觉得网页表格排版理所当然，利用情境也大大提高了操作兴趣，在操作中掌握了技能。 4、教学目标 知识目标：用表格排版主页使其达到页面整洁有序； 技能目标：在网页中插入表格并更改表格的属性； 情感目标：用表格排版网页解决了网页版面杂乱的问题，提示同学们凡事要有计划，做事要遵守规则，促进其做事的信心。 5．重点难点 重点：插入表格和更改表格属性。 难点：让学生灵活掌握排列表格和设置表格属性的方法。 6．环境与素材 1．教学环境：多媒体网络教室，配备投影仪;学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版，要求能上因特网; 课本准备。 2．教学素材： 准备好我想有一个家这首歌，投影仪，嘉兴粽子图片 8．教学过程 教学环节 教 师 活 动 学 生 活 动 设计意图 导 入 课前让学生听这首《我想有一个家》的歌。 提问1：你们想在网上安个家吗? 播放锯大梁这个动画 提问2：同学们你们猜猜看老木匠最后没有收这位年轻人为徒？ 提问3：请你说一说老木匠为什么最后没有收这位年轻人为徒？ 总结原因：这个年轻人在做木头活前没有好好规划和布局，因此我们在生活当中做任何一件事之前都要好好规划和布局。大到一次国家的奥运会的举办，小到一次我们班会的举行，都要事些好好准备和布局。 学生观看，思考问题 回答问题 情境导入，教师的引导与启发，学生能明白布局的重要性。 初探规划主页页面布局 打开课前已经准备好的网站和学生一起来欣赏。 提问1：观看了这些网站同学们你们都 哪些常见的网站主页构成图？ 2.讲解常见网站主页构成图 出示板书 （板书在附件1） 接下来进入纸上谈兵环节： 请同学们在白纸上画一画你想 要一个什么样的网站主页构成图 3.通过实物投影仪展示一些学生的成果 任务一：学生欣赏网站 任务二： 在纸上谈兵环节学生画一个自己认为比较合理的主页布局图 百闻不如一见，实实在在探究常见网站主页构成图，充分调动学生的学习积极性。实物的观察触摸使学生有更多的感性认识。 深入探究主页页面布局情况 进入动一动，做一做环节： 演示如何打开嘉兴粽子拼图一 启动Frontpage ,打开d:\课件\pintu1 演示如何打开嘉兴粽子拼图二 启动Frontpage ,打开d:\课件\pintu2 3．总结： 学生做完两幅拼图游戏后，可以很容易的明白为什么拼图二，能够很顺利把嘉兴粽子这幅图拼好。因为拼图二里面用了表格为网页布局。 观看老师如何打开拼图 任务一：进行拼图一游 戏，学生会发 现很难把嘉兴粽子这幅图拼好 任务二：进行拼图二游 戏，学生会发 现很容易把嘉兴粽子这幅图拼好 学生在做完两个拼图游戏，在老师的引导下可以明白，在网页上如果要加多个对象，就该对它们的位置、形状等进行合理布局。在网页编辑中，一般采用表格来规划页面的布局，定位对象。 制作主页 用表格定位主页，其实就是在主页页面上绘制表格线，在表格的每一栏中输入文字或插入图片，从而对页面上文字、 图片等组件进行混合排版。 启动frontpage 打开d:\linping站点，双击主页index.htm，此时主页处于编辑状态。 单击菜单中的表格 插入表格，插入一个6行3列的表格。 对已插入的规则表格进行合并，并调 整成不规则表格。 4．根据实际排版需要，打开表格工具栏，对不规则表格进行手动修改。 学生在教师的引导下， 学生自己试一试如何 在fontpage里面插入表格。 根据实际排版需要，打开表格工具栏，对不规则表格进行手动修改。 教学图片 附件1：教学板书 居中型