Muse Essential Training

Learn how to create your own websites with Muse, the innovative, intuitive web design tool from the makers of Photoshop and Illustrator.

Muse is the leading no-code web design tool, and our Essential Training course covers everything you need to know to build your own unique, expressive websites with its visual, intuitive toolset. Adobe product manager Dani Beaumont walks through the major Muse features and introduces productivity tips for implementing your own websites quickly. Learn how to plan and design a site, place and style images and text, configure slideshows and contact forms, and publish and export your new Muse site. Along the way, you'll discover how to use features like master pages, breakpoints, and scroll effects to build more responsive sites—without any code.

Introduction

• Welcome
• Setup and exercise files

1. Muse Overview

• The power of Muse
• Tour the finished website

2. Create Your Site with Muse

• Site plans with Muse
• New site settings
• Workspace layouts, site plan, and pages

3. Master Pages

• Master pages overview
• Muse interface overview
• CC Libraries tour
• Add elements from CC Libraries, part 1
• Add elements from CC libraries, part 2
• The Layers panel

4. Home Page

• Image file types
• Images: Place vs. fill
• Add web fonts and format text
• Create paragraph styles
• Customize buttons and the States panel
• Override styles
• Define strokes and duplicate images

5. Preparation Page

• Reuse headers
• Image blocks
• Image block variants
• Hyperlinks

6. Product Detail Pages

• Superscript and subscript text
• Place and configure a slideshow

7. Buyer's Guide

• Format text
• Duplicate and customize content
• Add separator lines
• Add and format new sections
• Add anchor tags

8. Preorder Page

• Add and scale images
• Configure a contact form
• Form states
• Form styling

9. FAQ Page

• Drag and format elements from CC Libraries

10. Prepare for Responsive Design

• Pinned and fluid breakpoints, part 1
• Pinned and fluid breakpoints, part 2
• Prepare a static site to be responsive, part 1
• Prepare a static site to be responsive, part 2
• Tools review

11. Responsive Master Page

• Master page breakpoints and footers
• Add a mobile menu widget

12. Responsive Pages

• Responsive home page, part 1
• Responsive home page, part 2
• Responsive buyer's guide
• Responsive preparation steps
• Responsive product page: Spoons
• Responsive product page: Other details
• Responsive product page: Slideshows
• Responsive FAQ page
• Responsive preorder and contact form
• Add background video to the home page

13. Finishing Touches

• SEO optimization

14. Publish and Export Your Site

• Test in browsers
• Create a trial site
• Use FTP
• Export to HTML

Conclusion

• Next steps