Dreamweaver MX2004教案 第四周星期三 第1、2节 滚动字幕 课题教标 学目掌握 MARQUEE标志符的应用。 教学重 MARQUEE标志符的应用 点 教学难 MARQUEE标志符的应用
Dreamweaver MX2004 教案 第四周 星期三 第 1、2 节 课 题 滚动字幕 教学目 标 掌握 MARQUEE 标志符的应用。 教学重 点 MARQUEE 标志符的应用 教学难 点 MARQUEE 标志符的应用
复习:1、细表格制作的三种方法 2、制作一个细表格 讲授新课: MARQUEE标签 1、把光标插入点放在需要插入滚动字幕的地方。 2、点击插入面板的“标签选择器 3、选择 marquee标签,点击“插入"按钮,如下图1所示 插入常用局文本表格框架表单模板宇符媒体文件头脚本应用程序 8回图※吕画国回 标签选择器 标签选择器 曰标记语言标签 normed》 normed 教 日HML标签 KnolayerXnolayer> 中■日页面构成 中■。格式设置和布局 日鲁列表 学 表 ■日表 laye 中■。脚本编制 田仓CFML标签 田AsP.ET标签 过 ◎JsP标签 出JRan自定义库 aram (Applet) P标签 aram (Object) 由PHP标签 田WL标签 程 Sitespring项目站点标签 标签信息 帮助⑩D 插入〔) 关闭c 4、转换到代码视图。把光标插入点放在 marquee标签内 5、选择“窗口”>标签检查器”。可以在“标签检査器”中设置标签的各种用法 6、点击 behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式,如图2 所示 7、 direction属性设置字幕内容的滚动方向,如图3所示。 8、 scrollamount属性设置字幕滚动的速度,如图4所示 9、 scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看
教 学 过 程 复习：1、细表格制作的三种方法。 2、制作一个细表格 讲授新课： 一、MARQUEE 标签 1、把光标插入点放在需要插入滚动字幕的地方。 2、点击插入面板的“标签选择器 ” 3、选择 marquee 标签，点击“插入”按钮，如下图 1 所示 4、转换到代码视图。把光标插入点放在 marquee 标签内。 5、选择“窗口”>“标签检查器”。可以在“标签检查器”中设置标签的各种用法 6、点击 behavior 设置项右边的下拉箭头，选择滚动字幕内容的运动方式，如图 2 所示。 7、direction 属性设置字幕内容的滚动方向，如图 3 所示。 8、scrollamount 属性设置字幕滚动的速度，如图 4 所示 9、scrolldelay 属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看 起来流畅，数值应该尽量小
标签检查器代码片断参考 标签检查器代码片断参考 K/TR> </TR> 日<TR> <TR 日-<TD> 日<TD <MARQUEE> 曰< MARQUEE> recti on RQUE属性 MARQUEE属性 图2 图3 教 Alternate:来回滚动 Down:向下滚动 Scro:一圈一圈滚动 Left:向左滚动 Slide:只走一次 ght:向右滚动 Up:向上滚动 v代码 标签检查器代码片断考] 签检查器[代码片断参考 </TR <「TR 日<TR ETR 过 曰< MARQU肥EE onkeYdown scrollamount scrolldelay espied onMouseUp MARQUEE属性 a MARQUEE属性 card 图4 图5 10、wdth属性设置滚动字幕的宽度。 ll、 onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动 on Mouse out事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动 stye属性设置字幕内容的样式。实例中设置字幕文字大小,输入了"ont12px;"。 13、loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。 实例 <marquee behavior="scroll direction="up"width=200height="150"loop"-1 scrollamount="1"scrolldelay="1"style="font: 12px, "onMouseOver="this stop on Mouse out=" this start0">滚动字幕内容< marquee>
教 学 过 程 10、width 属性设置滚动字幕的宽度。 11、onMouseOver 事件设置鼠标移动到滚动字幕时的动作，常设置为停止滚动。 onMouseOut 事件设置鼠标离开滚动字幕时的动作，常设置为开始滚动 12、style 属性设置字幕内容的样式。实例中设置字幕文字大小，输入了“font:12px;”。 13、loop 属性设置字幕内容滚动次数，默认值为无限。“-1”也为无限。 实例： 图 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>
、教学反思:学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver掌握 MARQUEE标志符的应用。但是本知识点点需要以后上课经常 巩固
二、教学反思：学生通过本节课的学习后，大多数同学已经掌握了网页制作软件 dreamweave 掌握 MARQUEE 标志符的应用。但是本知识点点需要以后上课经常 巩固
Dreamweaver MX2004教案 第五周星期 第3、4节 超级链接(一) 课题教标 学目掌握链接的种类以及各种链接的功能和实现方法 教学重链接的类型 点 教学难链接的应用
Dreamweaver MX2004 教案 第五周 星期一 第 3、4 节 课 题 超级链接（一） 教学目 标 掌握链接的种类以及各种链接的功能和实现方法。 教学重 点 链接的类型 教学难 点 链接的应用