Advance Search

You can make multiple selections by clicking on multiple entries in any selection list. Click again any of them to remove it from your selection.

Manufacturers

  • ADOBE
  • Android
  • APPLE
  • Autodesk
  • Avid
  • BLACKMAGIC DESIGN
  • Exceed Media
  • MAXON

Training Categories

  • 3D MODELING AND ANIMATION
  • APPLE MacOS and iOS
  • CINEMA
  • ENGINEERING AND ARCHITECTURE
  • GRAPHIC DESIGN
  • MOBILE APP DEVELOPMENT
  • MOTION GRAPHICS
  • PRODUCTION
  • SOUND DESIGN
  • VIDEO EDITING AND COLOR GRADING
  • WEB DESIGN AND DEVELOPMENT

Courses

  • Adobe Acrobat
  • Adobe After Effects
  • Adobe Animate CC
  • Adobe Audition CC
  • Adobe Captivate
  • Adobe ColdFusion
  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe InCopy
  • Adobe InDesign
  • Adobe Photoshop
  • Adobe Premiere Pro
  • Android App Development
  • Apple FCP X
  • Apple iOS
  • Apple Logic Pro
  • Apple mac OS
  • Apple Motion
  • Apple Technician
  • Arabic Ornaments and Calligraphy
  • Autodesk 3ds Max
  • Autodesk AutoCAD
  • Autodesk Fusion 360
  • Autodesk Inventor
  • Autodesk Maya
  • Autodesk Revit Architecture
  • Avid Media Composer
  • Avid Pro Tools
  • Cinema 4D
  • Cinematography
  • Color Managed Workflows
  • Color Practical and Theory
  • Davinci Resolve
  • DaVinci Resolve Fusion
  • Digital Vision Grading
  • Directing
  • Dolby Vision
  • Graphic Designer
  • HTML CSS and JavaScript
  • InfoGraphics and Data Visualization
  • IPhone and iPad App Dev
  • Script Writing
  • Social Media Marketing
  • Social Media Video Production
  • Video Production Workshop
  • Videography
  • WordPress
  • XML

Training Locations

  • Iraq
  • UAE
  • Virtual

Creating Responsive Projects with Captivate

532 Views Duration: 2 days

Course Description

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.

Prerequisites:

  • A practical working knowledge of Mac OS X or Windows

  • Captivate Essentials - An Introduction to Captivate class or equivalent experience

Course Outline

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.

Course Outlines

 

Lesson 1: Working with Responsive Projects

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

Lesson 3: Sizing a Responsive Project

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

 

  

Lesson 2: HTML5 incompatibility

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

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 7: Working with Responsive Content

  • Making images responsive
  • Adding video

Lesson 9: Responsive Quizzes and simulations

  • Creating responsive quizzes
  • Responsive simulations
  

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 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 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 Essentials An Introduction to Captivate

$ 799 $ 1,495
Duration: 3 days
Views: 500

Captivate Beyond the Essentials

$ 599 $ 997
Duration: 2 days
Views: 516

Virtual Classroom Training

$ 599 per seat

$ 997

Duration: 2 days
- +


Note: Buy has the option to pay by Credit/Debit cards or by purchase order.

Need More information of this course or Want to talk to the experts?

Request Quote

Live Chat

Share

Locations

&

Time

Interested ?

Fill the Form

Request a Quote Now

By continuing to use this site you agree to our Privacy Policy & Cookie Policy