Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In this course, author James Fritz shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Adobe Photoshop, InDesign, or Illustrator. The course covers the design process from start to finish, from setting up web pages and populating them with graphics and text, to creating dynamic menus and adding special features such as widgets, slideshows, animations, embedded video, social media integration, and more. James also explains how to create an alternate layout for display on mobile devices, publish and update your site, and view analytics on web traffic.
This update to Muse is mainly focused on giving you the ability to create mobile versions of your website for phones and tablets. Let's take a quick look at what is new in this latest update. Looking in our Muse site right now, you can see there is a new layout at the top of the screen that says Desktop, Tablet, and Phone. This lets you switch between alternate versions of your website, which are designed for those specific devices. I've already designed this website with these finished, but we'll be learning how to do this in greater detail later in the course.
At the moment, we're in the Desktop view, which is the traditional view of working in Muse. When we click on the Tablet view, we can see there's a version of this website designed specifically for a tablet device. And finally, when we click on the Phone view, we have a smaller, more optimized simplified version of our website for Smartphone. Let's take a look at one of these pages. If I go to the Contact Us page, we can see that this page is very small and it's designed for smaller phone. If we hit the Preview button to switch into Preview mode, we can see that it says Preview Size: iPhone 4.
If we wanted to, we could switch between these views to see it maybe in iPhone5 or Samsung Galaxy, or you can choose other options over time as Muse is updated. When I am in this view, I can scroll and move around. Just so you know, this isn't emulating the actual phone, this is just rendering the actual device screen size of that particular phone. Let's go back into Design view, and I am going to close this Phone page, and we're going to go to Tablet. And in the Tablet view, I'll go to the Home page and we'll hit Preview.
We can test to see what this looks like on a tablet. Here we can see the Preview Size is an iPad. We could also choose Nexus 7 or a Kindle Fire or one of the other devices. Just like in the Phone view, this isn't emulating the device, this is merely showing us the resolution of that actual device. A quick way to move between pages in InDesign is the keyboard shortcut Command+J. That also works inside Adobe Muse. If you want to use this shortcut to jump between pages, just press Command+J or Ctrl+J on the PC. When we hit this, a dialog box will pop up and we can start to type the name of the page that we want to go to.
So for example, if I want to go to the Homepage, I'll type in Home, and we'll see that there are three different versions of our Home page: there is the Desktop view, the Tablet view, and the Phone view. I'm going to choose the Desktop view, and I'll click OK. At the top of the screen in our tabs, we can see we have Home (Desktop) and Home (Tablet). I can move these around and close them whenever I like, alnd we also have the Normal overview by clicking on Q4-overview. We see there is the Desktop, Tablet, and Phone. The keyboard shortcut to jump between these is Command+7 or Command+8 or Command+9.
Ctrl also works in the PC for these shortcuts. Another change that's been added to this version of Muse is the redesign of the Hyperlink menu. I'm going to go to the About Us page. And on this page, I'm going to select the text collections, because I want to create a link to the Collections page. Now, in the past, if you would have gone to the Hyperlink menu, there would have been a pop-up and you could choose that particular page. Well, that's still true, they've just added a new way to filter the links. If I click on this, you can see, sure, I could choose Collections. As I start to type in this dialog box, C-O-L, it will filter down to just the links that have COL inside it, the Desktop and Tablet versions right now.
And then I'll just click on Collections to select that hyperlink. If I want to change the link style, I'll just go to the Links, and I'll change this to the Body Text style, which looks better. If I change my mind and I no longer want this hyperlink, I can just hit the X to cancel the hyperlink. Back in the Overview page, I'm going to go to Contact Us, and I am going to show you one little form change that's happened in this version. You can see on this form there's an image verification which is sometimes referred to as CAPTCHA. What this is, is a way to prevent automated robots, or bots, from filling in forms and submitting them automatically on your website.
To add this to any form, just select the form and go to the Widget menu, and we can see there is a check box for CAPTCHA. If you don't want it, just turn it off. But when it's added, the user of the website just has to type in what that image says, in this case A-B-C-D-E-F, and then they're able to submit the form. It might be a different image, depending on when they visit the website. This was just a quick overview of some of the changes in this update. There have been additional movies added to this course that cover each of these new features in more detail. For more in-depth, look at the updates and new features in Muse, or to see a list of the updated movies, please visit lynda.com/museupdates.
Find answers to the most frequently asked questions about Muse Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.