Muse Essentials | Course Overview

Adobe Muse software enables designers to create distinctive and professional websites without writing code. Planning, designing, and publishing original HTML pages is as easy as creating layouts for print. Easy-to-use sitemaps, master pages, and drag-and-drop workspaces allow you to work quickly. Tools for interactivity, image control, browser pinning, and access to more than 400 web fonts served by the Adobe Typekit service enable rich experience design.

Muse highlights

Plan your site — Get started with easy-to-use sitemaps, master pages, and a host of flexible, sitewide tools that make planning your site fast and intuitive.
Design with freedom — Focus on design, not technology. Combine imagery, graphics, and beautiful typography with all the control you expect from Adobe.
Add rich interactivity — Create compelling interactivity with slide shows, accordions, lightboxes, and more. Plus, add maps and feeds from sources such as Google Maps and Facebook.
Preview and publish — Preview your site with Adobe Muse to see how it looks and test how it works. Take your site live by either using Adobe for hosting or exporting to a provider of your choice.

Who should attend

People who have never designed a website
People who have designed websites but rely on someone else to build them
People who are comfortable building a HTML website but would prefer not to have to code
People who rely on template driven systems to build websites without writing code

Muse Essentials

Muse Essentials | Outline

Planning your site

Quickly create a sitemap for your web design easily adding and rearranging pages and their relationship to each other.
Apply master pages so that you can quickly apply elements that are common across multiple pages.
Define site properties like margins, page width, page alignment and hyperlink state colors.

Designing your site

Layout your website design using tools very similar to those found in InDesign, Photoshop and Illustrator including common shortcuts and features like multi-file place, smart guides, paste in place, the eyedropper tool, the hand and zoom tool, page columns and gutters and more.
Dynamic layout resizing allows your webpage to get longer to accommodate the content on each page.
Place and style images and graphics including .PNG, .PSD, .GIF and .SWF and enjoy precise control over color, fill, opacity, stroke, rounded corners, gradients and effects. Placed images and graphics will be optimized automatically when the website is previewed or published.
Use round-tripping editing with Photoshop and copy or paste image data directly from Photoshop or Fireworks.
Embed HTML code snippets from sources like Google Maps, YouTube, Facebook and Twitter.

Designing your site cont...

Add, edit and format text, even create and save text styles like in InDesign.
Choose between web safe and display fonts. Display fonts will be rasterized on deployment with the text included in the ALT tag for the graphic so search engines can still “read” the content
Add and completely customize smart site navigation that automatically reflects your site map layout
Easily add fully customizable interactive slideshows, tabbed and accordion panels, lightboxes and more.
Enable Tooltips and remote rollovers
Apply up, over, down and normal states for Photoshop buttons and menu items
An Assets Panel helps you keep track of all assets associated with your site including the ability to re-link or Edit Original, much in the same way the Links Panel works in InDesign.
Preview your design in Muse, or in your browser.

Publishing your site

Create a trial site for testing and review purposes. This trial site will be hosted with Adobe and you’ll be able to send the URL to clients and business partners for review purposes.
You can convert your trial site to a live site by keeping it hosted with Adobe.
Or export your site for ftp to other hosting providers.