Create 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:
- 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 - The Adobe Muse interface
Muse offers a simple yet effective interface, in this module we get grips with the tools - Creating a new site
In this module we start by creating the new site and establishing the general properties of the framework - 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 - 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 - 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 - 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 - Playing with colours
In this module we experiment with various ways to apply colours, gradients and backgrounds before adding a interactive behaviour to them - 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 - 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 - 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 - 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 - 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 - 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 - Conclusion
More details at http://www.adobe.com/ie/products/muse.html
Adobe Muse is part of the Creative Cloud https://creative.adobe.com