Skip to main content
paulacatherine
Known Participant
March 10, 2021
Question

Scrolling effects

  • March 10, 2021
  • 3 replies
  • 1173 views

Hi, I need to update a Muse site, and recreate in Dreamweaver. 

Is it possible to create parallax scrolling effects, and simple animations in Dreamweaver like those in Muse?

 

Here is an example of what I am trying to recreate: 

 

https://www.paulanichols.com/corehog.html.

 

 Thanks!

 

Paula

    This topic has been closed for replies.

    3 replies

    Nancy OShea
    Community Expert
    Community Expert
    March 10, 2021

    Hi @paulacatherine,

    There's almost nothing you can't create with Dreamweaver providing you have the requisite coding skills and knowledge. How good are you with HTML, CSS and JavaScript?  Some basic knowledge is essential because  Dreamweaver is a glorified code editing and site management tool.

     

    In the past I did some parallax type effects with Bootstrap and jQuery.  But I doubt very much I would use this today.  Times change and so do trends.

    https://alt-web.com/DEMOS/BSParallax.html

     

    In its heyday, Muse relied on 3rd party widgets or extensions for building sites with advanced features.  Similarly, there are 3rd party extensions available for Dreamweaver.  Have a look at the commercial ones from Project Seven.  Great products and great customer service if you ever need it.

    https://www.projectseven.com/

     

    Background Scroll Effects

    https://www.projectseven.com/products/tools/bse/index.htm

     

    Animation Effects with Panache

    https://www.projectseven.com/products/tools/pch/index.htm

     

    Hope that helps,

    Nancy O'Shea— Product User & Community Expert
    paulacatherine
    Known Participant
    March 11, 2021

    Hey, thanks for all the resources. I will check them all out.

     

    Do you think any of them would create similar parallax scrolling effects? Rather than basic image scrolling.

     

    https://www.paulanichols.com/corehog.html.

     

    Thank you!

    Paula

    Nancy OShea
    Community Expert
    Community Expert
    March 11, 2021

    Background Scroll Effects extension is probably closest to what you have now. 

    You'll need to ask Project Seven.  I don't work for them.

     

     

     

     

    Nancy O'Shea— Product User & Community Expert
    Legend
    March 10, 2021

    Is it possible to create parallax scrolling effects, and simple animations in Dreamweaver like those in Muse?

     

    Short answer - not as simple as you would like. DW has nothing which will make this easy for you to do but its quite simple if you know some css and a little bit of javascript.

     

    Maybe you could investigate an animation library like https://animate.style/ This requires adding the animation library css link to your page and applying pre-defined css classes to elements on your page to create some animations.

     

    paulacatherine
    Known Participant
    March 10, 2021

    Thank you for the link and the execellent info!

    B i r n o u
    Legend
    March 10, 2021

    Alas, I'm afraid that Dreamweaver is a bit behind when it comes to CSS-based animations and other interaction effects.
    Moreover, the interaction between Dreamweaver and third party tools, although these may be part of the Creative Cloud panoply, has never been optimal. What Muse was doing was not interoperable with Dreamweaver. ( I mean in a WYSIWYG mode).

     

    I'm afraid the only solution is to manually intervene in the code, or to use external prebuilt models. Unless, of course, other colleagues in this forum come up with a 'Swiss Army Knife' trick of deja vu 😉

     

    paulacatherine
    Known Participant
    March 10, 2021

    Thank you for letting me know!