Embrace the Microsoft hype! Get 50% off on Microsoft Instructor-led Training courses!

MyGK
Support
Canada Canada - English
Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

Subtotal

$

Checkout

or Continue Shopping

Course  
Contact Sales
Support
Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

Subtotal

$

Checkout

or Continue Shopping

Request Group Training

Creating Responsive Projects with Captivate

Explore how to create responsive projects that adapt to fit any screen size, whether it be mobile, tablet or desktop.

In this course, you will learn how to create responsive projects that adapt to fit any screen size, whether it be mobile, tablet, or desktop. With mobile learning becoming increasingly popular, it is important to understand how to adapt your projects to this new environment.

You will begin by exploring the responsive interface within Captivate. Next, you will examine the HTML5 environment, its benefits and limitations, and then create custom breakpoints and adapt project content to accommodate these breakpoints. Additionally, you will learn how to control themes, styles, and content for various screens sizes. Discover the benefits of using smart positioning for content when building projects for multiple screen sizes and explore how to modify non-responsive content to adapt to a responsive design. Finally, you will learn how to take advantage of tools for testing responsive projects.

GK# 3845 Vendor# CreateResponsiveCapt
Vendor Credits:
No matching courses available.
Start learning as soon as today! Click Add To Cart to continue shopping or Buy Now to check out immediately.
Access Period:
Scheduling a custom training event for your team is fast and easy! Click here to get started.
$
Your Selections:
Location:
Access Period:
No available dates
Add To Cart

BUY NOW

Request a quote

Course Outline

1. Working with Responsive Projects

  • What is a responsive project?
  • Responsive design overview
  • HTML5 vs SWF Formats

2. HTML5 incompatibility

  • HTML5 limitations
  • HTML5 compatibility issues
  • Replacing incompatible content
  • The HTML5 Tracker

3. Sizing a Responsive Project

  • Viewport sizes and screen sizes
  • What is a breakpoint?
  • Customize breakpoints
  • Planning for breakpoints
  • Managing breakpoint layouts

4. Adjusting styles for responsive projects

  • Applying a responsive theme
  • Customize theme colors
  • Using master slides in responsive projects
  • Ensuring text compatibility
  • Creating responsive text
  • Formatting text for different screen sizes
  • Using pixel and percent positioning
  • Use the Position Inspector
  • Setting Relative Positioning
5. Creating Responsive Designs
  • Responsive project workflow
  • Adding content in a responsive project
  • Understanding the view hierarchy
  • Excluding content from views

6. Positioning Objects in a Responsive Project

  • Sizing and positioning content in a responsive project
  • Controlling objects
  • What is smart positioning?
  • Using smart positioning
  • Smart positioning to other objects
  • Linking objects

7. Working with Responsive Content

  • Making images responsive
  • Adding video

8. Replacing Non-Responsive Content

  • What content should be replaced?
  • Replacing content for responsive designs
  • Converting to responsive content
  • Advanced action replacements
  • Working with shared actions

9. Responsive Quizzes and Simulations

  • Creating responsive quizzes
  • Responsive simulations

10. Testing a Responsive Project

  • HTML5 Tracker
  • Previewing a responsive project
  • Previewing methods
  • Previewing and testing tools
  • Testing in a browser
  • Testing with Adobe Edge Inspect
BUY NOW

Prerequisites