Explore how to create responsive projects that adapt to fit any screen size, whether it be mobile, tablet or desktop.
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.
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.
Note: The curricula below comprise activities typically covered in a class at this skill level. The instructor may, at his/her discretion, adjust the lesson plan to meet the needs of the class.
Module 1: Working with Responsive Projects
Module 2: HTML5 incompatibility
Module 3: Sizing a Responsive Project
Module 4: Adjusting styles for responsive projects
Module 5: Creating Responsive Designs
Module 6: Positioning Objects in a Responsive Project
Module 7: Working with Responsive Content
Module 8: Replacing Non-Responsive Content
Module 9: Responsive Quizzes and simulations
Module 10: Testing a Responsive Project