Adobe Muse Training | Adobe Certification

Introduction

Adobe Muse is a new web design tool which enables graphic designers to design and publish professional looking HTML websites without the need to understand or write HTML & CSS code. This is a huge development for anyone looking to design for the web without coding who can now concentrate on the design of the site rather than understanding web technology! This course covers how to build high impact websites in a completely code-free environment using Muse’s easy-to-use master pages and built-in tools for interactivity.

Pre-Requisites

No previous experience of HTML or CSS is required however will be very useful. However, new users should be familiar with the operating system they use and have a solid awareness of the world wide web, in particular their own corporate web site.

Who should attend?

The course is targeted at visual/graphic designers who are already familiar with the Adobe Creative Suite of products looking to use a designers tool to develop animated content for web and mobile devices.

What will you learn?

Once you have completed the Adobe Muse Essentials Introduction course you will be able to fully:

• Understand how to initially create and structure your web pages
• Use of master pages for repeating content design
• Incorporating navigation within the site
• Understand how to include images and use graphics for background images
• How to use animated images
• Website text importing and control
• Additional web functions including forms and slideshows
• Inclusion of widgets and HTML5
• How to preview and publish your designed site
• Site updating and tracking of analytics
• Hot to create site versions for mobile and tablet
• Muse tips and tricks for most effective website design

Course Outline

Muse Key Concepts

• Differences of web and print design
• Understanding web graphics
• Creating web graphics

Understanding the Muse Interface

• Working with the different views
• Previewing a site
• A tour of the Muse interface
• Understanding the tools
• Switching between the tools
• Understanding the current selection
• Zooming and magnifying

Creating a New Site

• Exploring the new site options
• Creating a sitemap
• Setting up master pages

Working with Pages

• Changing page attributes
• Creating a browser fill
• Understanding page guides
• Establishing headers and footers
• Changing site and page properties
• Adding page metadata
• Creating a favicon

Working with Graphics

• Importing graphics
• Adding animated GIFs and SWFs
• Adding animations from Edge Animate
• Working with graphics
• Using an image as a background
• Understanding the Assets panel
• Understanding asset size and resolution
• Rountrip editing with Photoshop
• Embedding graphics
• Adding alternate text
• Addin downloadable content

Formatting Objects

• Transforming objects
• Locking objects
• Working with groups
• Understanding stacking order
• Using ruler guides
• Using the Align panel
• Aligning and distributing with Smart Guides
• Rounding Corners
• Creating graphic styles
• Wrapping an object around text
• Pinning an object to the browser

Working with Text

• Getting text into Muse
• Formatting your text
• Working with web-safe and system fonts
• Working with Typekit fonts
• Create paragraph styles
• Creating character styles
• Setting style export tags
• Understanding minimum height

Adding Colour to Your Site

• Creating colour swatches
• Working with stroke and fills
• Using gradients

Using Hyperlinks

• Working with link styles
• Using link anchors

Understanding States and Dynamic Menus

• Using the States panel
• Importing a Photoshop button
• Creating menus
• Modifying menus

Widgets, Slideshows, and Forms

• Understanding widgets
• Building an accordion panel
• Setting up a tabbed panel
• Creating pop-up tooltips
• Creating a thumbnail slideshow
• Creating a lightbox slideshow
• Understanding text from fields
• Creating a simple form
• Exploring the Muse Widget Gallery

Embedded HTML

• Understanding arbitrary HTML
• Inserting a map
• Embedding videos
• Working with Twitter
• Adding a Facebook Like button
• Embedding an external slideshow
• Adding a form with JotForm

Publishing a Site

• Exporting your site to HTML
• Uploading your site via FTP
• Publishing your site to Business Catalyst
• Updating your site
• Viewing analytics for your site

Creating Mobile Sites

• Creating a mobile site
• Adding a tablet site
• Adding a mobile phone site
• Previewing mobile sites
• Linking between alternate layouts