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

动态网页制作教学设计


动态网页制作教学设计
班级 课题 高一 学校 滨海县明达中学 时间 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、预习计数器的插入与背景音乐的 添加。


更多相关文档:

动态网页制作教学设计

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

《动态网页制作》教学设计

动态网页制作教学设计随着新一轮课程改革的进行,研究性学习、Webquest等利用网络资源的课程 计划和课程单元已步入师生的日常教学活动中, 信息技术与学科整合已成为...

网页制作-教学设计

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

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

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

网页制作进行的教学设计

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

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

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

ASP动态网页设计(电子教案)

ASP动态网页设计(电子教案)_工学_高等教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 ASP动态网页设计(电子教案)_工学_高等教育_教育专区。ASP动态网页设计(...

动态网站制作教案

(动态服务器主页) .net 活动服务器页(.Net Active Server Pages) PHP 服务端...网页制作教案 4页 免费 网站设计教案 3页 免费 动态网页制作教案 4页 免费...

制作动态网页教学设计

课堂教学设计——教案教学内容 学课校型 天泰中学 新授课 第七章 网页制作第八节 制作动态网页 杨青芹 授课教师 日期 初二 授课班级 课时 2010-11-19 1 教学...

ASP动态网站教案

教程 通过学习 Dreamweaver-ASP 可视化编程,使学生学会 ASP 动态网站设计制作。...(教学章、节或主题) : ASP 动态网页的可视化编程 教学目的、要求(分掌握、...
更多相关标签:
网站地图

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