Launch Pad for Adobe Captivate

A dynamic HTML framework to display multiple Adobe Captivate movies


Overview

The Launch Pad for Adobe Captivate is a framework to deploy multiple Adobe Captivate movies within one web page.

Have you ever published a series of Adobe Captivate movies but then had to come up with some method to display them to your end-users in an effective manner?

The Launch Pad dynamically loads your published Captivate movies into a designated content area. You simply publish your movies to a designated folder and then edit the menu links.

Launch Pad for Adobe Captivate


Feature List

The Launch Pad was specifically programmed to integrate with published Adobe Capitvate movies.

  • Use one web page to deploy multiple Captivate movies.
  • Cross-browser, minimally styled CSS layouts.
  • 4 designs: menu left, menu right, menu top 1 level, menu top multiple levels.
  • Welcome (home) screen can be fully customized with your text, images, Flash movies to provide an introduction, instructions, or any other custom content.
  • Detailed Instruction Guide.
  • All designs include Header and Footer rows (logo, copyright).
  • CSS includes fix to 100% div column height (using faux column technique).
  • Content column expands to full width of browser window, giving maximum space to display Captivate movies.
  • Captivate movies can be different sizes (width, height). The size of each movie is specified in the menu item hyperlink.
  • The active menu item is automatically highlighted, and stays highlighted even when the Captivate movie has focus!
  • Organized menu items into sub-sections with topic headers.
  • Menu has a Home link that returns user to a homepage (with introduction, instructions, etc.).
  • When edited in Adobe Dreamweaver Design view, the CSS renders the page without distortion (overlap, cropping) for full WYSIWYG editing!
  • Advanced custom editing of HTML and CSS for those with technical knowledge.


Tours of the Launch Pad

Here's some Captivate movies that provide walk-throughs of the Launch Pad:

Adobe Captivate Launch Pad Tutorial 1
Launch Pad Overview
Adobe Captivate Launch Pad Tutorial 2
Launch Pad Folder/File Structure


Basic Workflow

We've designed the Launch Pad to allow developers with technically savvy in HTML and CSS to customize the design and funcationality of the system. You can overhaul the page design, colors used for the menu items - up. over, and active states, CSS, fonts, etc. The Instruction Guide provides documentation on editing most elements of the page.

Step 1
Create a folder for your project ( typically \My Documents\My Adobe Captivate Projects\MyProject ) and
copy the Launch Pad files into it.
Step 2
Publish your Captivate movies as Flash (.swf) files into the \flash folder.
Step 3 Edit the menu items in the index.html file to link to your .swf files.
Step 4 Replace the logo graphic and edit the <title> tag.
Optionally, edit the CSS file to match your specific color scheme requirements.
Step 5 Test the Launch Pad on your local PC in your browser.
Stage the files to production (copy files to web server).


Compatibility

The Launch Pad is compatible with:

Captivate
Browsers
Flash
  • RoboDemo 1.x-5.x
  • Macromedia Captiate 1.x
  • Adobe Captivate 2.x
  • Adobe Captivate 3.x
  • Adobe Captivate 4.x
  • Adobe Captivate 5.x
  • Adobe Captivate 6.x
  • Internet Explorer 4.x, 5.x, 6.x, 7.x, 8.x
  • FireFox 1.x, 2.x
  • Opera 9.x, 10.x
  • Chrome 5.x, 6.x
  • Safari (Mac)
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

 

Components

The Launch Pad consists of the following elements:

  • One XHTML 1.0 Transitional (doctype) web page
  • Cascading Style Sheet (CSS 2.0)
  • JavaScript files
  • Most designs use pure CSS for the menu items.
  • The Top Menu Multiple Level layout uses Adobe Dreamweaver CS4's Spry Menu Bar system.
  • In order to deploy the Launch Pad with your content, minimal HTML editing is required.
  • Dreamweaver MX or higher is recommended for for CSS support.
  • No JavaScript editing is required!

Screen Shots

Home Screen Movie Loaded Editing in Dreamweaver
Launch Pad Home Screen Launch Pad Movie Loaded Launch Pad in Dreamweaver
Root Level Folders and Files Left Menu Design Folders and Files Instruction Guide
Launch Pad Root Level Folders and Files Launch Pad Left Menu Design Folder and Files Launch Pad Instruction Guide


Support

We provide free technical support via email. Please review the extensive library of answers to common questions in our:

FAQ Library


 


Purchase

Our products are licensed on per-developer basis. If you have multiple developers we offer volume discounts as outlined below.

Price: $39.95

Select a license option


Lifetime License

All of our products now include a free lifetime license. You purchase the product once, and you're entitled to free upgrades to each version we release.
 

Version History

Version Date Release Notes
1.00 02/24/2009 First 10 copies distributed for free.
1.01 02/24/2009 Fixed column width variance between FireFox and IE in Menu Left and Menu Right layouts.
1.02 02/25/2009 Added "alternate content" DIV to be displayed if end-user does not have required version of Flash Player.
1.03 06/23/2009 Added compatibility for Internet Explorer 8 web browser.
1.04 7/20/2012
  • Updated for Adobe Captivate 6 and Flash 11.
  • Included example Captivate SWF files utilize custom backgrounds and Playbars from Enhancement Pack.
  • Updated default Flash player to 11.
  • Updated Instruction Guide.