Over the past few weeks I've taught you about text hyperlinks and object hyperlinks. This week, let's dive into yet another way you can get your learners to a website: Web objects.
While both text and object hyperlinks will take the learner to a website, the resulting website will either appear in a new browser window/tab, or replace the lesson completely. In the case of the latter, the learner will need click the browser's Back button to get back to the lesson.
Web objects allow you to embed a website directly on a Captivate slide. Once the website loads, the learner can interact with the website as normal (without ever leaving the lesson)
To add a Web object to a slide, click Objects and choose Web.
With the object selected, visit the Properties inspector. You can add a Web address (just like any hyperlink). In the image below, notice that there is an Embed code option. You'll find the ability to Embed code particularly useful if you want to control the size of the window when it appears on the slide or its relative position onscreen.
You have the ability to Auto Load the website and control whether the website appears on the Slide (which is the default) or in a new browser window. And you can add a border to the object, allow the learner to scroll through the website, and add a Loading Animation (useful if the target website is large and is going to take some time to download).
In the image below, a web address has been added to the Address area. Notice that it appears directly on the Captivate slide (there's no need to preview in a Web browser first).
In the image below, check out how the web browser displays the website (and I was able to scroll around the website).
If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn more Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.
Hello! I embedded a web object directly onto one of my captivate 8 slides. I opted to uses the Addess option from the Properties menu. The website displays appropriately when I play it back in the browser (F12 shortcut). However, when I published the project as a SWF and uploaded it to our LMS, Internet Explorer cannot display the webpage.
I extended the timeline and then selected the Loading Animation option thinking maybe it needs more time to load, but that did not help. Thoughts?
Posted by: Heather Thompson | May 26, 2015 at 12:00 PM
What version of IE are you using? Older versions of IE would have problems with web objects.
Posted by: Kevin Siegel | May 27, 2015 at 12:24 PM
Having similar problem as Heather - can preview the web object using f12, but on publish cannot see the object when viewing locally (opening the html file from the published folder - all other elements are visible, just not the embedded web page). Using Chrome Version 43.0.2357.130 m.
Also won't show in pdf version used for SME review.
Any thoughts welcome. Thanks.
Posted by: Lance | July 01, 2015 at 07:55 PM