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