当前位置:首页 >> 其它课程 >> 《制作一个简单的网页》教学案例

《制作一个简单的网页》教学案例


《制作一个简单的网页》教学案例
【课时安排】1 课时 【教学内容分析】
本节课的主题: 让学生了解网页概念并利用 FrontPage 软件制作简单的网 页,学会建立网站的制作流程并建立一个只有文字的网页,本课是用该软件 创建以“诗文荟萃”为主题的网站,也就是用所掌握的信息技术知识解决生 活中的实际问题,使学生能够学以致用。发挥信息技术学科的优势,以素质 教育的

新理念,增强学生的动手能力,提高学生的综合素质。 以教材为基石,作为构建知识的桥梁,依据《课程标准》 ,创造性、合理 的对教材进行二次开发与重组。如:导入新课时,利用学生对美好事物的向 往,激发学生的求知欲和学习兴趣;采用任务驱动教学,增强学生自学能力; 充分采用教材资源,使学生学会自学,并有的放矢;对学生的评价方式,采 用学生作品展示,是学生学习的一个延续,对学生学习起到一种推进的作用。

【分析教学对象】
1、学生的年龄特点和认知特点: 八年级的学生对周围的一切充满了好奇,他们急于表现自己,对于教师 布置的任务能够认真对待。 对于 FrontPage 的知识了解不多; 对网站兴趣较大, 但制作知识几乎为零。本节课给学生提出一个初步的任务:创建一网站,并 制作一个简单网页,让学生体验初步的成功,这对于今后的学习有很大帮助。 初二的学生创作欲强,因此本节课中,提倡、鼓励独立完成作品,培养学生 自学意识与自学能力。 2、学习者对即将学习的内容应该具备的水平:

1

本课是学生初次认识 FrontPage 并能应用它制作简单的网页, 培养学生综 合运用知识解决问题的能力,以及各方面素质的一次综合评价。

【教学目标的设计】
1.知识目标: (1)了解网页的概念; (2)了解建立网站的一般流程; (3)初识 FrontPage2003 并学会建立网站; (4)学习制作一个只有文字的简单网页。 2.技能目标: 学生通过探究学习过程中,掌握网站的建立方法与创建简单网页的操作。 3.情感目标: 培养学生在学习过程,自主探究能力和分类汇总知识的能力。

【教学重点与难点】
(1)重点:建立网站、保存网页的方法。 (2)难点:网站与网页的区别,网页文件名与文件标题的区别。

【教学策略设计】
1、根据教材内容和学生的实际情况,本课采用“任务驱动”、“问题──探究” 等教学方法,创设一个板报展览的情境(创设情境) ,以逐个任务和问题驱动 学生多动手、 多思考、 多实践, 从而了解和掌握 FrontPage 的基本知识和技能。 2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探 究发现学习”。让学生在学习过程中,提倡某些问题的分组协作与自主探究。 建构主义学习理论强调以学生为中心,要求学生由知识的灌输对象转变为信

2

息加工的主体。故此本课教学过程中,以问题驱动,激发求知欲望,让学生 带着逐个任务通过探究发现、相互合作、实际操作等方式,自主学习,使学 生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。 3、是在网络教室中完成的,利用多媒体局域网络,实现教师演示、个别指导、 网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可 以利用网络教室软件演示和个别指导,在创作作品的同时,生生可以进行网 上交流。体现教师的指导、组织作用,学生主体、探究协作地位。

【教学评价设计】
1.采用小组间竞争机制,比赛哪个小组解决问题或是完成任务的速度快与质 量高,增强学生协作互助的意识。 2.最后进行作品展示,评出“速度”奖,“质量”奖,“自觉标兵”奖等几个奖项, 进一步激发学生的学习热情。对自己的作品有一个反思,增加相互学习、相 互交流的机会,让学生学会自己梳理知识,增强自学能力。

【教学过程设计】
一、情景导入
网络就像是一个信息的海洋,我们就像是一条小鱼,可以畅游在信息的 海洋,获取各种各样的信息,这些信息都是以网页形式存在于网络中,但并 不真正属于我们自己,大家想不想在网上拥有自己家(网站)呢?(激发学 生的求知欲) (学生回答:想) 从这节课开始我们就学习制作网页,到底什么是网页呢?

二、问题驱动
3

任务一:大家打开课本 P46,通过阅读解网页概念,超链接标志?看哪个小 组能最先解答问题? 学生阅读课本(2 分钟)分小组讨论自己的理解?? 小结: 1.网页使用文字、图形、声音影视等多媒体的形式表达信息,使表达的信息 更加鲜活; 2.网页如同大家一样都必须有一个“家”,这个家就是网站; 3.存在网站中的网页之间采用了链接式的方法将网页串接起来。 任务二:在我们了解网页与网站后,会有疑问:使用什么软件制作网页呢? 带着这个问题阅读课本 P45。看哪个小组成员最先完成? 学生阅读并实践?? 小结: 大家会有疑问为什么选择它,还有别的软件吗?有,如 Dream weaver、 网页制作软件等,课本中使用了 FrontPage 这个软件简单易学,并且窗口与我 们使用操作系统 windows 都是基本一致的。 任务三:有了制作软件,如何才能做好一个网站呢?该做哪些准备工作呢? 学生自读 P47,总结制作网站流程。 请几位学生叙述制作网站的流程,强化“三思而行的意识” ,避免盲目操作。 并总结。 任务四:自学 P48 了解网页制作具 Front page 2003。 自读教材,初识软件界面。 任务五:创建“诗文荟萃”网站。教材要求将站点建在“D:\诗文荟萃” ,但

