HTML - eLearning Learning

Integrate Your E-Learning with Google Docs

Integrated Learnings

APRIL 25, 2010

First go into Google Docs and get the HTML embedding code for your survey. Paste embed code in to External HTML object. Add an External HTML object to the page using the menu Add > Object > External HTML. An external HTML object will not show up in the normal Lectora preview mode. Click the Apply button.

Google Docs

Google Docs Doc Google Integrate

Extending Lectora with an iFrame

Integrated Learnings

FEBRUARY 15, 2012

An iFrame is an HTML element that allows you to place a page within a page. Within Lectora, you’ll need to add an External HTML Object to the desired page. In the new External HTML Object’s properties, set the Object Type to “Other” and add your code. Fortunately, it’s not as confusing as Inception.

Lectora

Lectora Google Docs HTML Doc

3 Ways to Link in Lectora

Integrated Learnings

JANUARY 18, 2010

Using an External HTML Object. For those familiar with HTML, you may find it interesting what goes on behind the scenes. Lectora is not actually using the HTML tag. Using an External HTML Object. For the most flexibility, use the External HTML object to write HTML code to create the link. Click Ok to close.

Lectora

Lectora HTML Examples Embed

Simple Steps to Insert a YouTube Video in Lectora

Integrated Learnings

FEBRUARY 1, 2010

Within your Lectora course, go to the page where you want the video and click the Add External HTML icon. Go back to Lectora and open the properties of the External HTML Object you just added. Then paste the Embed code from YouTube into the Custom HTML area. Tags: Lectora YouTube External HTML.

Lectora

Lectora YouTube HTML Video

Lectora Development Best Practices Part 1 – Optimizing Preferences

Integrated Learnings

MARCH 22, 2012

Display HTML Object Names. Advanced editing sometimes requires knowing the HTML id name assigned to a Lectora object. This can be seen without having to search through the published HTML code, but only if a preference is enabled. Under the “General” tab check “Show HTML-published object names in object properties.”

Lectora

Lectora HTML Develop Audacity

An Overview of HTML5

Integrated Learnings

FEBRUARY 1, 2011

As the popularity of the web grew and users demanded more functionality, HTML evolved as web browser manufacturers, like Netscape Navigator and Internet Explorer, and members of web communities recommended and implemented new features. Many of those features would get adopted by the rest of the web community and thus become a part of HTML.

Flash to HTML5 Conversion

Flash to HTML5 Conversion Flash HTML Apple

Add a Touch of Style to Lectora

Integrated Learnings

NOVEMBER 8, 2009

To do this, you need to understand the power behind the external HTML object in Lectora. This object allows you to do many, many things if you know HTML, CSS, and JavaScript. You use this object to add HTML such as an embedded video or other object (links to my google calendar), and yes, you use it to add style to your project.

Lectora

Lectora HTML Google Calendar Calendar

Google Calendar in Lectora

Integrated Learnings

JULY 18, 2009

Embedding a calendar in your Lectora training can be done through Lectora's External HTML object. When you have entered the width and height, click Update HTML then select and copy the code from the text box (see below). From the Add menu choose Object then External HTML. Tags: Lectora External HTML Google. Prerequisites.

Google Calendar

Google Calendar Calendar Lectora Google

It's not Voodoo, It's JavaScript

Integrated Learnings

SEPTEMBER 19, 2009

Use the menu Add > Object > External HTML to add a place to put the JavaScript code. Custom HTML: Cut and Paste the following code into this text box: function validateNumber() { if (VarYears.getValue().match(/[^0-9]/)) Tags: Lectora JavaScript External HTML. Add a variable named "IsNumber" using the default settings.

Lectora

Lectora HTML Internet Project

3 Benefits to Using YouTube in your E-Learning

Integrated Learnings

DECEMBER 21, 2009

You do this by using YouTube's embed feature and basically cut and paste the video into your HTML code. For example, if you are using the authoring tool Lectora, you can grab the embedding code from YouTube and paste it into an external HTML object. You can integrate it into your own web site or into your web based training.

YouTube

YouTube Mashups Benefits Lectora

E-learning Developer vs. Web Developer

Integrated Learnings

OCTOBER 10, 2012

E-learning development tools are usually based on HTML or Flash technologies. To answer that, let's look at some of the abilities you will gain in a web developer : Knowledge of the underlying technologies of e-learning development tools. Integration.

Web

Web Develop SCORM Adobe Captivate

ReviewLink: Online Review Tool for Lectora

Integrated Learnings

JANUARY 25, 2012

This is now an option just like Publishing to HTML or SCORM. Previous versions of Lectora typically have included some handy additional features, but nothing quite as big and useful as ReviewLink. Here’s how it works: The course developer publishes their Lectora X.6 6 built course to ReviewLink.

Lectora

Lectora Tools Trivantis File Size

Using Captivate to Create Cool Text Animations

Integrated Learnings

AUGUST 28, 2011

To learn how to put this on your web page see this article from Adobe or just Google " embed Flash in HTML ". Preview the project and you should see something similar to the animation below. Content on this page requires a newer version of Adobe Flash Player. I hope this gets you started with using text animations in your projects.

Captivate

Captivate Adobe Captivate Flash Player Create

Is Social Media Making You Think

Integrated Learnings

OCTOBER 8, 2009

My background is in web development so I'm well versed in HTML, JavaScript, Flash, and all those types of things that make e-learning go bump in the night. I'm developing self-paced training for my organization.

Social Media

Social Media Social Networks Media Social

Developer's Perspective of Adobe Captivate 6

Integrated Learnings

SEPTEMBER 26, 2012

HTML 5 (eh, mobile) Improvements. Captivate 6 now has HTML 5 as an export option. Further, a single SCORM package can be exported that will adapt to Flash or HTML 5 depending on the learner's system. Adobe has improved on this by adding the ability to capture high definition full motion videos. That's a nice touch.

Adobe Captivate

Adobe Captivate Captivate Adobe Authoring Tools

Lectora Best Practices Part 2 - Variables and Actions

Integrated Learnings

APRIL 18, 2012

Always add “Go to” actions last If you’ve been using Lectora for any length of time, you’ll have noticed preview mode is much different than publishing to HTML. However, in HTML the link occurs first taking the learner to the next page before any other actions occur, so the variable isn’t modified.

Lectora

Lectora HTML AICC Score

Lectora Best Practices Part 3 – Using Text

Integrated Learnings

OCTOBER 31, 2012

Those are image alt tags attached to the HTML code. In Lectora, whatever an image or button is named (as displayed in the Title Explorer pane) will be converted to its alt tag when published to HTML. Use descriptive alt text on buttons and important images. Buttons should also be named according to what they do when clicked.

Lectora

Lectora Compliance Training HTML Images

eLearning Learning

Integrated Learnings

Integrate Your E-Learning with Google Docs

Extending Lectora with an iFrame

Trending Sources

3 Ways to Link in Lectora

Simple Steps to Insert a YouTube Video in Lectora

Lectora Development Best Practices Part 1 – Optimizing Preferences

An Overview of HTML5

Add a Touch of Style to Lectora

Google Calendar in Lectora

It's not Voodoo, It's JavaScript

3 Benefits to Using YouTube in your E-Learning

E-learning Developer vs. Web Developer

ReviewLink: Online Review Tool for Lectora

Using Captivate to Create Cool Text Animations

Is Social Media Making You Think

Developer's Perspective of Adobe Captivate 6

Lectora Best Practices Part 2 - Variables and Actions

Lectora Best Practices Part 3 – Using Text

Stay Connected