Click on any phrase to play the video from that point.
[Adobe Muse]
[Terry White, Worldwide Design Evangelist] With Adobe Muse,
create a unique layout for desktops, smartphone, and tablet versions of your website.
Customize each experience by choosing which pages,
content, and styles appear in each version.
Touch gestures, like scrolling and swipes, work automatically without coding.
Let's get started by creating an alternate layout.
I have my desktop version here,
and as you can see at the top of the screen,
I now have the ability to create a tablet or a phone version.
So I'm going to go ahead and click tablet.
And here I get to choose what to copy over from the desktop version.
I can copy over the site plan and background pages if I choose to.
That will get me started by giving me the master pages and all the pages from the site.
However, you're mobile version can be different
so that mobile users get the optimized experience.
So if we head over to the phone version, which I already have set up here,
we can go ahead and double-click on the home page
and we can even add animation from our animation tool Edge Animate,
which creates HTML5-compliant animations.
So I'll go to my file menu and choose Place.
We'll go ahead and grab one of those animations.
We'll click to place it right on the page.
We can move it around where we want.
And we can even preview the HTML animation
directly inside Adobe Muse.
Now, if we head back over to the design phase
we can go to the next page,
which actually has a slideshow on it from our slideshow widget.
Again, the same one we used in the desktop version or the tablet version.
And I've even added the ability to tap and dial a phone number.
However, for the mobile version I'd like that to be larger.
So let's go ahead and make it larger in size.
And now when we preview this or publish it directly to our smartphone,
we can now tap to bring up the dialer and dial the number
or interact with the slideshow that came over from Adobe Muse.
With Adobe Muse, create the best experience for your visitors,
whether they are viewing your sight on a desktop or mobile device.
[Adobe]
