Join Dani Beaumont for an in-depth discussion in this video Export to HTML, part of Muse Essential Training.
- [Instructor] We've talked about previewing in the browser, creating a temporary site, and FTPing your site up to a third party hosting platform. There's one additional way you can actually use Muse to publish out of site. Let's say you are a developer and you understand code and you enjoy using Muse to build out a mock up but you want to hand code the finished site, or in turn you work with a bunch of developers and you do build out the design of the site, you validate it with the client, but you hand it off to those developers to hand code the site.
Even if you're going to use your own web coding you may want to leverage some of the advantages Muse offers around optimizing images and creating what's known as CSS, or style sheets. The way to take advantage of that is when you publish. In the dropdown select export as HTML. The first question you're asked here is to give the site URL. When Muse publishes to an FTP third party or to a folder, it creates what's known as a site map.
That site map is used by search engines to determine if the content on that site changes from time to time. So the request here for a URL is so that that site map will have the correct absolute paths. If you don't have a site URL yet, it's fine you can just put in test.com and then you're going to go ahead and select where you want to put the site. So you can choose the path for where you want that to go.
This is kind of magical. What Muse does is when it is optimizing an image, you may have a 10 megapixel high resolution photo that you placed within Muse and scale down to a smaller size. Muse automatically sub samples that image to the resolution of the device that you're working with. That includes multiple break points and background fills and such. It does a very good job of optimizing your content, so all of the images in this folder have been optimized for the web.
Even if you want to go off and hand code your content, leveraging these images gets you that much quicker towards the finished design.
- Creating a site plan
- Working with master pages
- Adding elements from CC Libraries to master pages
- Adding web fonts
- Creating and overriding text styles
- Placing images
- Working with image blocks and hyperlinks
- Configuring slideshows
- Adding new sections
- Creating a contact form
- Adding breakpoints
- Creating a responsive master page
- Publishing and exporting your Muse site