You are previewing Adobe® Muse™ CC Classroom in a Book®, Second Edition.
O'Reilly logo
Adobe® Muse™ CC Classroom in a Book®, Second Edition

Book Description

Learn Adobe Muse CC from the ground up and create responsive websites using the latest web standards without writing any code. Start by planning your project using a site map and master pages. Design your responsive pages and add interactivity through buttons, links, widgets, and much more, testing your design across various screen sizes along the way. Finally, publish your site via Adobe Hosting (Business Catalyst) or standard web hosting, and learn how to export optimized web content (HTML, etc.).

The fastest, easiest, most comprehensive way to learn Adobe Muse CC Classroom in a Book®, the best-selling series of hands-on software training workbooks, offers what no other book or training program does–an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.

Adobe Muse CC Classroom in a Book contains 11 lessons that cover the basics and beyond, providing countless tips and techniques to help you become more productive with the program. You can follow the book from start to finish or choose only those lessons that interest you.

Purchasing this book includes valuable online extras. Follow the instructions in the book’s “Getting Started” section to unlock access to:

  • Downloadable lesson files you need to work through the projects in the book

  • Web Edition containing the complete text of the book, interactive quizzes, videos that walk you through the lessons step by step, and updated material covering new feature releases from Adobe

  • Table of Contents

    1. Title Page
    2. Copyright Page
    3. Where are the Lesson Files?
    4. Contents
    5. Contributor
    6. Production Notes
      1. Images
      2. Typefaces used
      3. Team credits
    7. Getting Started
      1. About Classroom in a Book
        1. Mac OS vs. Windows
      2. Prerequisites
      3. Installing Muse
      4. Web Edition
        1. Accessing the free Web Edition
      5. Lesson Files
        1. Accessing the Classroom in a Book lesson files
      6. Content Update Program
      7. Restoring default program preferences
        1. To save current Muse preferences
        2. To delete current Muse preferences
        3. To restore saved preferences
      8. Recommended lesson order
      9. Jumpstart
      10. Additional resources
      11. Adobe Authorized Training Centers
    8. 1. An Introduction to Adobe Muse
      1. Introducing Adobe Muse
      2. Responsive Web Design in Muse
      3. An example Muse web workflow
      4. Web design vs. print design
      5. Touring the workspace
      6. Understanding modes
        1. Plan mode
        2. Design mode
        3. Working with panels
        4. Zooming and panning
        5. Preview mode
      7. Review questions
      8. Review answers
    9. 2. Creating Your Site
      1. Creating a new site
        1. Editing the site properties
      2. Editing the site map in Plan mode
        1. Adding, deleting, and arranging pages in your site
        2. Setting page properties
      3. Review questions
      4. Review answers
    10. 3. Working with Master Pages
      1. Working with master pages
        1. Editing master page properties
        2. Editing the master page guides
        3. Editing the appearance of the browser and page fills
        4. Adding content to the master page
        5. Creating a new master page
        6. Applying master pages
        7. Basing one master on another
      2. Using layers
        1. Creating layers
        2. Organizing layers and content
      3. Adding a navigation menu
        1. Inserting a Menu widget
        2. Excluding pages from the menu
        3. Editing the Menu widget options
        4. Formatting the Menu text
        5. Editing the appearance of the Menu widget and items
        6. Editing the menu item states
        7. Editing the appearance of a submenu
      4. Testing your pages
      5. Review questions
      6. Review answers
    11. 4. Adding and Styling Text
      1. Adding text
        1. Typing text
        2. Placing text
        3. Move content between layers
      2. Formatting text
        1. Adjusting font size
        2. Selecting a font
        3. Changing other text formatting
        4. Changing the color and case of text
        5. Creating a list
      3. Creating Type Styles
        1. Creating and applying paragraph styles
        2. Editing paragraph styles
        3. Duplicating and deleting paragraph styles
        4. Creating and applying a character style
        5. Editing a character style
        6. Working with bullet styles
        7. Working with the Spell Checker
      4. Review questions
      5. Review answers
    12. 5. Working with Graphics
      1. Web image basics
      2. Working with images
        1. Placing an image
        2. Placing Adobe Illustrator (.ai) files
        3. Placing a Photoshop (.psd) file
      3. Transforming images
        1. Scaling images using the Selection tool
        2. Cropping an image using the Selection tool
        3. Using the Fitting commands
        4. Using the Crop tool
        5. Wrapping text around content
        6. Grouping and locking content
        7. Rotating content
        8. Working with the Transform panel
      4. Aligning content
        1. Aligning to a key object
      5. Understanding the Assets panel
        1. Replacing images
        2. Editing original
        3. Fixing broken and modified links
      6. Editing image properties
      7. Review questions
      8. Review answers
    13. 6. Responsive Web Design
      1. Design methods in Muse
      2. Responsive Web Design and this book
      3. Responsive Web Design in Muse
        1. Working with Breakpoints
      4. Laying out content
        1. Creating a breakpoint
        2. Mixing Fixed Width and Fluid Width Layouts
        3. Working with Alternate Layouts
      5. Review questions
      6. Review answers
    14. 7. Shapes, Color, and Effects
      1. Working with shapes
        1. Drawing with the Rectangle tool
      2. Working with color
        1. Creating and applying a color fill
        2. Saving and editing a swatch
        3. Sampling color
        4. Editing the stroke of an object
        5. Working with gradients
      3. Applying a background image to a frame
        1. Arranging content
        2. Optimizing the background image for mobile
      4. Working with rounded corners, opacity, and effects
        1. Applying Bevel Effects and Glow Effects
        2. Working with Scroll Effects
        3. Rounding corners
        4. Adjusting opacity
        5. Applying a Shadow effect
      5. Review questions
      6. Review answers
    15. 8. Adding Links, Buttons, and Graphic Styles
      1. Working with links
        1. Creating an internal link
        2. Creating an external link
        3. Creating an email link
        4. Linking to a file
        5. Editing link properties
        6. Styling text links
      2. Working with buttons
        1. Creating a button in Muse
        2. Using the States panel to add button states
        3. Adding a link to a button
        4. Placing a Photoshop button
      3. Working with anchors
        1. Linking to anchors
      4. Pinning content
      5. Working with graphic styles
        1. Creating and applying a graphic style
        2. Clearing overrides and editing a graphic style
      6. Review questions
      7. Review answers
    16. 9. Working with Widgets
      1. About widgets
      2. Understanding Button widgets
      3. Working with Composition widgets
        1. Inserting a Composition widget and editing the options
        2. Adding or deleting a trigger
        3. Editing the trigger content
        4. Editing trigger states
        5. Adding content to the target containers
        6. Editing target states
        7. Checking the Composition widget across screen sizes
      4. Adding a form
        1. Inserting a form and editing options
        2. Editing form field options
        3. Moving and resizing form fields
        4. Editing the appearance of the form fields
        5. Editing the states of your form fields
        6. Editing the appearance of the Submit button
        7. Checking the form across screen sizes
        8. Editing the states of your Submit button
        9. Editing the Form widget states
        10. Creating a copy of the form for the footer
      5. Adding Social widgets
        1. Adding the Google Maps widget
        2. Checking the map across screen sizes
      6. Working with slideshows
        1. Adding and configuring a Slideshow widget
        2. Editing the appearance of the Blank Slideshow widget
        3. Checking the slideshow across screen sizes
        4. Adding an Accordion Panel Widget
      7. Review questions
      8. Review answers
    17. 10. Inserting HTML, Using CC Libraries, and Working with Widgets
      1. Embedding HTML
        1. Inserting HTML
        2. Editing the embedded HTML
      2. Working with Creative Cloud Libraries
        1. Saving color to Creative Cloud Libraries
        2. Saving graphics to Creative Cloud Libraries
        3. Using Library assets
        4. Checking the CONTACT page content across screen sizes
        5. Checking the HOME page content across screen sizes
      3. Working with the Library panel
        1. Accessing Muse widgets
        2. Adding the mobile menu to your page
      4. Review questions
      5. Review answers
    18. 11. Publishing and Exporting Your Site
      1. Understanding Adobe Muse publishing
        1. Excluding pages from export
      2. Publishing your site
        1. Publishing a temporary site
        2. Making changes and publishing again
        3. Upgrade a temporary site to a paid site
      3. Uploading your site to a third-party host
      4. Exporting your site as HTML
      5. Collecting assets
        1. Work with In-Browser Editing
      6. Review questions
      7. Review answers
    19. Index