• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Scrolling effects

Explorer ,
Mar 09, 2021 Mar 09, 2021

Copy link to clipboard

Copied

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

Views

559

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 09, 2021 Mar 09, 2021

Copy link to clipboard

Copied

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 😉

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 10, 2021 Mar 10, 2021

Copy link to clipboard

Copied

Thank you for letting me know!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 10, 2021 Mar 10, 2021

Copy link to clipboard

Copied

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.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 10, 2021 Mar 10, 2021

Copy link to clipboard

Copied

Thank you for the link and the execellent info!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 10, 2021 Mar 10, 2021

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 10, 2021 Mar 10, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 11, 2021 Mar 11, 2021

Copy link to clipboard

Copied

LATEST

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines