Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital,...

29
Captivate 3 Templates Covering Captivate Foundation Skills Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Transcript of Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital,...

Page 1: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Templates

Covering Captivate Foundation Skills

Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Page 2: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Trademarks Lodestone digital, LLC and the Lodestone logo are registered trademarks Lodestone Digital, LLC. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trademarks of Lodestone Digital, LLC or other entities and may be registered in certain jurisdictions including internationally. Captivate, Premiere, Visual Communicator, Flash, Photoshop, Illustrator, Connect, Dreamweaver, Flex, Air, RoboHelp, and FrameMaker are registered trademarks or trademarks of Adobe Systems, Inc. and maybe registered in the United States or any other jurisdictions including internationally. Third Party Information This guide contains links to third party websites that are not under the control of Lodestone Digital, and Lodestone Digital is not responsible for the content of any linked site. If you access a third-party website mentioned in this manual, then you do so at your own risk. Lodestone digital provides these links only as a convenience, and in the inclusion of the link does not imply that lodestone digital endorses or access any responsibility for the content on those third-party sites. Copyright Copyright © 2008 Lodestone Digital, LLC All rights reserved. No part of this publication may be reproduced, transmitted, or translated in any form or by any means, electronic, mechanical, photocopying, manual, optical, recording, or otherwise, outside a license agreement accompanying these materials, without the prior written permission of Lodestone Digital LLC. Information in this manual may change without notice and does not represent a commitment on the part of Lodestone Digital, LLC. Notice Information in this training manual is distributed on “AS IS” basis all without warranty of any kind, either express or implied. While every precaution has been taken in the preparation of these materials, Lodestone Digital, LLC shall not have any liability to any person or entity with the respect to liability, loss, or damage caused or alleged to be caused directly or indirectly by the instructions contained in these materials or other computer software and hardware products described herein. Captivate 3 Templates First Edition: June 2008 By Josh Cavalier Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. Charlotte, NC 28217

Page 3: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

© Lodestone Digital, LLC iii

Table of Contents

Lesson 1: Captivate Workflow Essentials ...................................................................................... 2 The Captivate Creation Process ....................................................................................................................... 2 Inputs and Outputs .......................................................................................................................................... 3 The ADDIE Model and Captivate ...................................................................................................................... 5 The Relationship Between Captivate and Flash ............................................................................................... 6 Technical Considerations ................................................................................................................................. 7 ELearning Style Guidelines ............................................................................................................................... 9 Using Captivate Templates .............................................................................................................................. 9

Lesson 2: Templates ................................................................................................................... 10 Template Overview ........................................................................................................................................ 11 What is in a Captivate Template .................................................................................................................... 13 Template Elements: Background Artwork ..................................................................................................... 16 Template Elements: Captions ........................................................................................................................ 18 Template Elements: Titles .............................................................................................................................. 20 Template Elements: Skin ................................................................................................................................ 21

Page 4: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217
Page 5: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Introduction

About Lodestone Digital

Lodestone Digital was founded in 1998 by Josh Cavalier with three iMac computers in a two bedroom apartment. Since day one our passion at Lodestone Digital is to transfer our love and knowledge of software applications to our students to make them more productive. From our simple beginnings, Lodestone has grown to five public training centers and trains thousands of students a year. Lodestone Digital has been a valuable education resource for large corporations, government agencies, higher education institutions, and creative companies.

Lodestone Digital’s numerous training services include public classes, private classes, and consulting services. In addition, Lodestone creates training manuals and videos that focus on creation workflow and practical student files.

About Lodestone Digital Books

Lodestone Digital books and training manuals connect the dots when it comes to cohesive workflow solutions. Each of our software training titles can be used independently or together for a richer experience. Our current line of manuals use the fictional company called “CRISP Organic Foods” for all the training assets. By maintaining consistency of student files across all of our training manuals you see the relationships between the software applications. Our lesson formats are based on solid instructional design principles that allow structured and exploratory learning.

