《DreamWeaver网页设计与制作》的教学—特效实例

贺乐 鞍山市信息工程学校

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（来回滚动）

③Loop：表示循环的次数，值是正整数，默认为无限循环。

④Scrollamount：表示运动速度，值是正整数，默认为6.

⑤Scrolldelay：表示停顿时间，值是正整数，默认为0，单位为毫秒。

提示：以上各参数都是可选的，只用＜marquee＞标记，IE则会默认为向左滚动。

二、制作透明flash

Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者利用 Flash 创作出漂亮、可改变尺寸的导航界面以及其他奇特的效果。Flash通常也指Macromedia Flash Player（现Adobe Flash Player）。2012年8月15日，Flash退出Android平台，正式告别移动端。2015年12月1日，Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5，从此与Flash技术划清界限。

在网页制作中，除了子自己制作的Flash影片外，还可以利用现成的Flash资源，直接将其设为透明背景，这样既节省了时间，又添加了动态效果，特殊情况下，不失为一条捷径。下面就用这个方法，再次制作珠宝网的banner。

①打开文件，将鼠标放在网页中页面中央的空白单元格内，在“属性”面板中设置其背景图片为“banner.jpg”，在单元格内插入影片xin.swf，单击“属性”面板的“播放”按钮。

②由于影片较小，下面将其拉大，在“属性”面板中，将“宽”改为“800”，高改为“212”，使其铺满单元格。

③单击“属性”面板中“参数”按钮，在弹出的对话框中单击“+”号，在参数中输入“wmode”，值中输入“transparent”（就是将Flash背景设为“透明”的意思）

④设置后的效果在编辑状态中看不到，按F12键预览，看到Flash影片变成透明，附加在原来的图片之上，效果和原案例中一样，在网上还有血多可以制作此效果的“透明Flash影片”,读者可以试着下载运用，可暂时弥补不会flash的不足，给网页增加意想不到的动感效果。

《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术课程，又是一门主干课程，视为加强对学生应用操作能力的培养而开设的综合性课程，它涵盖了HTML语言、DreamWeaver、Photoshop、Flash等相关知识，全面介绍WEB站点开发、设计、制作、维护等技术。通过本课程特效实例的学习，使学生掌握DreamWeaver软件的操作方法和操作技巧，学会应用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实特效例的讲解，让学生掌握网页制作和网站开发知识。训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效。