制作网页漂浮广告及图片漂浮

作者:课课家教育更新于： 2016-09-28 18:08:13

      首先小编介绍一下漂浮广告是啥。漂浮广告是指漂浮在网站首页或各版块、帖子等页面的漂移形式的广告。它其实可以是图片，也可以是flash动画的哦。当然首页和各版块帖子页面都可以是独立的广告位。可以自动适应屏幕分辨率，不被任何网页元素遮挡，同时可以支持多个图片漂浮。而这次小编将为大家带来的就是利用Dreamweaver制作网页漂浮广告。小编可以告诉大家这个是一个基础入门的DW教程，只能说对新手有莫大的用处，而老司机的话，那么就只能另当别论了，哈哈。感谢大家的支持，希望教程能对大家有所帮助。

　　而小编的建议就是在制作之前请先下载flevPersistentDivs.mxp插件（因为这个插件在后面的操作起到很大的作用）：

　　作法：

　　先在Dreamweaver插入一個图层

　　然後將廣告圖片放在图层裡面

　　最后，在標籤上使用這個插件即可

　　真是好用的外掛，也是最好的漂浮效果

　　其实我们安裝後會放在行為→新增行為→RibbersZeewolde→PersistentLayers

　　这个步骤的添加，就是因為这时是英文的，所以我们就貼上我们所要知道的功能，避免后面带来更大的麻烦。

　　使用方法：

　　步骤①：首先我们需要在網頁上放一個图层，並且取名。

　　步骤②：我们需要使用此行為。若此行為不能用，表示您選錯物件了，那么就要請你慢慢找可以用的地方唄，不要太过紧张。

　　步骤③：其实我们用了后就会出現下图：

　　SelectLayer：我们就是要选择您想動的图层。

　　TheLayerShould：其图层的要求，

　　Sticktothetop/leftpositiondefinedbyitscssstyle：這個我用了，是會讓它一直保持在右上(可是英文不是寫左上=.=)。

　　Sticktothepositionspecifiedbythefollowingoptions：用這個可以將圖層放到想放的地方。

　　Horizontal：其調整在畫面的左邊還是右邊。

　　Vertical：我们調整在畫面的上面還是下面。

　　persistent：

　　Static：用了這個我的圖層反而不會動，而且小编也不知道这个是做什麼的，大家可以说可知一下而已，大概用途也许并不大。

　　Animated：這裡是調整圖層滑動的速度，兩種選項有點差別，就随自己喜好來設定吧，这个没有规定的，大家都可以弄出来。

　　小编结语：小编相信大家看完这个教程之后，自己制作出网页的漂浮广告的来大致是没有什么问题的啦！因为这个只要够细心，而且有耐心，就都可以完成的。小编也知道，尽管我们有时候可能感觉到自己的能力不足，或者是没有信心去完成一件事，比如制作一个网页的漂浮广告，但我相信有志者事竟成，按照步骤来操作的话，不说完美，不说一下子就可以成功，但是小编敢说你一定能够掌握。如果你已经有兴趣了，相信自己可以去自己尝试一下，不过小编温馨提示哈，小伙伴们不要因为粗心而忘记了其中的步骤哦！小编认为，相对于大多数人来说，每一次实践都是一种飞跃，在制造网页漂浮广告过程，难免会遇到难题的，所以，大家如果有什么不明白的地方，欢迎留言咨询小编哦。