当前位置:首页 >> 其它课程 >> 网页制作公开课教案

网页制作公开课教案


公 开 课 教 案
教学科目 授课日期 节 次 教学内容 网页制作 2013.05.20 上午第二节 授课班级 课型 授课地点 11 电商 2 任务驱动 授课教师 授课学时 专业机房一 周春燕 1 课时

层与行为的使用——有趣的拼图 通过讲解、演示、实践,让学生掌握在网页中运用层制作拼图游戏。 知识目标 技能目标 态度目标

过讲解让学生 1.提高学生分析问题、 解决问 1、 培养学生的观察能力及 教学目标 掌 握 在 网 页 制 作 中 题的能力 “拖动层” 、 “显示- 作、沟通能力 隐藏层”行为。并且 3. 提高学生的动手实践能力, 了解相应的事件。 教学重点 与难点 教学方法 能运用层制作有趣的拼图 教学重点:层的特点、 “拖动层”行为、 “显示-隐藏层”行为。 教学难点: “拖动层”行为、 “显示-隐藏层”行为。 综合(讲授、启发、引导、演示示范、观察、比较、实践等) 多媒体计算机、多媒体教学软件 勇于探索、勇于创新的精 2、培养学生的团队精神 层的特点,学会添加 2.锻炼学生的表达能力和协 神

教学资源

本节是《网址制作 Dreamweaver 8》中层的应用中的内容,是操作实践课。 教学 设计 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识, 引起学生的学习兴趣,激起学生的求知欲望,发挥学生的主体作用,体现教师 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技能, 进而培养学生的自学能力与动手实践能力。

教 学 过 程 设 计 教学环节与主要内容 具体教 学目标 教学活动

第 1 页 共 3 页

【复习导入】 ( 一) 导入 教师:帮助学生回顾复习 层的特点。 学生:回顾并实践复习已 ( 二) 复习知识点 1 、激发学生学习兴 2、导入新课 学知识 教师:根据实例,提问诱 导,导入课堂任务 学生:观察、讨论、思考 ( 三) 明确学习目标 教师:明确学习目标 1、层的特点。 2、“拖动层”行为。 3、“显示-隐藏层”行为。 4、onLoad 事件。 5、onMouseDown 事件。 让 学 生 理 解 理 解 掌 教师:讲解、示范、演示 【任务分析与制作】 (一) 任务初分析 打开趣味拼图网页,引导学生分析制作此网 页所需的技术: 1、层的创建 2、图片素材的添加 3、拼图图片的移动(层拖动) (二) 任务初制作 学生制作趣味拼图网页并调试。 (三) 任务再分析 请同学们汇报自己作品的调试成果。 针对调试作品所发现的问题进行再分析。 1. “拖动层”行为。 2. 事件。 让 学 生 理 解 理 解 掌 教师:讲解、演示、示范 握“拖动层”行为以 学生:观察、学习、领会 及事件的用法。 通 过 练 习 巩 固 所 学 学生:实践,完成练习 知识内容。 教师:巡视、评价、辅导 握层的特点。 学生:观看操作演示、学 习领会 1、你觉得这个 “拼图” 网页和平时的网页相 趣。 比,有什么特点? 2、这种特点是利用了什么技术实现的? 创设情境,打开“趣味拼图”网页,请 同学玩一玩拼图游戏。

第 2 页 共 3 页

教学环节与主要内容

具体教 学目标

教学活动

(四)任务再制作 继续完善自己的作品。 (五)扩展任务 1、 “显示-隐藏层”行为 2、onMouseDown 事件

学生实践,巩固所学 学生:实践,完成练习 知识内容。 教师:巡视、评价、辅导

评价学生完成情况, 教师: 展评学生操作结果, 促进学生主动思考、 进行评价 学习,反馈学生学习 学生:讨论、互评、反馈 信息 操作中遇到的问题

【评价与反馈】 1、评价学生完成情况 2、学生反馈在操作过程中遇到的问题。 梳理所学知识、巩固 教师:总结、拓展 课堂教学内容。 【任务小结】 1、“拖动层”行为。 2、“显示-隐藏层”行为。 3、onLoad 事件。 4、onMouseDown 事件。

第 3 页 共 3 页


更多相关文档:

DreamWeaver网页制作公开课教案

公开课教案授课章节 名称 课题 序号 第四单元 《DreamWeaver 网页制作——超链接的使用》 授课 时间 2006-4-4 星期二 第三节 授课 班级 04162 班 课型 课时...

网页设计公开课教案doc

网页设计与制作公开课教案授课时间 章节名称授课方式教学目的要求教方教重难学法学点点第 6 周 2 课次 第 2 次 Div+css 布局之 class 类的应用理论课() 、...

网页制作超链接公开课教案

网页制作超链接公开课教案_其它课程_高中教育_教育专区。超链接公开课教案 福宝中学公开课教案第 3 周 刘云题 知识目标 技能目标 情感目标 教学重点 教学难点 对...

公开课网页制作教案

公开课网页制作教案_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 公开课网页制作教案_其它课程_初中教育_教育专区。网页的制作教师:张蕊 班级:...

在网页中插入滚动文字公开课教案

在网页中插入滚动文字公开课教案_教学案例/设计_教学研究_教育专区。制作网页文字...制作网页文字滚动效果一、教学内容分析“制作网页文字滚动效果”是中等职业教育规划...

dreamweaver 网页制作项目教学法公开课教案

dreamweaver 网页制作项目教学法公开课教案_电脑基础知识_IT/计算机_专业资料。dreamweaver网页制作项目教学教学公开课教案阳江市第一职业技术学校 信息部 公开课教案教...

公开课《表单网页》教案

公开课《表单网页教案_其它课程_高中教育_教育专区。江苏省张家港职业教育中心...课前 准备 制作表单网页:留言 板、 校园通行证注册网 页;素材准备。 学生活动...

网页效果图的制作公开课教案

网页效果图的制作公开课教案_IT/计算机_专业资料。网页效果图制作的关键是设计好自己所需的效果,选择要用到的工具等网页效果图的制作——制作网页标志横幅课程: 课...

《网页设计---用CSS设置丰富的超链接特效》公开课教案

网页设计---用CSS设置丰富的超链接特效》公开课教案_其它课程_初中教育_教育...灵活通过对超链接标记a和a相对应的4个伪类别的CSS规则的编辑,来制作出丰富的...

网页超链接公开课教案

网页超链接公开课教案_其它课程_高中教育_教育专区。中职网页制作泉州梅山工程学校 黄朋辉 教学目标: 知识与技能: 1、熟悉以文字、图片为链接源的基本操作 2、掌握...
更多相关标签:
网页制作公开课 | 网页制作教案 | 网页设计与制作 教案 | 电子商务网页制作教案 | 中职网页制作教案 | 认识网页制作软件教案 | 初中网页制作教案 | 网页制作电子教案 |
网站地图

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