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

动态网页制作教学设计


动态网页制作教学设计
班级 课题 高一 学校 滨海县明达中学 时间 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等利用网络资源的课程 计划和课程单元已步入师生的日常教学活动中, 信息技术与学科整合已成为...

动态网站制作教案

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

制作动态网页教案设计

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

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

动态网页制作》课程标准 课程名称: 《动态网页制作》 适用专业:中等职业学校...教学中要注重学生学习的过程,精心设计对学生学习过程的记录及评价,如学习的形式...

网页制作-教学设计

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

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

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

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

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

《动态网站设计》课程教学大纲(11级)

具备动态网站平台的配置能力;具备相应的动态技术开发能力; 2. 具备动态网站设计能力;具备动态网站的开发能力。 三、教学内容与教学基本要求 第一章 搭建测试 JSP...

动态网页的生成及其特点教学设计(高中信息技术精品)

教学设计 第五章 动态网页制作 第二节 动态网页的生成及其特点 一、教学目标 1.知识与技能 ① 初步了解基于 ASP 技术制作动态网页的过程。 ② 初步理解动态...
更多相关标签:
动态网页设计与制作 | 网页制作教学设计 | 制作表单网页教学设计 | asp动态网页制作 | 动态网页制作教程 | 动态网页制作 | 微信动态网页制作 | asp动态网页制作教程 |
网站地图

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