About Josh Cavalier

Josh Cavalier has been working and teaching in the field digital media content creation since 1992. As an art director for eLearning development firm Handshaw, Josh transitioned the company’s media production from CDROM to web delivery. There he worked on large eLearning initiatives for some of the largest financial institution in the US.

He is author of Dreamweaver MX Magic (New Riders) and has produced training videos for numerous New Riders books. Josh has presented at numerous industry events including Flash Forward, Adobe MAX and NAB. Josh currently lives in Charlotte, NC with his wife and son. They love family outings to the beach and mountains.

Page 6: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate Templates

ii © Lodestone Digital, LLC

Lesson 1: Captivate Workflow Essentials

In this lesson you will get an overview of Adobe Captivate and how it fits into a cohesive eLearning development workflow. Everything you create as a Captivate Developer is based upon very specific inputs and outputs. By understanding the capabilities of Adobe Captivate, you will be able to easily map out how you will be creating and publishing your content.

This lesson covers the following concepts:

• The Captivate Creation Process

• Input and Outputs

• The ADDIE Process

• The Relationship Between Captivate and Adobe Flash

• ELearning Style Guidelines

• Technical Considerations

• Using Captivate Templates

Page 7: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217
Page 8: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 2 - © Lodestone Digital, LLC

The Captivate Creation Process

The Captivate Creation Process

Adobe Captivate plays a very important role in the creation of eLearning content. Captivate serves as a content creation program and a compositing program for supplied content from subject matter experts (SME), and instructional designers (ID). As you can see from the above illustration, SMEs and IDs create and gather various forms of media. This could be Microsoft Word documents, Excel spreadsheets, PDF files, PowerPoint files, MP3 files and JPEG artwork.

In the hands of a Captivate developer, the supplied content is assembled together inside the Captivate environment. In addition, Captivate can record demonstrations and interactive simulations that will be part of the content mix.

Once Captivate development is complete, the necessary media outputs are created by the Captivate developer. The output files can be delivered via SWF and HTML files for web delivery, as a Microsoft Word document, CD-ROM, or even delivery to an Apple iPod.

Adobe Captivate accelerates the development process by building learning interactions quickly and creates flexibility for various output types.

Page 9: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 1: Captivate Workflow Essentials

© Lodestone Digital, LLC - 3 -

Inputs and Outputs

Captivate Inputs

As part the project planning process you need to identify specific inputs, or content that will be used as content in your Captivate presentation.

Text, graphics, audio and video come from various sources, and it’s to your advantage to figure out the file formats you'll be working with before you start development.

Captivate easily imports PowerPoint files (.PPT and .PPTX), audio formats like MP3 and WAV, JPEG, GIF and PNG for images and even Flash Video (.FLV). Keep in mind that you may get content from a Microsoft Word file, PDF, e-mails, raw video, and other files that may not directly import into the Captivate environment. You want make sure you have a game plan together for importing content into Captivate – no surprises here!

Captivate Outputs

As part of the content creation process it is essential to understand what types of media outputs you will be creating from Captivate.

For example, you may find out that part of your audience is not connected to the Internet. So you will need to deliver via the web, CD-ROM or DVD-ROM.

Page 10: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 4 - © Lodestone Digital, LLC

Captivate is very adept at creating content in various formats. Below is a list of Captivate outputs.

1. Flash (.SWF)/HTML

• Software Demonstrations/Simulations

• Soft skill/Branching

• Presentations/Image Shows

• Quizzes

• Animations

• Simple Games

2. Flash Executable File (.EXE) – CDROM / DVDROM Delivery

3. Word Documents

4. Adobe Acrobat Connect

5. Video iPod/Zune (a little extra work, but doable!)

6. Audio Podcast

Page 11: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 1: Captivate Workflow Essentials

© Lodestone Digital, LLC - 5 -

The ADDIE Model and Captivate

