Adobe Authorised Training Centre in Singapore



<< Back to Courses Summary

Adobe Muse

Responsive Web Design with Adobe Muse CC

This course readies you in Adobe Muse designing websites without having to learn coding like HTML or CSS. The biggest web search engine, Google, ranks Responsive Websites higher than those that are not. A Responsive Website automatically presents a different layout of contents for the mobile phones, tablets and desktop screens.

In this course, you will learn the essential setup considerations, design Responsive graphics and interactive content such as Gallery Slideshows, Newsletter Pop-Up, Google Map, Forms, and lastly publishing your website.


Target Audience: Anyone who wishes to design websites without writing codes

Prerequisite: None

Duration: 2 Days (9am - 6pm)  |  Course Fee: Please refer to the Courses page

Download the course outline in PDF format

Introduction to Adobe Muse

  • An Overview of the User Interface
  • Using the Plan, Design, and Preview Modes
  • Learning to Control the View Magnification


Planning & Setting Up Responsive Websites

  • Understanding the Site Development Workflow
  • Starting a Mobile-Ready Website Project
  • Determining the Website Columns & Margins
  • Adding, Renaming & Organizing Web Pages


Designing a Website Theme using Master Pages

  • Establishing a Web Page Naming System
  • Adding Page Guides to Layout Content Neatly
  • Saving Colors for a Consistent & Accurate Use
  • Designing the Header & Footer with Shapes
  • Enhancing Content Visually with Transparency
  • Using an Image to create a Background Pattern
  • Organizing & Stacking Content with Layers


Working with Text & Type Styles

  • Adding & Editing Text Content & Frames
  • Adjusting Type Attributes using the Text panel
  • Inserting Character Symbols using the Glyph panel
  • Assigning Text with the Appropriate HTML Tags to Improve a Page’s Search Engine Optimization
  • Importing Text From External Documents
  • Saving Attributes as Paragraph & Character Styles
  • Formatting Text Consistently with Type Styles
  • Creating Number & Bullet Lists
  • Indenting & Spacing Lists using Bullets panel


Designing with Frames, Graphics & Effects

  • Knowing the Different Types of Web Graphics
  • Decorating Content with Borders & Corners
  • Using Vector Graphics for High-Quality Display
  • Placing, Transforming & Cropping Images
  • Framing Images using the Content Grabber
  • Beautifying Graphics with Effects - Shadow, Glow, Bevel etc.
  • Wrapping Text Around Graphics & Images
  • Adjusting Text Wrap using Text Wrap Panel
  • Drawing Graphic Frames for Layout Purposes
  • Creating Space for Additional Content in a Web Page Using the Vertical Move Handle
  • Fitting Content Automatically to Image Frames
  • Styling Content Consistently with Graphic Styles
  • Adding Alternative Texts to Images to Improve Search Engine Optimization (SEO)


Adding States, Navigation & Interactivity

  • Designing Different States to Add Intuitive Feedbacks to Interactive Content
  • Adding Transitional Animation between States
  • Working with Transition Speed & Easing
  • Knowing the Different Type of Web Links
  • Adding Internal Links for Website Navigation
  • Creating External Links to Access Other Websites
  • Setting Up Email Links for Visitors to Contact You
  • Bringing Visitors to a Specified Position in a Page using Anchor Links
  • Standardizing the Formats for Text Links
  • Understanding the Different Types of Hyperlinks - Normal, Hover, Visited & Active
  • Adding Interactive Content to Web Pages using the Widget Library Panel
  • Designing a Navigation Menu for the Website
  • Setting Up Interactive Maps & Image Slideshows
  • Including a Web Form for Visitors’ Input
  • Combining Multiple Widgets using a Composition
  • Displaying Widgets in Lightbox On Page Load


Responsive Web Design Techniques

  • Knowing the Different Types of Web Layouts
  • Design Tips in Creating for a Better Website Experience on the Desktop & Mobile Devices
  • Adding Breakpoints to Create Multiple Layouts
  • Previewing Different Layouts using the Scrubber
  • Pinning Content’s Position to the Web Browser
  • Stretching Graphics to the Browser’s Width
  • Presenting Exclusive Content on Specify Screens
  • Hiding Content to Reduce Clutter in Small Screens
  • Knowing How to Format Text Across All Layouts
  • Setting Content to Resize and Space Out in Proportion to Each Other Automatically
  • Finding Widgets Online using the Library Panel
  • Downloading & Customizing a Navigation Menu for the Mobile Screens


Publishing & Exporting a Website

  • Excluding Unready Web Pages from Publishing
  • Adding Unique Page Titles, Descriptions & Keywords to Make Web Pages Searchable by Search Engines
          (e.g. Google, Yahoo, Bing)
  • Understanding the Different Types of Metadata
  • Learning to Publish Your Website to a Third-Party Web Hosting Service
  • Exporting a Website to Standard Web Codes in HTML, CSS and JavaScript
  • Collecting Assets Used in a Website to a Centralized Folder


Back to top
register To register for a course, please download the registration form.
enquiry For course schedules or enquiries, please contact us.