Dreamweaver MX2004教案 第四周星期三第1、2节 课题滚动字幕 教学目标掌握 MARQUEE标志 教学重点 MARQUEE标志符的应用 教学难点 MARQUEE标志符的应用 复习:1、细表格制作的三种方法 2、制作一个细表格 讲授新课 、 MARQUEE标签 1、把光标插入点放在需要插入滚动字幕的地方。 2、点击插入面板的“标签选择器 3、选择 marquee标签,点击“插入"按钮,如下图1所示 撕入」常用布局文本表格架表单榎板序字符媒体文件头脚本应用程序耘 总迅国甜图画固回回 d标签选择器 标签选择器 日◎标记语言标签 KnoembedXnoembed> 教 日HML标签 Knolayer>/ ayer> 中■页面构成 area 出■日格式设置和布局 列表 学 layer ■。脚本编制 CFML标签 mailto ASP. NET标签 过 t-o Run自定义库 AsSP标签 param(Object) sound FHP标签 MML标签 Sitespring项目站点标签 b标签信息 帮助QD 插入① 关闭c)」 4、转换到代码视图。把光标插入点放在 marquee标签内。 5、选择“窗口”>标签检査器”。可以在“标签检査器”中设置标签的各种用法 6、点击 behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式,如图2所示 7、 direction属性设置字幕内容的滚动方向,如图3所示 8、 scrollamount属性设置字幕滚动的速度,如图4所示 9、 scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值 应该尽量小
Dreamweaver MX2004 教案 第四周 星期三 第 1、2 节 课 题 滚动字幕 教学目标 掌握 MARQUEE 标志符的应用。 教学重点 MARQUEE 标志符的应用 教学难点 MARQUEE 标志符的应用 教 学 过 程 复习：1、细表格制作的三种方法。 2、制作一个细表格 讲授新课： 一、MARQUEE 标签 1、把光标插入点放在需要插入滚动字幕的地方。 2、点击插入面板的“标签选择器 ” 3、选择 marquee 标签，点击“插入”按钮，如下图 1 所示 4、转换到代码视图。把光标插入点放在 marquee 标签内。 5、选择“窗口”>“标签检查器”。可以在“标签检查器”中设置标签的各种用法 6、点击 behavior 设置项右边的下拉箭头，选择滚动字幕内容的运动方式，如图 2 所示。 7、direction 属性设置字幕内容的滚动方向，如图 3 所示。 8、scrollamount 属性设置字幕滚动的速度，如图 4 所示 9、scrolldelay 属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值 应该尽量小
v代码 标签检查器代码片断参考 标签检查器代码片断参考 </TR K/TR> 日<TR> 日-<TR 日-<TD> MARQUEE> 日< MARQUEE> behavior scroll bgcolor lass class directi on direction MARQUEE属性 MARQUEE属性 a 图2 图3 Alternate:来回滚动 Down:向下滚动 Scroll一圈一圈滚动 Left:向左滚动 Side:只走一次 Rght:向右滚动 Up:向上滚动 代码 学 标签检查器[代码片断[参考 标签检查器代码片断参考 </TR> 日<TR 白< MARQUEE> 日<TD onKeyPress scroll delay 程 onMouseOver this, stop trusteed MARQUEE属性 图4 图5 10、wdth属性设置滚动字幕的宽度 ll、 on MouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。 on Mouse out事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动 12、 style属性设置字幕内容的样式。实例中设置字幕文字大小,输入了"font12px;"。 13、loop属性设置字幕内容滚动次数,默认值为无限。“-1也为无限 实例: <marquee behavior="scroll direction="up"width="200" height=150"loop="-1 scrollamount="1"scrolldelay=1"style="font: 12px, onMouseOver="this stop onMouse out=" this start;">滚动字幕内容< marquee> 教学反思:学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver掌握 MARQUEE标志符的应用。但是本知识点点需要以后上课经常巩固
教 学 过 程 10、width 属性设置滚动字幕的宽度。 11、onMouseOver 事件设置鼠标移动到滚动字幕时的动作，常设置为停止滚动。 onMouseOut 事件设置鼠标离开滚动字幕时的动作，常设置为开始滚动 12、style 属性设置字幕内容的样式。实例中设置字幕文字大小，输入了“font:12px;”。 13、loop 属性设置字幕内容滚动次数，默认值为无限。“-1”也为无限。 实例： 二、教学反思：学生通过本节课的学习后，大多数同学已经掌握了网页制作软件 dreamweave 掌握 MARQUEE 标志符的应用。但是本知识点点需要以后上课经常巩固。 图 2 图 3 Alternate：来回滚动 Scroll：一圈一圈滚动 Slide：只走一次 Down：向下滚动 Left：向左滚动 Right：向右滚动 Up：向上滚动 图 4 图 5 <marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滚动字幕内容</marquee>