当前位置:首页 >> 初中教育 >>

创建框架网页说课稿


北京市海淀北部新区实验中学

创建框架网页

课题:创建框架网页(说课稿)
北京市海淀北部新区实验中学 各位专家、评委,各位老师:大家好! 我叫冯静,来自北京市海淀北部新区实验中学,能参加这次说课活动,我感到非 常高兴! 我说课的题目是《创建框架网页》 ,这是首师大版《信息技术》初中下册第三单 元第 5 课的内容,本课计划用时 2

课时.下面我从四个方面汇报我对这节课的教学设 想与理解. 冯静

一、 说教材 1、教学背景 ①教材分析:从学科知识体系看,本课为本学期的第二个专题网站的第一课。
框架网页的正确使用在网站建设中具有较高的实用价值。 因此本节课在本单元中占有 非常重要的地位。

②学情分析:从学生认知角度看,学生在第一个专题网站《安全与我同行》中已经
学会了站点的建立方法,网页的新建与保存,网页背景的设置,超链接的使用,使用表格规划设 计网站,横幅广告管理器的使用等知识点。他们对网站制作的热情很高。

通过本节课的学习,能够巩固之前所学习的知识点,并且能够引导学生高效的规 划设计网站。 本节课所选择的主题为《聚焦十八大》 ,能够联系实际,通过制作本网站,能够 提高学生对时事的关注能力, 增加学生对本节课的创造热情。

2、教学目标
结合教材的特点和我校学生的实际情况,我确定本节课的教学目标为:
<1>知识与技能

①创建框架网页 ②编辑框架网页的内容 ③学会在网页中创建交互式按钮 ④理解框架的作用
<2>过程与方法 ①通过示范网站《聚焦十八大》的效果展示与分析,提出框架网页的概念

第 1 页 共 6 页

北京市海淀北部新区实验中学

创建框架网页

②利用学生的创造欲望,引人基本知识。 ③通过帮助网站自主探究学习 ④根据学生的实际水平总结提高
<3>情感态度与价值观

①通过示范网站《聚焦十八大》的展示,激发学生的创作热情 ②通过学生制作《聚焦十八大》 ,培养学生的关注实事能力 ③通过对十八大的了解,培养学生的爱国主义精神。

3、教学重难点
重点: ①创建框架网页 ②编辑框架网页的内容 ③在网页中创建交互式按钮 难点: ①理解框架的作用 ②掌握框架网页的使用方法

二、说教学方法
教法:任务驱动、范例分析、媒体演示讲解、分层教学 学法:自主探究法、合作交流法、成果展示法、教师点评法

三、说教学过程
整个教学过程是按照:

第二环节:布置任务 自主学习 探究新知

第一环节: 发现探究 呈现任务

任务一

创建框架 型网页

任务二 编辑网站首 页

任务三

在网页中创建 交互式按钮

第三环节: 课堂总结 课后延伸

第二环节:总结任务、交流评价、分享成功 第 2 页 共 6 页

北京市海淀北部新区实验中学

创建框架网页

三个环节进行展开的. 其中第二个环节包含三个基础任务 (一) 创设情境、提出问题

通过上一个专题网站 《安全与我同行》 的制作, 我们已经学会了站点的建立方法, 网页的新建与保存,网页背景的设置,超链接的使用,使用表格规划设计网站,横幅 广告管理器的使用等知识点,并且能够制作一个简单的网站。这节课咱们以“聚焦十 八大”为主题,制作一个新的网站。在制作之前,①请同学们观看示范网站,并与之 前网站进行比较,区别在哪里?学生可能从表面上看发现与过去的网站并没有什么 区。②进一步提问:分别点击左侧的超链接时,观察页面的变化,那部分内容发生了 变化,那部分内容没有变化?学生能够发现左侧内容没有变化,右侧的内容页发生了 变化。③进一步提问:这种效果是如何实现的?学生可能回答:通过超链接和页面布 局。④进一步提问:能不能完全实现这种效果?学生发现不能。进而引出本节课的知 识点——创建框架网页。
设计意图:通过四步提问,把学生的注意力吸引到课堂中来,通过一步步的引导,让学生自己 思考问题, 发现问题, 激发学生的求知欲望, 为接下来学生接受任务、 有目的的学习奠定基础。 引出本节课的知识点——创建框架网页。

(二)布置任务、自主学习、交流评价、分享成功 根据本节课的教学目标, 我将本节课的内容分为三大基本任务与一个尝试探索任务和
第 3 页 共 6 页

北京市海淀北部新区实验中学

创建框架网页

一个突破提高任务 基本任务:①创建框架型网页②编辑网站首页 ③在网页中创建交互式按钮 尝试探索:隐藏框架网页的边框线 突破提高:创建一个除目录型之外的框架网页 。下面逐一展开
任务一: 自主学习、探究新知:创建框架型网页 要求:根据帮助网站,完成以下四点 1、新建“聚焦十八大”站点 2、创建框架网页 3、在框架网页中“新建网页” 4、保存框架网页 交流评价、分享成功:同学演示、教师点评 1、站点新建方法 2、框架网页保存时要保存网页本身和网页的框架结构,共保存三次 3、index 主页替换时出现错误解决方法:关闭原有 index 主页 4、 index 主页没有被替换直接保存解决方法: 删除原有的主页, 新保存的主框架网页重命名为 index 5、我的目录网页模版为何与其他同学不一样解决方法:选择“其他网页模板”里“框架网页”中 的“目录” ,而不是“常规”里面的“目录” 任务二: 自主学习、探究新知:编辑网站首页 要求:根据帮助网站完成以下两点 1、利用表格对左框架网页(list.htm)和右框架网页(main.htm)进行规划设计 2、为网页添加内容:文字、图片、背景、横幅广告管理器 交流评价、分享成功:同学演示、教师点评 1、左右框架网页分别使用表格规划设计:表格的插入、拆分与合并的方法 2、背景图片、文字、图片、横幅广告管理器的正确使用 3、图片的正确保存:更改文件夹到 images 文件夹中 4、对框架网页的左框架网页 list.htm 和右框架网页 main.htm 编辑后,要分别对其保存 任务三: 自主学习、探究新知:在“目录网页”中插入交互式按钮 具体要求:根据帮助网站完成如下要求

