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

动态网页制作教学设计


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


更多相关文档:

动态网页制作教学设计

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

动态网页教学设计

动态网页教学设计_IT/计算机_专业资料。的制作》 《动态 HTML 的制作》一、教学内容分析本节课要求学生认识动态 HTML,掌握简单的网页动态效果。对于动态 HTML 效果...

动态网页制作教案

动态网页制作 教师授课教案 12 多媒体 1 班 动态网页制作课程 使用教材: 动态网页设计与制作-HTML+CSS+JavaScript 2014 - 2015 学年第 1 学期第 1 周 星期 ...

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

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

动态网页制作授课计划

动态网页制作授课计划_工学_高等教育_教育专区。网页设计与制作 授课计划GDGM-QR-03-011-B/1 学期授课计划(一)(2014~ 2015 学年第 1 学期)课程名称: 动态网...

制作动态网页教案设计

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

动态网页设计教学大纲

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

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

1.2 设计思路 根据《网站规划与开发技术专业人才培养方案》(2011 版)要求、动态网 页制作人员工作岗位分析,确定了课程的设计思路为: 运用基于工作过程导向的课程...

动态网页制作与设计

动态网页制作与设计_互联网_IT/计算机_专业资料。标题文字 <h# align=”left|center|right”>标题文字</h#> #表示标题文字属于几级标题 align 表示对齐方式 ...

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

动态网页设计》课程教学标准课程代码: 0315 课程名称:动态网页设计 英文名称:Dynamic Web Pages Design 课程类型: 必修课 总学时: 学分: 4 高职计算机专业学生...
更多相关标签:
动态网页设计与制作 | 动态网页制作课程设计 | 网页制作教学设计 | 制作表单网页教学设计 | 动态网页制作教程 | 动态网页制作 | dw动态网页制作教程 | asp动态网页制作教程 |
网站地图

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