As part of the development process you will choose an instructional design methodology and development workflow. The ADDIE model is the generic process customarily used by instructional designers and training developers. The five phases of the ADDIE model represent a dynamic, flexible guideline for building effective eLearning and performance support tools. Captivate fits very well within the ADDIE model, and can be used during various stages of development.

The ADDIE model contains the following phases:

1. Analysis

2. Design

3. Development

4. Implementation

5. Evaluate

Page 12: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 6 - © Lodestone Digital, LLC

The Relationship Between Captivate and Flash

Adobe Captivate is built upon the Adobe Flash platform. When you create your content in Captivate (.CP), you will eventually output a compiled Flash file (.SWF). So now you can say that you are a Flash developer!

The Flash file format is used to deliver various types of the content across the web:

• Training

• Animation

• Games

• Video (YouTube, Blip.TV)

• Applications

• Flash Paper

In addition to Captivate, there are other Adobe tools that output the Flash file format including Adobe Flex and Air.

The Flash file format is the most popular way to view multimedia content on the Web. Below are latest statistics on the acceptance of the Adobe Flash player worldwide.

Worldwide Ubiquity of Adobe Flash Player by Version — March 2008

Flash Player 7 Flash Player 8 Flash Player 9 Flash Player 9.0.115*

Mature Markets 98.8% 98.5% 97.2% 61.8%

US/Canada 98.7% 98.5% 97.3% 62.1%

Europe 98.5% 98.1% 96.5% 61.9%

Japan 99.8% 99.5% 98.0% 61.0%

*Flash Player 9 Update 3, released on 12/4/2007, introduced H.264 video and HE-AAC audio playback, multi-core support, hardware scaling of HD quality full-screen video and component caching.

Page 13: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 1: Captivate Workflow Essentials

© Lodestone Digital, LLC - 7 -

Technical Considerations

Working with Captivate content is a lot of fun, but you need to make sure you have the proper development environment to work in. Nothing is more frustrating than trying to work in Captivate on substandard hardware, or getting a corrupt Captivate data file.

Here are some technical considerations you need to think about before you get started with Captivate development:

1. Development Hardware

For effortless Captivate development work with the following system specifications:

• Intel® Pentium 4, Intel Centrino®, Intel Xeon®, or Intel Core™ Duo (or compatible) processor (Intel Core™ Duo recommended)

• Microsoft® Windows XP with Service Pack 2, Windows 2000 with Service Pack 2, or Windows Vista™ Home Premium, Business, Ultimate, or Enterprise (certified for 32-bit editions) (Microsoft® Windows XP with Service Pack 2 recommended)

• 512 MB of RAM (2 GB recommended)

• 700 MB of available hard-disk space (1 GB recommended @ 7200 RPM or higher)

• DVD-ROM drive

• 800 X 600 screen resolution (1024 x 768 recommended)

• 256 MB Video Card RAM

2. Work Locally

• Do not work on a Captivate (.CP) file across your network!

• This could corrupt the .CP file due to dropped packets

• Work locally for the best results

3. Back Up Files

• Back up to a network resource each night

• Back up to a removable Hard Disk or USB Drive

Page 14: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 8 - © Lodestone Digital, LLC

Delivery System Analysis

Before creating your first Captivate movie you must create a Delivery System Analysis (DSA). A DSA is a simple report that contains the following elements:

1. Hardware configurations for playback

2. Media output types

3. Screen dimension in pixels

4. User’s connection speed

5. Verification of Flash Player installation

6. Flash Player version installed

Certain audience members may be on small monitors, or have a limited resolution. If you are planning on creating system simulations verify the default resolution of system screen and compare that with screen dimension in your Delivery System Analysis.

If your recording resolution exceeds the monitor specification users will be forced to scroll around the Captivate movie during training. If you're not sure about the delivery system environment you may want to choose from one of the following screen formats which accommodate delivery in a browser window:

• 790 x 545 Browser (800 x 600 Full Resolution)

