在Dreamweaver网页中插入滚动文字

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,Dreamweaver,网页文字滚动效果的制作,黄先竹,制作网页文字滚动效果,一、插入滚动文字,教师演示,在,网页,中,插入滚动文字,大家好,制作网页文字滚动效果,、定位插入点,、执行,“,插入对象,”,“,标签,”,一、插入滚动文字,方法：,制作网页文字滚动效果,制作网页文字滚动效果,、选择,“,HTML,标签,”,选取,“,marquee,”,指令代码 插入,一、插入滚动文字,制作网页文字滚动效果,制作网页文字滚动效果,、关闭对话框,、在,Dreamweaver,窗口代码视图中插入点,“,”,代码处输入文字,一、插入滚动文字,网页文字滚动效果,网页文字滚动效果,建议总结,Proposals,制作网页文字滚动效果,输入文字后，不按回车键结束，鼠标在设计视图中任意位置单击,在网页编辑窗口中无法显示滚动效果，需要按,F12,键在浏览器中查看。,提示,：,制作网页文字滚动效果,“,direction,”,属性设置字幕内容的滚动方向,。,二、设置滚动文字属性,1,、改变滚动文字运动方向,制作网页文字滚动效果,、切换到,“,拆分,”,视图,、光标定位到,“,”,代码右侧，按下,“,空格,”,键，打开标签列表框,二、设置滚动文字属性,方法：,制作网页文字滚动效果,空格,制作网页文字滚动效果,、,双击,“,direction,”,，双击选择方向标签,制作网页文字滚动效果,down,：向下滚动,left,：向左滚动,right,：向右滚动,up,：向上滚动,二、设置滚动文字属性,direction,用法,建议总结,Proposals,制作网页文字滚动效果,教,师演示,：,“,大家好,”,文字,向,上,滚动,二、设置滚动文字属性,任务,学生完成,：,更改,“,index.html,”,网页中已有滚动文字,“,温馨之家,”,滚动方向向,右,建议总结,Proposals,制作网页文字滚动效果,对比网页,网页,A,网页,B,制作网页文字滚动效果,“,scrolldelay,”,属性设置滚动,速度,。,二、设置滚动文字属性,2,、改变文字滚动,速度,在代码视图中设置速度快慢的,参数值,制作网页文字滚动效果,继续输入空格,制作网页文字滚动效果,建议总结,Proposals,制作网页文字滚动效果,操作：将,“,温馨之家,”,参数值分别设置为,“,50,”,和,“,500,”,，观看其效果,二、设置滚动文字属性,任务,建议总结,Proposals,制作网页文字滚动效果,除了今天学习的滚动效果，同学们还想做什么效果呢？,知识拓展,思想有多远，你就能走多远！,建议总结,Proposals,制作网页文字滚动效果,1,、,熟练掌握在,Dreamweaver,中掌握插入滚动文字的方法,，,认识滚动文字代码,2,、,理解并掌握,设置,文字滚动方向,改变文字滚动速度的,方法,课堂小结,建议总结,Proposals,制作网页文字滚动效果,上机实作完成在网页中插入滚动文字,“,德阳通用电子科技学校欢迎您,”,，滚动方向向下，滚动速度为,“,100,”,毫秒,作业布置,END,谢谢,观看！,