Join Aaron Quigley for an in-depth discussion in this video Publishing to HTML5, part of Captivate 8 Essential Training.
When it comes to publishing your project, there's several options available to you depending on how you built your project. Here we have a basic project which is not responsive. These not responsive projects actually have a lot of ways that they can be published. For example, when I go to publish, I can select publish to computer, and here I can choose whether to publish it as HTML5, or as a video. For example, you can create an entire presentation, add times signatures to each of the slides, have no navigation to it, and publish it as a video that could be uploaded to something such as YouTube or Vimeo.
When you publish to HTML5 you're intending to put this on the web somewhere, or have people access it inside of a web browser. When people access your e-learning inside of the web browser they then have the opportunity for the interactions. Such as using navigation buttons and going through the interactive learnings. Before you publish your project, it's important to make sure you give your project a title, and that you choose the appropriate location for it. By default, Adobe's going to put everything in your document folder under My Adobe Captivate Projects. You can also choose to have the file compressed by choosing Zip Files, and you can also choose to publish to a folder.
I highly recommend that you publish to a folder, as there's a lot of different parts that are created when you publish your e-learning, and the folder helps keep everything in the same place. So if you were to upload this to, let's say, a web server, you won't accidentally forget a file that could make your presentation not function or look strange as it's being used on the web. For the output format you have two different options. You have SWF and HTML5. I highly recommending only HTML5 to make sure that your e-learning can be played in a variety of devices. If you're using SWF, you may not be able to play it on certain devices that don't support Flash.
Once you have all of your settings done, all you have to do is click Publish and Captivate will take care of the rest. Now let's take a look at the responsive project that we've been creating. When we go to the Publish tab, it says Publish for Devices. The reason being is it's going to take this entire file and create one set of HTML that can be used to access on the Primary display, the Tablet display or even the Mobile display. So, let's select Publish and select Publish for Devices. Because we're publishing for multiple devices, Adobe Captivate knows that we don't want to use any Flash.
If you use Flash in your project, anyone using iOS, such as an iPad or an iPhone, won't be able to access your elearning. With HTML5 we can upload these to any web server and then any user can access it. When they access your learning, the first thing the learning's going to do is to check the screen resolution of that particular user. And then send to them the appropriate files for either the desktop view the tablet view or the mobile view. When your publishing from HTML5 for responsive, you also have the opportunity to turn mobile gestures on and off at this time. The same with GEO location as well as accessibility.
When you've got everything set go ahead and click Publish
- Choosing a project layout
- Applying and changing themes
- Adding text, media, and shapes
- Inserting interactive elements and widgets
- Adding audio and video
- Adding closed captions to video
- Using responsive templates, text, and images
- Accessing elearning
- Creating software simulations
- Publishing a Captivate project