• 1014 x 713 Browser (1024 x 768 Full Resolution)

Developing with Two Monitors

Working with two monitors is one of the easiest ways to increase your productivity. Various studies have sighted that productivity can increase anywhere from 15% all the way up to 42%.

Please keep in mind that as a Captivate developer – you are also a multimedia designer and you will be using other software tools. So you can take advantage of productivity gains with Photoshop, Premiere or SoundBooth.

Page 15: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 1: Captivate Workflow Essentials

© Lodestone Digital, LLC - 9 -

ELearning Style Guidelines

Style guidelines should be created for all eLearning content. This is a technical document that contains the following information:

1. General Courseware Design & Development Standards

2. Graphic User Interface

3. Media Standards

4. Technical Standards & Publishing

5. Section 508 Compliance

6. SCORM Considerations

7. Development Tools

8. Storyboarding

It’s important that you have some type of style guide to refer back to during the development process. The guide is also helpful for employees that are brought on a project after it has started.

A sample eLearning style guide has been provided for you to use as a starting point. You can find the style guide in the folder: Student Files > Lesson 1 > ELearning Guidelines. This is a Microsoft Word document that you can modify to accommodate your organization’s specific needs.

Using Captivate Templates

The use of Captivate templates (.CPTL) is essential to expiditing the content creation process. A Captivate template is created from a Captivate file and then is used to create new Captivate files.

During this class we will be working with soft skill, scenario, application simulation, quiz and mobile device templates

In Lesson 2 you will be covering Captivate templates in detail.

Page 16: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

You can save a tremendous amount of development time by using Captivate templates that contain navigation, graphics, caption styles, and other design elements. Templates bring visual consistency to all your training content and can help establish corporate or departmental branding.

This lesson covers the following concepts:

• Template Overview

• What is in a Captivate Template

• Template Elements: Captions

• Template Elements: Skin

• Template Elements: Background Artwork

• Template Elements: Titles

Page 17: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 11 -

Template Overview

Captivate Templates (CPTL) are essential for rapid development in Captivate 3. In this lesson you will create a Captivate Template – which is the foundation for all of our Captivate files. You will learn what makes up a good template, and some strategies for implementation.

First, you will review the process for building a template.

Building Templates To create a Captivate template you will follow these steps:

1. Create a new blank Captivate File.

• Click the Record or create new project link in the center column.

• In the New project option dialog box - select the Other option.

• In the Project types section choose the Blank Project radio button.

• Click the OK button.

• The the Blank project window select the Preset size of 790 x 545 Browser.

• Click the OK button.

• Save your file as Softskill.cp.

This is the start of a Captivate file with generic slides that serve a specific function like soft skill training or a quiz. Detailed assets like custom buttons, background artwork, and interactions are then added to complete the file.

2. Convert the Captivate (.CP) file to a Captivate template (.CPTL).

• From the File menu select Save as...

• Save the template as Softskill.cptl. in the Student files folder.

Note: Make sure you change the file type to .CPTL in the save as file type drown down option.

• Close the template file for now. File > Close.

You have taken your .CP file and converted it into a .CPTL file from within Captivate. The new template can reside in the My Adobe Captivate Projects/Templates directory, or in another location on your system.

Page 18: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 12 - © Lodestone Digital, LLC

3. Create a new project from a Captivate Template.

• From the Captivate opening screen, click the Record or create new project link in the center column.

• In Captivate you have a few choices as far as the type of movie that we want to create. You want to create a new file from an existing template.

• In the New project options dialog box - select the Other option.

• In the Project Type section choose the Create Project From Template radio button.

• Click the OK button.

• In the Open dialog box navigate to Student Files folder.

• Double click the Softskill.cptl file.

You have just created a new untitled.cp file from an existing .CPTL by using the New project options dialog box, and selecting Other – Create Project From Template.

4. Save the untitled.cp file.

• Click the Save button in the Main Toolbar and save your file as lesson2.cp.

