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

动态网页制作教学设计


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


更多相关文档:

动态网页制作教学设计

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

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

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

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

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

动态网站制作教案

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

动态网页设计教学大纲

动态网页设计教学大纲_教育学_高等教育_教育专区。完整的教学大纲奥。《动态网页设计》课程教学大纲课程编号: 课程名称:动态网页设计 适用专业:计算机科学与技术 开课...

制作动态网页教案设计

制作动态网页教案设计江苏省宜兴市和桥第二中学 吕超 邮编: 214211 E-mail: lvchao012326@163.com 教材内容分析: 教材内容分析: 制作动态网页是苏教版信息技术...

网页制作-教学设计

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

《为网页添加动态效果》教学设计

《为网页添加动态效果》教学设计_教学案例/设计_教学研究_教育专区。教学目标、重点、难点及设计意图 ⒈ 知识与技能:能区分动态效果与动态网页; 能够插入动态图片、...

《动态网页设计》课程教学标准

动态网页设计》课程教学标准课程代码: 0315 课程名称:动态网页设计 英文名称:Dynamic Web Pages Design 课程类型: 必修课 总学时: 学分: 4 高职计算机专业学生...

《动态网页制作》(PHP)课程标准

课程定位与设计思路 1.1 课程定位 本课程是网站规划与开发技术专业核心课程,...《动态网页制作》课程以实际工作项目为载体进 行课程教学,在载体的选取上,做到...
更多相关标签:
动态网页设计教学大纲 | 动态网页设计视频教学 | 动态网页设计与制作 | 网页制作教学设计 | 制作表单网页教学设计 | 动态网页制作教程 | 动态网页制作 | asp动态网页制作 |
网站地图

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