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.
As you spend time designing in Muse, you'll find yourself wanting to test how your web site will work in a web browser. This might be to check hyperlinks, test the slideshow's timing, or to ensure that everything is rendering correctly. Let's take a look at the variety of methods that you can use to preview your site, ranging from a quick in at preview to a complete export. To preview the site, let's first go to the Contact Us page. On the Contact Us page let's click the Preview button and in Preview mode, Muse will render the web site using Webkit.
So now I can select the Text, Test any links, and even use any Interactivity, like this Google Map. Let's go back to the Design mode. While Preview mode is useful, sometimes it can seem a little slow, and for a truly accurate preview, you really should preview it in a web browser. We're going to go to the File menu and go to Preview Page in Browser; we can also use the keyboard shortcut, Command+Shift+E on the Mac or Ctrl+Shift+E on the PC. When I choose this, it will open with my default web browser. On this machine it's Safari, on your computer it could be different, but if you want to check it in a different web browser, you're going to have to change your computer's preferences to another browser, like Firefox or Chrome.
One negative of previewing just a page is that the hyperlinks won't work. So for example, if I click on Volunteer, it's going to tell me that the page isn't found and the warning will actually tell you what to do; that we should preview the entire site in our browser. Let's give that a shot. We'll close this and go back into Muse and this time we'll Preview the Site in the Browser, and we can use the shortcut Command+Option+E on the Mac or Ctrl+Alt+E on the PC. Now this export may take a little longer. In fact, if you have many pages on your site, this could take some significant time, but once it's done, you can preview the entire site in your web browser.
So I can go to Collections and try any of the hyperlinks to make sure everything is working correctly. There is one more way to preview our site. If I want to preview this site in another web browser, but I don't want to change my default web browser preferences, I can export the entire site to HTML and then just open it up directly in another browser. So what we're going to do is go to File > Export as HTML. We're going to choose the location on our Desktop and we'll make a new folder called export test; we'll select it and click OK.
If you click View Site, it will open in your default web browser, in this case, Safari. But if you want to try it in another web browser like Firefox, we just have to open up the file directly. So I'm going to switch to Firefox and I'm going to go to File > Open a File, I'm going to browse to my Desktop, and go into export test folder, and I'm going to look for the file called index.html. No matter what you've named your site, that's the file that you're going to want to open, because it's the first page of the site. We'll press Open, and now you can test it in this browser and check all of your links.
Now that we have a good understanding of the Preview modes in Muse, let's take a look at the Interface in the next movie.
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.