The existing template closes and remains intact with no changes. You now have experienced a condensed version of the Captivate template workflow.

A Captivate template is nothing more than a converted .CP file. You can also open up .CPTL files in Captivate, make edits, and then save the CPTL file out. From here you can open the Softskill.cptl file back up and continue editing the template.

Page 19: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

What is in a Captivate Template

You will now go through the process of building out your new template. The goal is to create a new soft skill template for CRISP Organic Foods – a fictional grocery store chain.

Captivate Template Types

Before you set off creating your first template, you need to determine your methods of delivery. There are all kinds of training methods including soft skill, scenario, simulation, and quiz. You could also create templates for mobile devices, compliance training, and accessible content for learners with disabilities.

The next step is to determine what types of slides and interactions are going to be used. Below are lists of common slide functions that you will find in the templates that are supplied in the Student Files directory. You will need to consult with your instructional designer before you get started to ensure the storyboard matches your slide types.

Sections of a Template

1. You will find the following content slides across all templates:

Close any Captivate file that you have open. In the Student Files/Soft Skill directory open the Crisp_SoftSkill.cptl. From the Storyboard view examine the various slide types.

• Template Overview – A hidden slide that serves as Captivate developer notes.

• Course Title – Introduction slide with title, animation and audio or video to set the tone.

• Course Objectives – Learning objectives are listed for the training session.

• Interface Overview – This is an optional slide that describes the navigation elements.

• Course Summary – Reviews the learning objectives that were covered.

Page 20: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 14 - © Lodestone Digital, LLC

Soft Skill Template Content

• Static Content – These are slides with various layouts of text, graphics, and video.

• Interactions – Learning interactions like roll-over or hot spot.

• Games – Flash or Captivate based games users can play.

Scenario Template Content

Close the Crisp_SoftSkill.cptl. In the Student Files/Scenario directory open the Crisp_Scenario.cptl. Review the following Scenario slide types:

• Scenario Introduction – Give the learner and overview of the scenario.

• Scenario Questions – Ask the learner a question about the scenario.

• Scenario Answers – Set of right and wrong answers to be used for branching.

Simulation Template Content

Close the Crisp_Scenario.cptl. In the Student Files/Simulation directory open the Crisp_Simulation.cptl. Review the following slide types:

• Simulation Intro – Introduces the application and the steps that are going to be performed.

• Demonstration – Introduces the learner to a demonstration of the system. Reminds them that this is a passive activity.

• Training Simulation – Introduces the training simulation movie and mentions the hint captions.

• Assessment Simulation – Instructions for the learner before they start their test.

• Custom Simulation – Introduces the learner to a guided simulation which includes click boxes and captions.

Page 21: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 15 -

Note: A custom simulation allows multiple variations of Captivate recording elements.

Your Captivate recordings can be produced inside this document, or they can be imported in from another file if multiple recordings were created at the same time.

Quiz Template Content

Close the Crisp_Simulation.cptl. In the Student Files/Simulation directory open the Crisp_Quiz.cptl. Review the following template slide types:

• Quiz Intro – Gives background information on the quiz format, number of questions, and other parameters.

• Quiz Slides – Individual quiz question types that are formatted.

• Quiz Results – The quiz results page.

Close the Quiz template file.

Template Format Considerations

In addition to the slide types, you must also review the formatting of common elements that make up any Captivate movie. Here’s a list of Captivate objects and screen interactions that must be formatted before moving forward with your templates.

• Custom Background – You will need custom backgrounds for your title, content slides, quiz questions, and others.

• Fonts – Make sure that the format of your storyboard matches what you want in your captions. This includes font style and paragraph style.

• Caption Styles – You can use the default captions that come with Captivate or create new caption styles.

• Screen Layouts – Itemize all the different layouts you need.

• Interactions – List out all the various interactions the learner may encounter. This includes any system simulation interactions, and games.

