上一页  1 2 3 4 5 6 7  

八、制作静止浮动效果

　　大家在浏览某网页时有没有注意到这种情况：某张图片不管你怎么调整浏览器的窗口，它总是处于相对位置：即：相对浏览器窗口的位置保持不变，比如永远处在窗口的右上部分，当窗口内容跟随滚动条滑动时,它会自动的移到原来的位置上。下面我就教大家如何用Dreamweaver来实现这种效果。

　　1、由于Dreamweaver中没有直接提供制作静止浮动层的工具,完成这些是通过相应的插件来实现的，所以你必须先到相关网址下载stav插件,解压缩将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到Dreamweaver安装目录Configuration\Objects\Common下。重新启动Dreamweaver,在Object(对象)面板中,你会看到最底部多了"SI"选项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容以替换默认值.这时一个简单的浮动层就完成了。

　　2、需要调整图层在网页中的位置时,可以先选中它,然后在Properties(属性)板中更改L(左边),T(上边)值。如下图：


（图12）

小结：

　　Dreamweaver图层的应用远比我们想像的要广。很多需要编程来实现的效果，都可用图层轻松搞定。但单单靠几个范例是不可能把Dreamweaver图层吃透，本文只是起抛砖引玉，修行还得看个人，希望大家在学习使用过程中要善于思考，举一反三，体会到一些巧妙独到的应用技巧。

上一页  1 2 3 4 5 6 7