第 4 页 共 6 页

北京市海淀北部新区实验中学

创建框架网页

1、比较常规按钮与交互式按钮的特点 2、完成示例网站中所示的交互式按钮的制作,按钮的样式可以按照个人喜好选择 交流评价、分享成功:同学演示、教师点评 1、交互式按钮的插入方法 2、交互式按钮样式的选择、文字的调整与按钮宽度和高度的调整 3、交互式按钮超链接的添加,新建页面并进行超链接,目录页的每一个按钮都要制作超链接 4、 “聚焦十八大”完成超链接预览后有两个目录页解决方法:超链接到“index.htm”更改为超链接 到“main.htm”

设计意图:锻炼学生的口头表达能力,激发学生的上进心,强化知识,总结知识点。在与学生 的总结互动中使基础薄弱,自我学习能力较差的同学有学习提高的机会。能跟好的落实本节课 的教学目标。

尝试探索:隐藏框架网页的边框线 突破提高:创建一个除目录型之外的框架网页

设计意图:给学有余力的同学充分表达自己的空间,在完成基本任务的基础上,鼓励同学大胆 尝试,以加深对框架网页的理解和认识

四、说教学特点
(一)选题贴近生活 选自贴近生活的素材,学生的学习兴致和创作热情都很高 (二) 注重自主学习,关注基础薄弱学生 每个任务布置下去后,都由同学通过帮助网站自主学习、尝试探索 ,培养学生 的自主学习能力。结合我校学生特点,每一任务结束后,适时总结,修改提高 (三) 指导思想与理论依据 注重对知识的理解和概念的形成过程 中小学信息技术课程指导纲要指出,教师要通过信息技术课程,使学生具有获取 信息、传输信息、处理信息和应用信息的能力。学生要能够独立或者与他人协作完成 与课程相关的问题,要培养学生独立解决问题、自主探究的能力。 本课在教学策略上依据建构主义理论,以学生为主题,在整个教学过程中由教师起组
第 5 页 共 6 页

北京市海淀北部新区实验中学

创建框架网页

织者、指导者、帮助者的作用,利用交流、展示等学习因素充分发挥学生的主动性、 积极性,培养学生处理信息和应用信息的能力。 结束语:以上是我对这节课的教学设计与分析,不足之处恳请各位专家、评委批评指 正.谢谢!

第 6 页 共 6 页


相关文章:
框架说课稿
《制作框架网页说课稿各位老师,大家好。我叫 。我说课的题目是《制作框架网页...本次课的能力目标是:能够应用框架建立简单网页 知识目标是:1、了解框架网页的...
“创建站点”说课稿
创建站点”说课稿_其它课程_初中教育_教育专区。《创建站点》说课稿 各位评委...网页默认的文件名是? 预览标签在哪里? 设计意图:由于学生已有的知识经验, 本...
说课稿框架
登录注册新闻网页贴吧知道音乐图片视频地图百科文库 搜...说课稿框架_其它课程_小学教育_教育专区。在目前的说课...结合学生的自然特点,并在教学中建立平等的师生和谐...
表格布局网页的说课稿
表格布局网页说课稿_互联网_IT/计算机_专业资料。一、说教材 1、教材分析 本...体验获得知识的乐趣 第六步:给学生讲解“嵌套表格创建的” 培养学生自主学习的 ...
说课稿《建立网站站点》
说课稿建立网站站点》_其它课程_高中教育_教育专区。浙教版初中信息技术《建立网站...新建保存主页,理解主页命名规则,培养学生养成良好的 建站习惯,为下一步网页制作...
最简单的网页 说课稿
最简单的网页 说课稿_其它课程_初中教育_教育专区。最简单的网页各位评委、老师: 大家好! 我是 xx 号考生,我说课的题目的是《最简单的网页》 ,下面我 将从...
网页制作说课稿
网页制作说课稿_演讲/主持_工作范文_实用文档。响应式页面——导航的制作 尊敬的各位评委:大家上午好! 非常荣幸能在这里和大家分享我的教学理念。我今天说课的题目...
《用表格规划网页布局》说课稿
《用表格规划网页布局》说课稿_计算机软件及应用_IT/计算机_专业资料。《用表格规划网页布局》说课稿 各位专家、评委老师: 您们好! 很高兴我能入闱,有幸参加今天...
说课稿框架
新闻网页贴吧知道音乐图片视频地图百科文库 搜 试试 7 帮助 全部 DOC PPT TXT...说课稿框架_英语_小学教育_教育专区。说课稿框架尊敬的各位老师,大家上午好! 我...
《做框架》说课稿
新闻 网页 贴吧 知道 音乐 图片 视频 地图 百科文库 搜试试 3 帮助 全部 ...《做框架说课稿_六年级其它课程_其它课程_小学教育_教育专区。教育科学出版社...
更多相关标签:
做框架说课稿 | 美术搭建框架说课稿 | 创建新集体说课稿 | 认识动态网页说课稿 | 网页设计说课稿 | 网页设计与制作说课稿 | 链接网页 说课稿 | dreamweaver创建框架 |