4

因机房是多个班共用,所以就要求学生先建立个人文件夹,然后再建立站点 例: “F:\张三\诗文荟萃” 。 学生自主学习 P49“新建网站” ,小组讨论并实践?? 以小组为单位,师查看完成情况,完成快的学生帮助慢的同学,实现共同进 步。 广播教学:我们建立网页默认名称是 new_page_1.htm,但是通常使用的主页 文件名是 index 类型,是 web 页。除了主页以外,其他的网页名称大家可以 自由命名(建议大家尽量使用英文或数字作为网页名,上传到网上后易于检 索到,地址不易出错。 )保存时有两个文件夹,_private 文件夹用来存放制作 网页过程中自动生成的一些文件,请大家不要随意删除,以免影响网页的浏 览效果;images 文件夹用来存放网页中用到的图片文件,大家在今后的网页 中使用到的图片全保存到这个文件夹中; 任务六:制作一个只有文字的网页。看哪位同学完成的速度最快,质量最高, 创作主题明确风格优美?(参照 P50) 学生动手实践?? 学生上台边讲边演示,培养学生语言表达能力。 师:广播教学,P51“小博士”(因此内容较多,且文件名和文件标题是一难 。 点内容) 任务七:继续添加网页,P52“做一做” 、P53“动动手”(此处老师应将用到 。 的大篇幅文字素材及时发至学生机) 学生独立完成任务;学生代表上台演示教学。

三、达标练习
5

学生独立完成课后练习 (此练习要求只有完成课堂任务的基础之上才可以做, 目的是不要求学生贪多,而追求知识的精) 。

四、作品提交与展示
让学生自主展示作品,并让其他同学做评价,评出其中的优点和不足, 然后老师再做出评价。让学生在评价和被评价中得到进步与提高。

五、总结
让学生自己进行总结??

【教学反思】
这节课的设计两头松中间紧,在时间的把握上可以增加一定的弹性。带 着疑问使学生逐步进入到网页制作路途中来,有利于下节课内容的开展,同 时也激发学生的兴趣,培养学生自主探究能力。知识点上的衔接比较紧密, 要注重学生分类汇总知识能力的培养。 本次教学主要采用了“任务驱动,强化实践”教学模式,通过创设情景、 任务分解、提出任务、探索方法、上机实践主要环节来组织教学,有利于提 高学生进行自主学习、探索的能力的提高。在知识传授的过程中主要是通过 学生来讲解,让不同层次的学生都能享受成功的喜悦,从而得到发展提高。 学生作品展示是学习的一个重要环节,学生创作作品的过程,有那些收获, 遇到那些困难,是如何克服的,那方面有待改进和提高,及时找出不足,调 整学习目标,促进自身发展。

6


更多相关文档:

《制作一个简单的网页》教学案例

《制作一个简单的网页》教学案例_其它课程_初中教育_教育专区。市一等奖作品《制作一个简单的网页》教学案例【课时安排】1 课时 【教学内容分析】本节课的主题: 让...

《制作一个简单的网页》教学案例

《制作一个简单的网页》教学案例_其它课程_初中教育_教育专区。教学案例《制作一个简单的网页》教学案例【课时安排】1 课时 【教学内容分析】本节课的主题: 让学生...

制作一个简单的网页 教学案例

制作一个简单的网页 教学案例【课时安排】1 课时 【教学内容分析】本节课的...以教材为基石,作为构建知识的桥梁,依据《课程标准》,创造性、合理的 对教材进行...

《简单网页制作》教学设计

《简单网页制作》教学设计一、设计意图: 目前网络对学生的吸引力很大,学生上网都会浏览网页内容,对 网页的制作也有很大的兴趣,想知道一个网页是怎样制作成功的。但 ...

实训一 制作一个简单的网页

实训一 创建和管理站点、制作站点首页实训目标:用 Dreamweaver 制作一个简单的网页 一、用 Dreamweaver 创建和管理站点(一)在 D 盘上创建“畅想未来”站点在菜单栏...

第1课 制作一个简单的网页

第1课 制作一个简单的网页_其它课程_初中教育_教育专区。《第 1 课 制作一个简单的网页》 年 各位评委老师大家好, 我今天试讲的题目是: 鲁教版 级 册第 ...

制作一个简单的网页

教学目标】 1.知识与技能 (1)了解网页、网站的...2014年国家司法考试案例分析模拟题 2014年证劵市场基础...《制作一个简单的网页》... 暂无评价 6页 2下载...

网页制作教学案例

教材 《网页制作 Dreamweaver》NIT 证书考试指定教材以及本教 程所附的实验案例...实验目的 :掌握网站创建的方法和学习制作一个简单网页 实验要求:按要求创建“...

教你制作简单网页——图文教程

简单网页如下图: 一、制作一个主页 在开始制作之...(主教学楼地下室 D05,D06),会由 办公室人员值班...《网页设计与制作》课程... 暂无评价 3页 ¥2....

制作一个简单的网页

制作一个简单的网页 教学目的:1、使学生初步认识 Frontpage 2000 中文字的添加...四、作业 打开你的素材库完成《多彩民族的网页制作并做修饰(教师展示一张) ...
更多相关标签:
简单的网页制作案例 | 网页制作案例教程 | 简单网页制作成品 | 简单的网页制作 | 静态网页制作案例 | 简单网页制作 | 简单的网页制作软件 | 网页制作案例 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com