Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
After designing the mobile versions of your website, it is important to test how they will perform on mobile devices. What may look good onscreen doesn't always translate to the way that you would expect them to work on various devices. There are a few different ways to preview your mobile devices. Let's go to the Tablet view and we are going to go the Homepage. And if I want to preview this page, I can just hit the Preview button. When I hit the Preview button, it's going to be previewing it by the default size of the iPad. And I can scroll down and look at it.
I can click on the links if I want to, to move around the site, and it shouldn't work as expected. One thing to keep in mind though, is this isn't emulating how an iPad will render the site. This is just using the built-in WebKit Preview that you could use for all of Muse sites. It's just using the dimensions for a specific iPad. If you would like to see what it would like on another device, you can click over here and try some others. Let's try the Kindle Fire HD. And we can see here, it's a lot taller, so maybe I want to mixed some design consideration changes.
But for now, I am just going to leave it back to the iPad. There is a little Info Bubble I just want to click on, and this will tell you that it isn't previewing it on the device. It is just showing you what it would look like with those particular dimensions. If you want to preview it on an actual device, you actually have to have one of those devices to preview it. Let me show you an example of what this tablet site would look like on an iPad. So here I am on an iPad, and I am scrolling around with my finger on the device and just mirroring it directly onscreen.
If I click on any of these links, it will go to that particular page, and it works as expected. Even on the Contact Us page, we have the integrated map that we can use. Let's see what it looks like on a mobile phone. Here I am on the site with the mobile phone interface. I can scroll around and take a look at it. I can zoom in. And as I tap, it's really easy to navigate to each of these pages, since I created large navigation buttons. It is unlikely that you will be able to test your site on every device that is out there; however, it is a good idea to test your site on at least one tablet and phone to make sure it is easy to navigate and consume the content on your site.
Since Muse is updated frequently, new phones and tablets will eventually make their way into Muse, so you'll be sure that your site is viewable across all devices.
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.