当前位置:首页 >> 其它课程 >> 动态网页制作教学设计

动态网页制作教学设计


动态网页制作教学设计
班级 课题 高一 学校 滨海县明达中学 时间 2005

第八节 动态网页制作 认知目标:能使用 Frontpage“插入/组件”菜单命令及“格式/动态 HTML 效果”命令,设计具有动态效果的页面。 技能目标:设计具有自己个性的动态网页。 情感目标:关注 HTML 语言的新技术及效果,增强网页的制作能力。 Frontpage 组件菜单的运用 横幅广告管理器的使用,悬停按钮与滚动字幕的制作 在布鲁纳倡导的“发现式”教学法理论的基础上,依据课堂教学的特点及

教学目标

教学重点 教学难点

教学方法

本节内容的个性特色,设想由场景-- 问题--发现和由发现—实践—问题 —结论--新场景的教学模式,主张大信息量,多点刺激,引发学生自主学 习的兴趣,并适当加以提示和总结,构造“发现”式课堂教学模式。 第一课时:悬停按钮、滚动字幕、横幅广告管理器、动态 html 效果。 第二课时: 进一步理解动态 html 效果, 渗透 “事件” 概念; 完善 century.htm 页面,制作计数器,添加背景音乐,完成网站的建设。 第一课时 1、掌握横幅广告管理器的使用方法,能够制作幻灯。 2、掌握悬停按钮的制作方法。

教学课时

课时目标

3、掌握滚动字幕的制作方法。 4、学会动态 HTML 效果的设置。 5、培养学生的动手操作与自学能力,加强学生的学习兴趣。 教学过程 教师 学生 展示本课网页作品 century.htm:页面 (1) 标题图片切换 (两幅) 、 (2)标题下方的文字会滚 场景引入,发现问题: 动, (3)地球的旋转, (4) 文字从右下飞入,(5)网 学生比较这个网页与前面制作的网 页底部的脚印,(6)鼠标 页有什么不同? 指向“环保组织”“环保行 动”会有变色效果。 在 century.htm 网页中出现了动态网 页效果。 继续观察,实践问题 学生自主练习做 century.htm 网 页中的一,二个动态效果。 按照自己的要求,试着练习 制作。(可参照书本上的操 作步骤)

一、导入新课

二、探求新知

1、探索新知的提示 本课所要学习的四个动态效果中,横 幅广告管理器、滚动字幕、悬停按扭 学生分组互助学习

都在“插入”菜单的“组件”子菜单 中,HTML 动态效果在“格式”菜单 中。 讨论问题,解决问题 观察文字的滚动效果,引入滚动字幕 的制作方法。 1、提示学生 单击“插入/组件”菜单 2、提出目标 发现问题: 字幕的滚动。 完成问题: 完成字幕制作。 思考问题:延迟与数量的含 义。

在新建的页面上,插入“让我们热爱 (对照书本操作实践) 地球吧”滚动字幕 3、总结 观察标题图片的变化, 引入横幅广告 发现问题: 管理器的制作方法 1、提示学生 单击“插入/组件”菜单 2、提出目标 在新建的页面上,插入 图片在一定的时间内 变换。 完成问题: 完成横幅广告管理器 的制作方法。

biaoti1.gif,biaoti2.jpg 两幅标题,使之 思考问题: 轮流切换 3、总结 如何调整图片的播放次序 及个数。 自我发现问题→提出 问题→解决问题 观察按钮的变化,引入悬停按钮的制 发现问题: 作方法 1、提示学生 按钮在点击时会变色。 完成问题:

单击“插入/组件”菜单 2、提出目标

完成悬停按钮的制作 方法。

在新建的页面上,插入“环保组织”、 思考问题: “环保行动”使之产生变色效果 3、总结 如何设计悬停按钮的 超链接。 发现问题: 文本的飞入 观察文字的飞入过程,引入动态 HTML 效果的制作方法。 1、提示学生 单击“格式/动态 HTML 效果”菜单 2、提出目标 完成问题: 完成动态 HTML 效果 发现问题: 打开网页时,问题会飞 入,有无其它情况下的动态

在新建的页面上, 插入动态 HTML 效 过程,图形能否实现动态效 果文字,使之飞入页面 3、总结 果。 完成问题: 进一步深化动态 HTML 效果。 实践探索: 备注:本内容可以视学生掌

在网页中加入一个视频插件,用于播 握基础知识的效果而定是 放一个视频文件。 否讲解。

1、 继续完成本网页的制作并在下一 (请学生演示) 节课中能指出所要注意的地方。 三、巩固练习 2、预习计数器的插入与背景音乐的 添加。


更多相关文档:

动态网页制作教案

动态网页设计与制作-HTML+CSS+JavaScript 2014 - 2015 学年第 1 学期第 1 周...本次课的教学目标;二,内容及课时分配;三,重点,难点及处理方法; 四,教学过程(...

动态网页制作教学设计

动态网页制作教学设计_初中教育_教育专区。动态网页制作教学设计(转载) 一、教材依据 义务教育中小学教科书(实验)初中信息技术第四册,第二单元《制作七彩的网页》,...

网页制作教学案——动态网页制作

动态网站设计制作与维护... 14页 免费网​页​制​作​教​学​案...动态网页制作教学目的:(1) (2) (3) (4) (5) 掌握悬停按钮的制作方法。 ...

《制作交互网页》教学设计

学好本节课内容不仅使得学生对网页的设计更加的深入,也为 后面学习制作动态网页奠定基础。 二、学情分析: 本节课面对的教学对象是初中八年级的学生,学生在前面几...

网页制作-教学设计

网页制作教学设计阜新市第十八中学 彭勇 一、教材依据 辽宁师范大学出版社 ...个体展示 的机会,特别是那些学习有困难的学生,我应该多关注他们的动态,多帮助...

网页制作进行的教学设计

网页制作进行的教学设计_工学_高等教育_教育专区。课例 1:本例是无锡市第一...使网页具有初步的动态交互功能 四、学习资源设计 在基于资源的学习中,教师的任务...

给网页添加动态效果教案_图文

网页添加动态效果教案_其它课程_初中教育_教育专区。教学程序设计: 教师活动 ...更加吸引人的动态效果,大家想不想 自己也动手来制作一个生动活泼的个 人网页...

动态网页课程设计

动态网页设计》课程整体教学设计 一、管理信息 课程名称: 《动态网页设计》 设计人:杨战旗、黎永碧 二、基本信息 课程类型:专业主干课 学学时:150 分:2 授课...

江西省南昌市高一信息技术《动态网页制作》教案 新人教版

本文试以广东省高级中学课本《信息 技术》第一册 “动态网页制作”的教学设计来加以论述,主张在信息技术教学中,要克服 单纯只教技术的观点, 注重培养学生的协作...

网页制作教学设计

网页制作教学设计_教学案例/设计_教学研究_教育专区。网面的制作的有关基础知识...尝试. 浏览因特网,让学生分析网页中 进一步探索学习动态效果,WEB 可以借鉴的...
更多相关标签:
网站地图

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