19第十二课用表格为网页布局

信息技术（八年级）

课 题 课 型 第十二课 用表格为网页布局 任务驱动型 总课时 教学课时 1 第1课时 知识目标：用表格排版主页使其达到页面整洁有序； 技能目标：在网页中插入表格并更改表格的属性； 教学目标 情感目标：用表格排版网页解决了网页版面杂乱的问题，提示同学们凡事要有计划，做事要遵守规则，促进其做事的信心。 教学重点 教学难点 插入表格和更改表格属性 让学生灵活掌握排列表格和设置表格属性的方法 所需的资源和环境 常规资源 1、教学环境的准备： （1）多媒体网络教室：学生计算机上安装IE6.0，能上因特网； （2）教师机上准备好学生上交作业的共享文件夹。 教学环境 2、 教学工具的准备： （1）电子教室； （2）学生任务单 教 学 设 计 新课导入： “凡事预则立，不预则废。”预：指事先的计划和准备；制作网页前也想要进行规划，引出本课主题——用表格为网页布局。 正式授课： 本课的主要任务，解决三个问题 为什么要规划页面布局？ 为什么要依靠表格？ 如何运用表格为网页布局？ （一）为什么要规划页面布局 介绍网页的版面布局：主要指网站主页的版面布局，其他网页的版面与主页风格基本一致。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。 常见的布局样式：居中型、半包围型、主题突出型、导航栏型等等 注意：页面布局的设计没有限定的规则，但要配合网站内容，让访问者浏览网站时感觉简洁、有序、方便。 （二）为什么要用表格来规划 拼图小游戏： 下发拼图文件1，让学生用Frontpage尝试将9张图片拼成完整的一张（预设：学生会发现很难把嘉兴粽子这幅图拼好） 下发拼图文件2，再次尝试进行拼图（预设：学生会发现拼图相对变的简单） 原因分析：拼图文件2中用表格对网页进行了布局，让学生了解表格的在网页布局中得作用。 知识拓展： 网页布局类型大致可分为“同”字型、拐角型、封面型等，引出如何使用表格为网页布局。 （三）如何使用表格为网页布局 以学校外网为范例，分析，网页的组成； 演示如何在网页中插入表格（类比WORD），合并、拆分、删除等； 通过预览窗口可以看到表格线，影响视觉效果，如何解决？引导学生掌握调整表格的属性。 试一试：运用表格为自己的网站主页布局并添加图片和文字。 作品上传、点评； 课堂小结： 本堂课主要学习的知识点：有序的规划、网页布局及Frontpage中表格的使用。 作 业 随堂练习 课后反思

本文来源：https://www.bwwdw.com/article/3tj8.html