Creating Responsive Projects with Captivate Training in Canada

  • Learn via: Classroom
  • Duration: 2 Days
  • Price: From €1,033+VAT
We can host this training at your preferred location. Contact us!

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.



Who Should Attend?

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.

  • A practical working knowledge of Mac OS X or Windows
  • Captivate Essentials - An Introduction to Captivate class or equivalent experience

  • 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.

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

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

Module 2: HTML5 incompatibility

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

Module 3: Sizing a Responsive Project

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

Module 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

Module 5: Creating Responsive Designs

  • Responsive project workflow
  • Adding content in a responsive project
  • Understanding the view hierarchy
  • Excluding content from views

Module 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

Module 7: Working with Responsive Content

  • Making images responsive
  • Adding video

Module 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

Module 9: Responsive Quizzes and simulations

  • Creating responsive quizzes
  • Responsive simulations

Module 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


Contact us for more detail about our trainings and for all other enquiries!

Creating Responsive Projects with Captivate Training Course in Canada

Canada is a North American country. Known as the second-largest country of the world, Canada’s capital city is Ottawa. Toronto, Vancouver and Montreal are the biggest and most popular cities of this country. The 8,891-kilometer southern and western border between Canada and the United States is the world's longest intergovernmental land border. This country also has the longest coastline in the world.

Canada is a constitutional monarchy. The country was originally a British Empire colony and is now a part of the British Commonwealth. Both French and English are Canada’s official languages. Canada’s national animal is a beaver and the its flag design is a vertical triband of red and white with a red maple leaf charged in the centre. Some of the top-rated tourist attractions in Canada are Niagara Falls, Banff National Park and Rocky Mountains, CN Tower in Toronto City, Bay of Fundy, Old Quebec (Vieux-Quebec in French), the ski resort of Whistler, Ottawa's Parliament Hill and Vancouver Island.

Choose from our extensive selection of IT courses, covering programming, data analytics, software development, business skills, cloud computing, cybersecurity, project management. Our highly skilled instructors will deliver hands-on training and valuable insights at a location of your choice within Canada.
By using this website you agree to let us use cookies. For further information about our use of cookies, check out our Cookie Policy.