New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Publishing eLearning content in HTML5

From: Up and Running with Captivate 6

Video: Publishing eLearning content in HTML5

The term eLearning has been around for quite some time. A newer term is mLearning, short for mobile learning, and that is simply creating eLearning for mobile devices. People are using iPads, and may want to take your eLearning project with them, or maybe even on their mobile devices, such as their smart phones. Well in that case, there's a new format we can publish to, HTML5, that will allow us to do things like access a project on an iPad. So we're going to take a look at HTML5 as a format to publish to, but before we do that, it's important to know that there are certain features and functions in Captivate 6 that are simply not supported in that format.

Publishing eLearning content in HTML5

The term eLearning has been around for quite some time. A newer term is mLearning, short for mobile learning, and that is simply creating eLearning for mobile devices. People are using iPads, and may want to take your eLearning project with them, or maybe even on their mobile devices, such as their smart phones. Well in that case, there's a new format we can publish to, HTML5, that will allow us to do things like access a project on an iPad. So we're going to take a look at HTML5 as a format to publish to, but before we do that, it's important to know that there are certain features and functions in Captivate 6 that are simply not supported in that format.

Luckily for us, there's something called the HTML tracker that will find those things, so we can fix them up before we publish. We access it by going to the Window menu, and we are working with our Volunteer Orientation project. If you need to get caught up go to the Chapter6 folder; open up Volunteer_orientations_SAMOCA29. Then we'll click Window, and then HTML Tracker. It's going to quickly go through all of your slides, and find the ones that have issues, like slide number 8. It contains a widget. If you may recall from a previous lesson, we added a print widget to this slide, if somebody wanted to print out the contents.

So if we want to scroll down to slide number 8, take a look at it, and there it is, Rules of Conduct. Select it in the Filmstrip. You might need to move this HTML Tracker of the way, and as we move it into the dock here, you can see it stays docked, and there's the widget. We will click it, hit Delete on the keyboard, click OK, and look what happens over here in the HTML Tracker. That slide is gone. No issues there. So we would continue on. It looks like slide 23 has an issue, and in this case, it has to do with the animation.

So as we go down to our Vision slide, we are looking for that issue. There it is, and sure enough, we have an animation here that is not text-only animation. So as we scroll through our list on the Timeline, we find that Text Animation. We can delete it, and then we would have to replace the word Vision with just regular text perhaps, but that slide is gone now. So there will be some cleaning up. We have fill in the blank answer, short answer, and matching questions in our quiz that are not acceptable if we are going to publish to HTML5.

So you would have to go through each of those, and change up the question type, or simply remove those if you don't need them. Now, to save some time, I've gone ahead and made those changes. So if you open up Volunteer_orientation _SAMOCA29_b from your Chapter6 folder of the Exercise Files, and run the HTML Tracker, you'll see there is nothing wrong there. And we can drag that back out here if we wanted to, and close it up, and we're back to looking at Properties over here on the right-hand side.

So now that we know our project is ready to be published to HTML5, all we have to this go up to the File menu, go down to Publish, and here at the very top, we already talked about SWF, or Shockwave Flash Format, but you'll notice down below, there is a second option: HTML5. And in fact, if we select it, you'll notice SWF stays selected. This is going to create kind of a hybrid output, and I really like this feature in Captivate 6. If I was to play this on my iPad where there's no Flash player, automatically Captivate knows to play the HTML5 version.

If I was to play this on my PC after it's published, and I do have the Flash player, it would use that version. So it'll use of both versions, depending on what you're viewing it on, and select the right one for your circumstances. So we can leave them both selected. If you only wanted to publish to HTML5, you have to have it selected first, and then deselect SWF. Let's leave them both selected, and as you can see, the project title is SAMOCA29_b. Perfect! We can have it go to our Desktop, and it will be published to a folder, and if we already have that folder there, then we might want to consider removing it, and creating a new spot, or choosing another location.

But we will be okay with this name, SAMOCA29_b. All we have to do now is click Publish, and you can see its generating slides. It'll take a few minutes. It'll publish in that new format, and like I said, when we distributed to our users, depending on where they are, and what they're planning the project on, the correct format will kick in. Just a new feature here in Captivate 6 that will include mobile devices, or what we call mLearning.

Show transcript

This video is part of

Image for Up and Running with Captivate 6
Up and Running with Captivate 6

43 video lessons · 12921 viewers

David Rivers
Author

 
Expand all | Collapse all
  1. 6m 51s
    1. Welcome
      45s
    2. Using the exercise files
      36s
    3. Viewing the finished project
      5m 30s
  2. 29m 57s
    1. What is Captivate 6?
      2m 0s
    2. eLearning basics
      4m 26s
    3. What's new in Captivate 6?
      4m 14s
    4. Touring the interface
      8m 19s
    5. Choosing an appropriate workspace
      3m 4s
    6. Setting up global preferences
      7m 54s
  3. 48m 19s
    1. Creating a project from scratch
      4m 1s
    2. Creating visual interest with themes
      3m 21s
    3. Creating a project from PowerPoint
      4m 32s
    4. Adding text
      6m 50s
    5. Editing the master slide
      3m 43s
    6. Adding shapes
      8m 40s
    7. Adding images
      6m 46s
    8. Using hyperlinks
      6m 45s
    9. Testing and editing hyperlinks
      3m 41s
  4. 32m 14s
    1. Importing from PowerPoint presentations
      3m 26s
    2. Importing Photoshop files
      5m 52s
    3. Inserting animations
      6m 42s
    4. Using widgets
      6m 3s
    5. Inserting interactive elements
      5m 43s
    6. Using built-in actors
      4m 28s
  5. 45m 55s
    1. Adding background audio
      6m 35s
    2. Using voice-overs
      4m 48s
    3. Adding video to a slide
      7m 33s
    4. Synchronizing video
      7m 48s
    5. Creating closed captions
      9m 5s
    6. Preparing a software simulation
      3m 29s
    7. Recording a software simulation
      6m 37s
  6. 39m 20s
    1. eLearning assessment basics
      2m 14s
    2. Setting up a quiz
      8m 48s
    3. Using different question types
      12m 22s
    4. Using remediation
      5m 4s
    5. Exploring partial and negative scoring
      4m 29s
    6. Working with a pretest
      6m 23s
  7. 26m 33s
    1. Preparing a project to publish
      5m 41s
    2. Publishing your project
      9m 0s
    3. Publishing eLearning content in HTML5
      4m 38s
    4. Publishing to YouTube
      2m 58s
    5. Reporting to a learning management system (LMS)
      4m 16s
  8. 26s
    1. Goodbye
      26s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.