《DreamWeaver网页设计与制作》的教学—特效实例
2018-07-12贺乐鞍山市信息工程学校
贺乐 鞍山市信息工程学校
DreamWeaver是目前最流行的网页制作软件之一,其功能强大,方便使用,也是一款集创建站点、网页制作、站点上传于一体的优秀网页制作软件,在制作静态网页和使用ASP、ASP.NET、PHP及JSP等语言制作动态网页方面都有非常出色的表现,备受广大网页设计师的青睐。
在网页中添加一些恰当的特效,使网页页面具有一定的交互性、动感性,能吸引浏览者的眼球,提高页面的观赏性和趣味性。在网页设计教学中,力求符合教师授课要求和学生认知规律,为体现任务驱动和分层教学的教学理念,通过具有典型性、代表性的跑马灯文字效果和制作透明Flash实例来具体实现。
一、跑马灯文字效果
电脑中的跑马灯,跑马灯在编程中,通常指有时需要用一矩形条显示少量用户特别关心的信息,这条信息串首尾相连,向一个方向循环滚动。
Dreamweaver提供了一个很有意义的标签<marquee>,使用户可以轻松地制作跑马灯文字效果,也就是滚动文字。
1.打开文件,将光标放在单元格内,输入“欢迎光临芳华商务网”这个几个字,进入到“代码”视图中,在“欢迎…”文字左右两侧分别输入<marquee>、</marquee>滚动标签。
2.这样,一个简单的跑马灯文字制作完成了,预览看效果,下面改变一下运动速度:再次切换到“代码”视图,在“marquee”旁单击空格键,在弹出的属性菜单中选择“Scrollamount”,在值中输入“2”,表示滚动速度为2,最后生成代码,预览,看看速度是不是变慢了。
3.Marquee标记的常用属性:
①Direction:表示滚动的方向,值可以是left,right,up,down,默认为left。
②Behavior:表示滚动的方式,值可以是Scroll(连续滚动)slide(滑动一次)alternate(来回滚动)……p>
