Dreamweaver 也能做动画

2016-02-22    编辑:fierwork     点击(
  有什么好办法让每一个进入自己网站的球迷朋友也一起激动一下呢?本文将告诉你怎样使用Dreamweaver和几个简单的步骤完成漂亮而富有创意的动画效果。

  效果描述:
  当浏览者进入你的网站后,会看到屏幕左侧有一个足球,右侧是一个球门,足球将以漂亮的弧线直挂球门死角,并如此循环。
  听起来好象很复杂,别担心,有Macromedia 的网页魔法师Dreamweaver MX在此,一切将迎刃而解。制作中主要应用了表格、层以及时间线控制。
  步骤1:
  首先你应当拥有两张图片,一个是足球,一个是球门,在世界杯期间,我实在不知道还有什么比这两样东西更容易找到了,你可以在Fireworks中对找到的图片素材做进一步处理,当然也可以自己直接在Fireworks中绘制。值得注意的是两张图片都请制作为GIF格式的透明图像。好,现在我们拥有了一张足球图片Ball.gif,宽为30 ,高也是30;


  另外还有一张球门的图片Door.gif,宽为60 ,高为80。


  步骤2:
  打开Dreamweaver MX,新建一个页面并以你喜欢的名字保存,点击工具栏上的Insert Table图标按钮插入表格: