Learn Adobe Muse

Adobe MuseCreate responsive web sites without code, free your online creativity

1 Day Course

Windows and Mac compatible

Adobe Muse was developed for designers who want to upgrade their skills to an online platform. Beginners will learn to use the simplest web design tool available to quickly and easily develop sites based on the latest technological standards while Adobe InDesign users will feel right at home and Adobe Dreamweaver specialists will add another powerful set of features to their palette.

Trainer:

Eric Dumas is an Abobe Certified Instructor and qualified Expert in Adobe Muse. He brings years of professional experience in designing print and web material to a friendly classroom session packed with knowledge exchange and practice

Course Objectives:

After a short introduction presenting the type of sites an Adobe Muse user can expect to achieve, attendees will develop their own sample site to practice with the various tools covering structure, design, formatting, interactivity and publishing.

Pre-requisite:

The attendees are expected to be able to use a modern computer Windows or Mac, fluent in creating files and folders, clicking on various features in an application. While not essential, a basic knowledge of Adobe Photoshop, Adobe Illustrator and Adobe InDesign would be an advantage. Web terminology and features will be explained during the session, attendees are expected to be fluent in navigating the Internet.

Topics:

  1. What is web design
    In this module we look at how the internet works, the important points of Search Engine Optimisation, the various guidelines and good practice rules to follow
  2. The Adobe Muse interface
    Muse offers a simple yet effective interface, in this module we get grips with the tools
  3. Creating a new site
    In this module we start by creating the new site and establishing the general properties of the framework
  4. Structuring the site with pages
    In this module we create a site map by adding pages and master pages to start the structure of the site and the general design(s) we want to apply
  5. Adding graphics
    In this module we populate the pages with graphic objects and format them. We look at the various file types available including HTML5 animations, Adobe Photoshop .psd files or Adobe Fireworks designs. We finally include the animated Parallax feature to animate our design
  6. Formatting elements
    In this module we discover how to optimise the design for fast download, use transparency and layering of images. We quickly arrange, align, stack, resize, crop images and pin some icons to add floating elements
  7. Adding text
    In this module we add text and format it, use web fonts and create styles to match CSS standards and ensure consistency throughout the pages and spell check the content for a professional finish
  8. Playing with colours
    In this module we experiment with various ways to apply colours, gradients and backgrounds before adding a interactive behaviour to them
  9. Links and Buttons
    In this module we create links, update their default format and create custom ones. We link pages, anchors, email and web site addresses
  10. Creating a navigation menu
    In this module we add standard and Adobe Photoshop buttons, use the built-in navigation menus to customise for each state
  11. Adding interactivity
    Adobe Muse offers built-in interaction features to add and customise, giving your audience a more enjoyable experience. We add lightboxes, hotspots and accordions; all based on javascript without coding a single line
  12. Inserting HTML elements
    In this module we add to the site elements from other resources like an interactive Google map, Facebook and Twitter links, external slideshows or advanced forms
  13. Publishing the site online
    Throughout the day we will test each new update on the site, in this module we will upload it online to share our design with the world
  14. Design a tablet and a mobile site
    In this final module we upgrade our design to fit better on a tablet and mobile phone environment, creating alternatives and linking them
  15. Conclusion

More details at http://www.adobe.com/ie/products/muse.html

Adobe Muse is part of the Creative Cloud https://creative.adobe.com

 

Page Jumping

Here are a few Adobe InDesign shortcuts to quickly navigate between pages. Of course you use the drop down list at the bottom left of the screen or double-click on the page you want in the Pages panel. Have you tried these:

  • Page Up and Page Down to scroll, like the wheel or magic button on your mouse
  • Ctrl+Shift+Page Up to see the first page without changing the zoom factor
  • Ctrl+Shift+Page Down to see the last page without changing the zoom factor
  • Alt+Page Up to see the previous page without changing the zoom factor
  • Alt+Page Down to see the next page without changing the zoom factor
  • Shift+Page Up to go to the previous page
  • Shift+Page Down to go to the next page
  • Ctrl+0 to see the whole page
  • Ctrl+Alt+0 to see the whole spread

More to come