下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:课课家教育     来源: http://www.kokojia.com点击数:2627发布时间: 2016-10-02 15:00:46

标签: Dreamweaver制作设计网页广告绘制

想学设计?来看看大师是如何完成作品的?

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

制作网页漂浮广告及图片漂浮_Dreamweaver制作_设计网页_广告绘制_课课家

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

下载flevPersistentDivs.mxp插件

  作法:

  先在Dreamweaver插入一個图层

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

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

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

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

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

  使用方法:

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

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

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

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

  TheLayerShould:其图层的要求,

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

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

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

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

  persistent:

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

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

如何用Dreamweaver制作网页漂浮广告_Dreamweaver制作_制作网页_漂浮广告_课课家

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

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程