• Scenario – Set up branching logic with questions and answers.

• Simulation – Custom interaction slides beyond screen recordings.

• Quiz – Each question type in Captivate must be formatted. Make sure you budget your time accordingly.

Page 22: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 16 - © Lodestone Digital, LLC

Template Elements: Background Artwork

Background artwork is essential to establishing your brand and adding consistency across all of your learning content. You will now place a few background images in your Captivate template.

1. Open Softskil.cptl you created earlier from the Student files folder.

2. Insert a new blank slide. From the menu bar select Insert > Blank Slide (Shift+CTRL+J).

Now you have two blank slides ready for some background artwork.

3. Import and apply Background artwork.

• Make sure you are on Slide 1. This will be your Title slide.

• From the Menu bar select Insert > Image... (SHIFT+CTRL+M).

• From the student files folder double click Course Title Background.png.

The New Image Box appears – click OK. The image is now placed on the slide.

• Right click on the artwork and select from the contextual menu Merge into Background.

• A message appears asking if you want to merge the object. Click Yes.

Take a look at your Library Panel. Notice that there are two instances of the artwork – one in the Backgrounds folder and one in the Images folder. You can remove the artwork from the Images folder to keep it clean.

• Right click on the Course Title artwork in the Images folder and select Delete.

• In the Library Panel - Double click on the image named Slide 1 Background.

• The Image Properties dialog box appears. Change the name of the Image to “Title Background”. Click OK.

Inserting an image is only one way to apply a background image in the Captivate environment. Next, you will insert another background image by importing it directly into the Library. This method will be a little faster and eliminates the need to rename the graphic in the Library.

Page 23: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 17 -

4. Apply the course content background image.

Make sure you locate the Library panel - this is where you will import the artwork. You will now bring in another background image, but use a slight more efficient was of organizing the content in the Library and applying the image to the slide background.

• In the Library panel, click the Import... button.

• From the Student files folder double click Main Background.png.

A success message appears – click the OK button. The image is now placed in the Library in the Images folder.

• Click and drag the Main Background.png from the Images folder to the Backgrounds folder in the Library.

• Drag and drop the Main Background.png image from the Library to the Filmstrip. You will see your cursor turn into an insert slide cursor. Once you see your cursor change – you can release your mouse.

You now have the two background images ready to go.

Notice how there is visual consistency between the slides. You may want to work with a multimedia designer to create backgrounds with a consistent look and feel that matches your branding efforts.

Note: You can take any existing object on the stage and merge it to the background as artwork. This includes Captions, Highlight boxes, and Buttons. All you have to do is right-click on the object and select Merge into Background.

Page 24: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 18 - © Lodestone Digital, LLC

Template Elements: Captions

Captions are the most used object in your Captivate template. You will take a brief look at the various ways captions are used in a template.

Caption Types

You can use captions for the following template elements:

• Body Copy

• Directive Caption

• Wrong Answer, Correct Answer, Hint

• Titles

• Content Placeholder

Place a Caption

We are going to start by placing a caption on our main content slide that will be used as an artwork placeholder.

1. Right click Slide 2 in the Filmstrip and press CTRL+D (Duplicate Slide).

You will leave the base content slide intact and start working with new slides. We will need the base content slide for additional slide types.

2. Add a Slide Label.

• Double click on Slide 3. The Slide properties dialog box appears.

• Change the Slide Label to “Learning Objectives”.

• Click OK.

Page 25: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 19 -

3. Insert a placeholder caption.

• Press SHIFT+CTRL+C (Insert Text Caption).

The New Text Caption dialog box appears.

• For the Caption type choose haloyellow.

• Delete the text and change it to “Image Placeholder”.

• Set the attributes to Align Text Center and Align Text Middle and click OK.

4. Move the caption and resize.

For right now we are not concerned with the exact size and placement. You can use the image below as a guide.

