课 题
第十课 完善发布网站
课 型
新授课
授课地点
机房
课 时
1 课时
授课班级
八年级
教学策略
本节课主要采用学生自主探究、小组合作交流等方法来完成教学目标。教学过程在学生已有的知识基础上,采用启发、引导的方式, 正确引导学生运行旧知识去解决新问题。
同时,让学生明确具体的学习任务,让学生结合任务学会自主思考,合作解决。使得课堂的学习活动是以学生为中心,学生在完成任务的过程中构建自己的知识与技能,既培养了学生的学习兴趣,让学生掌握科学的学习方法,提高自主学习能力, 也让学生在学习中体会到成功的喜悦与学习的乐趣,增强成就感。
教学目标
一、知识、技能目标:
了解和掌握完善网站结构的一些注意事项及基本操作方法:
1、移动图片位置;
2、增加一些小装饰;
3、检查网页的链接状态。二、过程、方法目标:
学生能够结合所学知识,小组合作,完善小组网站作品。
三、情感与态度目标:
使学生学会自主思考,培养学生团队合作精神,增强学生动手能力。
教学重点、难点
教学重点:了解和掌握完善网站结构的一些注意事项及基本操作方法。
教学难点:结合所学知识,将网页结构优化的方法运用到自己的网站作品中。
教学方法与
教学手段
任务驱动法、教授法、演示法、上机操作
教学环境
机房 / 多媒体网络教室 / 投影仪
教学过程
教学内容
教师行为
学生行为
预期效果与备注
一、导入课题:
师:“通过前面几章课程的学习,以及同学们的积极参与,我们每个小组的网站都已经初具规模,但是,我们要想将网站发布到互联网上,我们还需要对网站的结构进行进一步的完善。使整个网站结构更加清晰,布局更加合理,从而增强网站的实用性。那些今天这节课的
在教师的引导下,学生思考网站的结构存在的缺陷。
用 Dreamweaver 软件打开网站素材。
激发学生对本节课的学习欲望和兴趣 。
内容就是要对我们的网站进行一些后期的处理,进一步完善网站的结构”。
(教师将事先准备的网站素材“班级网站”文件夹发送给学生,以便接下来引导学生对网站素材进行网站结构的进一步完善。)
二、教学过程:
1. 任务一:移动图片位置 。
教师打开事先准备的网站素材,引导学生观察文件夹中的文件。
提示学生,可以将图片移动到网站自动创建的
“ images ”文件夹中。提问: 应该怎样移动这些图片?
在学生回答后,教师可以让学生进行尝试。
教师介绍原因:直接在文件夹中
学生 打开素材文件夹, 发现图片与网页文件保存在一起,比较杂乱。
“直接在文件夹中将图片移动到‘ images ’文件夹中”
学生发现图片无法正常显示。
学生通过自主尝试,发现问题,解决问题,加深印象,提高学生发现问题,解决问题的能力。
任务二:给页面增加小装饰。
教师给学生展示一个未设
移动图片,会导致图片路径错误,无法在页面中正常显示。
学生认真观看教师演示,并将素材
中需要移动
学生学会移动网站文件夹中
文件的正
计完成的页面,询问学生看
教师演示正确的移动图
的图片移动
确方式。
了以后有怎样的感受。
引导学生思考解决的办法, 使网页互动更加友好。
片位置的方法:在Dreamweaver 中选择“查看”菜单中“文件夹”
试图,选中需要移动的图
到“ images ” 文件夹中。查看操作后的
文件夹,这时
学会将网站文件分类存放。
教师提示:可以对页面进行
片,将其移动到
文件夹文件
一些小装饰,告诉浏览者,
这部分内容还在建设当中。同时对于新添加的内容,也
“ images ”文件夹中,
Dreamweaver 将会自动更新这些图片的路径信
结构清晰,易于管理。
可以采用同样的方式进行
息。
提示。让学生利用素材,进
行装饰。
引导学生对网站素材中
的图片进行移动,保存。
再次查看文件夹中的文
件结构。
“内容不完整”
学生学会利
“感觉像是页面没有刷新完毕”
用旧知识进 行页面完善。
学生思考。
学生根据教师提示独立
完成任务。
任务三:检查网页的链接状
学生 发现由于页面较
学生掌握检
态 。
多,逐页查找较为困难,
查网页链接
“在网站的建设中,有时由于输入了错误的链接文件
且容易遗漏。
学生很容易就找出了链
状态的简便方法。
名,会导致页面浏览时链接
接出错的页面。并进行了
失败,在下发给同学们的网
修改。
站素材中,就存在了这样的问题,同学问可以找一找是哪一个链接出现了问题。
教师适时地介绍利用软件自带链接检查功能来查找和修改的方法。
课堂小结
“经过刚刚的学习和练 习,请三位同学来说一下自己在这堂课学到了什么?”
听完同学回答,教师给予鼓励,并进行总结:“通过本节课的学习,大家都了解和 掌握 了完善网站结构的一些注意事项及基本操作方法,例如:……等,增强网站的实用性。当然,一个网站没有最好,只有更好。大家只有在学习的过程中学会去发现问题,解决问题,才能把我们的小组网站建设得更加完善,期待大家更加优秀的作品”
3. 任务四: 结合 本节 所学知识,完善 小组网站的结构 。
让学生参照课本,及教师课件亲自实践操作,在之前小组作品的基础上自 由发挥,根据网站需要, 完善 小组网站的结构, 保存网站。 请完成的小组进行的作品的展示, 请小组代表介绍设计的 思路、实现步骤等,教师给予鼓励,并进行相应的评价,指出所存在的问 题,或给出改进的建议。
学生结合本节课所学内容,在原有小组 网站的基础上 完善小组网站的结构 。
任务完成后, 完成的小组 展示的网站 更新情况,并介绍在教师 教学的基础 上还完善了 哪些内容。
学生学会自 主 思 考,团队合作,将所学知识用到现实网页制作中,达到教 学 要 求 ,增强创 新 能 力,审美能力。
学生思考回顾,总结本节课所学到的知识。
“学会图片移动的方法, 文件的归类处理”
“学会了给页面增加装
学生可以复习巩固所学知识 ,加深印象。
饰”
“学会了检查超链接状态”
跟随教师思路,进行总结。
5. 布置作业
请思考如何在网页的适当位置中添加一个计数器。预习下节内容,各小组收集小组网站的相关素材。