title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Creating Responsive Projects with Captivate
Course Description
Overview
This class builds upon the concepts covered in Captivate – Beyond the Essentials. In this course you will explore how to create responsive projects that adapt to fit any screen size, whether it be mobile, tablet or desktop. With mobile learning becoming a large percentage of eLearning, it is important to understand how to adapt your projects to this new environment.
You begin by exploring the responsive interface within Captivate. You then take a look at the HTML5 environment and its benefits and limitations. You move on to create custom breakpoints and adapt project content to accommodate these breakpoints. You will learn how to control themes, styles, and content for various screens sizes. You will learn the benefits of using smart positioning for content when building projects for multiple screen sizes. You will explore how to modify non-responsive content to adapt to a responsive design. Finally, learn how to take advantage of tools for testing responsive projects.
Objectives
Audience
This course is for people who have been using Captivate and want to build responsive Captivate projects that automatically adapt to fit the screen size of the device whether it be mobile, tablet or desktop.
Prerequisites
- A practical working knowledge of Mac OS X or Windows
- Captivate Essentials - An Introduction to Captivate class or equivalent experience
Topics
Lesson 1: Working with Responsive Projects
- What is a responsive project?
- Responsive design overview
- HTML5 vs SWF Formats
Lesson 2: HTML5 incompatibility
- HTML5 limitations
- HTML5 compatibility issues
- Replacing incompatible content
- The HTML5 Tracker
Lesson 3: Sizing a Responsive Project
- Viewport sizes and screen sizes
- What is a breakpoint?
- Customize Breakpoints
- Planning for breakpoints
- Managing breakpoint layouts
Lesson 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
Lesson 5: Creating Responsive Designs
- Responsive project workflow
- Adding content in a responsive project
- Understanding the view hierarchy
- Excluding content from views
Lesson 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
Lesson 7: Working with Responsive Content
- Making images responsive
- Adding video
Lesson 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
Lesson 9: Responsive Quizzes and simulations
- Creating responsive quizzes
- Responsive simulations
Lesson 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
Related Courses
-
Captivate - Beyond the Essentials
CPAdv-FMC-US- Duration: 2 Days
- Delivery Format: Online Training
- Price: 1,195.00 USD
-
Captivate Essentials - An Introduction to Captivate
CPEss-FMC-US- Duration: 3 Days
- Delivery Format: Online Training
- Price: 1,495.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration