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.
If you decide that you want to host your website yourself, or if you want to dive in and edit the HTML, you can always export the site to HTML whenever you like. To do this, go to the File menu and choose Export as HTML, or you can press Command+E on the Mac, or Ctrl+E on the PC. In the Export dialog, you need to enter the domain name of your site. This will help with SEO when you publish it online. So in the case of this site, I'm going to enter www.samoca-art.com. Then I want to choose a location, and I will place this on my desktop.
I am going to put a new folder and call it export. When you click OK, you'll see the progress bar slowly export all of your content. After you export, your default web browser will open up the website so you can look at it locally on your desktop. But right now I don't need to look at this. Let's minimize Muse and look at the files on our desktop. Inside our Export folder are all of the files that create our website, including each page as an HTML file, the CSS, individual images, and the scripts.
You also see a sitemap.xml file which is the structure of the site that helps with SEO. If you want to edit the page, you can open them up inside Dreamweaver. So I'm going to grab About Us and drag it onto Dreamweaver to open it up. Inside Dreamweaver, I need to turn on Live View to be able to see how it looks in a web browser. And if I want to make changes, I could make them in here, or I could go into Split View and entered the code directly. Realize if you do make any changes inside Dreamweaver, and you save your HTML files, those changes will not be updated inside Muse.
This is a one-way workflow, similar to how you work from InDesign to PDF. If you make a change inside the resulting PDF, that change won't be reflected inside the InDesign file. If you are a developer who enjoys working with code, it's likely that you could have handwritten cleaner code than Muse. However, for most people, the export is good enough, and in fact, the export will continue to improve over time as there are more updates to Muse.
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.