Note: You can also use a sample graphic as your image placeholder. This will make the replacement of the graphics slightly easier, but you lose the ability to customize the placeholder information in the caption. For instance, the placeholder caption could contain the name of the graphic and the dimensions.

Page 26: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 20 - © Lodestone Digital, LLC

Template Elements: Titles

A screen title is really nothing more than a text caption that establishes the main topic of the training on each screen.

1. Make sure you are still on Slide 3 – Learning Objectives.

2. Add the Title Caption.

• Press SHIFT+CTRL+C (Insert Text Caption).

The New Text Caption dialog box appears.

• For the caption type choose [transparent].

• Delete the text and change it to “Food Safety-Hand Washing”.

• Make sure the new text is selected and set the font to Lucida Sans or any sans serif font and the font size to 24.

• Set the vertical alignment to Align Text Middle.

• Change the font color to CRISP logo green by clicking the font color button and choosing the eyedropper tool.

• With the eyedropper tool still in use – click anywhere on the screen that the Crisp logo appears. Make sure you have a green pixel selected. If you don’t get it the first time – try again.

• Click OK to close out of the New Text Caption box.

• Move the title to the upper right of your Learning Objectives Screen.

Lesson Title

Page 27: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 21 -

Template Elements: Skin

The Captivate Skin controls four major elements Playback Control, Borders, Menu, and Info. For this exercise you will make modifications to the Captivate Skin that are specific to our soft skill template. You will be removing the Captivate Skin to make way for the use of custom navigation buttons. If you want to keep the default Captivate Skin – you can skip these steps.

1. Open the Captivate Skin panel by going to the Main Menu and selecting Project > Skin...

The Captivate Skin window opens up and you will notice that there are four tabs in the left column: Playback Control, Borders, Menu, and Info.

2. Modify the Playback Control.

• In the Playback Control tab – deselect the Show playback control checkbox.

This turns off the default Captivate navigation. You will create custom buttons to control your template content – so the Captivate navigation can go away. You will be using the playback control with your simulation templates.

3. Turn off the Border.

• Click the Borders tab.

Page 28: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Captivate 3 Fundamentals

- 22 - © Lodestone Digital, LLC

• Deselect the Show Borders checkbox.

• There is no need for a bottom border if the payback control is turned off.

4. Examine the Menu tab.

This template has no menu - so the Menu option remains off. When you enable the Menu – a small interactive menu appears in the upper part of the Captivate screen. This menu can be customized to jump the user to other screens or perform various functions.

5. Add the Project Information.

• Click the Info Tab.

• Add the following information:

Project Name: CRISP Education Author: (Type your name) Company: CRISP Organic Foods E-mail: [email protected] Website: www.crisporganicfoods.com Copyright: 2009 Description: Education for CRISP Employees.

6. Save your new Skin.

• Click the Save As... button.

• Type in “CRISP No Playback Control” in the Name text box.

• Click the OK button.

The new Skin preset appears in the Skin drop-down menu.

• Click OK at the bottom right of the Skin Editor window to save your settings and close out of the Skin Editor.

Page 29: Captivate 3 TemplatesCaptivate 3 Templates Covering Captivate Foundation Skills . Lodestone Digital, LLC 5605 Seventy-Seven Center Dr. STE 285 Charlotte, NC 28217

Lesson 2: Templates

© Lodestone Digital, LLC - 23 -

Captivate Templates: Next Steps

From this point you can create individual slides with your own content and interactions. Create templates that represent your instructional design process, and mirror an existing storyboard. This will allow you to speed up the development process. From this point you can work on the following:

1. Identify and create major Captivate templates based on instructional design methods. This could be soft or hard skill training, scenario, quiz, etc.

2. Once you establish a template – create placeholder slides. This could include:

• Title slide

• Lesson objectives

• Navigation overview

• Content slides

• Quiz slides

• Lesson Summary slide

3. Test your template before creating any Captivate content.

• Navigation

• Opening and Closing slides

• Load time

• Usability of interactions