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

网页制作公开课教案


公 开 课 教 案
教学科目 授课日期 节 次 教学内容 网页制作 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 页


更多相关文档:

公开课《表单网页》教案

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

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

网页设计---用CSS设置丰富的超链接特效》公开课教案_其它课程_初中教育_教育专区。通过这节课的学习,在前面所学的用CSS设置文字效果、CSS设置图片效果和CSS设置...

公开课网页制作教案

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

网页制作教学设计(公开课)

一体化课程教案(首页)课程 网页制作 创意型网站开发 创意型网站开发 授课教师 审批 课题(项目) 名称 学习任务 授课课时 授课班级 16 授课日期 年月 日至 年月...

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

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

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

学习 《制 作网页文字滚动效果》这一课,目的在于掌握插入滚动文字的方法,设置滚动文字的属性。 二、教学目标设计 【知识目标】 1、认识设置“滚动文字”代码。 2...

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

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

网页超链接公开课教案

网页超链接公开课教案_其它课程_高中教育_教育专区。中职网页制作泉州梅山工程学校 黄朋辉 教学目标: 知识与技能: 1、熟悉以文字、图片为链接源的基本操作 2、掌握...

校公开课网页制作之表格布局

第八课 网页制作之表格布局 学习目标:新建一个站点及网站首页的制作 教学重点、难点: 1、使用表格功能进行页面布局 2、插入表格、设置表格属性、设置单元格属性 ...

标志设计 公开课 教案_图文

标志设计 公开课 教案_英语_小学教育_教育专区。标志设计 公开课 教案 ...师: 出示大赛网页, 将公司对标志设计 的要求和书本上的 原则相对应。 吸引...
更多相关标签:
网站地图

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