Create Professional Responsive Website with Adobe Muse CC

SkillsFuture Course - Create Professional Responsive Website with Adobe Muse CC

Learn how to create a professional responsive with Adobe Muse CC. This course will cover the web 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

The topics include:

• Becoming familiar with the Muse interface
• Creating a sitemap
• Setting up master pages
• Working with headers and footers
• Importing and embedding graphics
• Scaling, rotating, and aligning page objects
• Wrapping text around images
• Working with web-safe and Typekit fonts
• Creating links
• Adding menus for navigation
• Inserting an interactive map
• Adding a Facebook Like button
• Building a Business Catalyst form

Module 1. Basic Concepts of Muse

• What is Muse?
• Exploring the difference between print and web
• Understanding web graphics
• Touring the Muse interface
• Exploring the Tools panel
• Working with panels in Muse
• Selecting objects
• Navigating a Muse document
• Understanding Plan, Design, and Preview modes
• Previewing your site in a browser

Module 2. Creating Your Site

• Creating a Muse website
• Adjusting the site properties
• Adding and deleting pages from your website
• Adjusting individual page properties
• Creating a favicon for your site

Module 3. Working with Pages

• Setting up master pages
• Setting up headers and footers
• Adjusting browser fill
• Changing page attributes
• Working with guides

Module 4. Working with Graphics

• Importing graphics into Muse
• Working with the Assets panel
• Manipulating graphics in Muse
• Round-trip editing with Photoshop
• Embedding graphics into Muse
• Adding alternative text values
• Using images as your background

Module 5. Creating and Formatting Objects

• Drawing shapes with Muse
• Transforming objects
• Working with fills and strokes
• Grouping objects together
• Changing the stacking order of objects
• Aligning objects in Muse
• Adding effects to objects
• Creating graphic styles in Muse
• Wrapping text around objects
• Creating 100-percent-width objects
• Pinning objects in the browser

Module 6. Working with Text

• Getting text into Muse
• Formatting your text
• Understanding web typography
• Working with web fonts in Muse
• Creating paragraph and character styles
• Creating bulleted lists
• Using spell check in Muse
• Exploring the Glyphs panel

Module 7 Working with Color

• Creating color swatches in Muse
• Creating and adding gradients
• 9. Working with Hyperlinks
• Creating hyperlinks in Muse
• Working with link styles
• Understanding anchor links

Module 8. Creating Menus in Muse

• Creating a dynamic menu in Muse
• Creating a manual menu in Muse
• Modifying the states of your menu
• Working with Photoshop buttons

Module 9. Working with Widgets

• Exploring the Widgets panel in Muse
• Building an accordion panel
• Creating a tabbed panel
• Creating tooltips
• Working with slideshows
• Creating forms in Muse
• Working with social widgets

Module 9 Working with HTML

• Understanding HTML
• Creating an interactive map
• Working with YouTube video embeds

Module 10. Creating Mobile and Tablet Sites

• Creating a mobile website in Muse
• Adding a tablet version of your site
• Adding a mobile version of your site
• Previewing mobile websites

Module 11. Publishing Your Website

• Exporting to HTML and CSS
• Uploading your site via FTP
• Publishing to Adobe's Business Catalyst platform
• Updating your existing website
• Working with in-browser editing tools
• Viewing site analytics