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

动态网页制作教学设计


动态网页制作教学设计
班级 课题 高一 学校 滨海县明达中学 时间 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) 掌握悬停按钮的制作方法。 ...

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

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

网页制作-教学设计

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

ASP动态网站教案

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

动态网站制作教案

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

高一信息技术《动态网页制作》教学设计

高一信息技术《动态网页制作教学设计江苏省溧水高级中学 王蓉 本节课采用网络环境下的教学方式,将教师的教学步骤制作成课件存放在服务器上,学 生上课时按照老师...

《网页制作FrontPage》教案

网页制作 FrontPage》教案 教师:张爱平 第 1、2 课时 网页设计概述【教学...动态网页 1.3.3 多媒体技术的应用 1.3.4 Web 服务器端程序 1.4 制作网页...

制作动态网页教学设计

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

《动态网页设计》案例生活化教学设计

动态网页设计》案例生活化教学设计 摘要:对《动态网页设计》课程采用案例教学法所存在的弊端进行了 分析,针对此课程中特别是实验环节,采用案例教学法无法让学生较 ...

更多相关标签:
网站地图

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