HTML and Slides - eLearning Learning

AI, DEI, Twine: ID Links 4/23/24

Experiencing eLearning

APRIL 23, 2024

Twine Screen Reader: A Browser Extension for Improving the Accessibility of Twine Stories for People with Visual Impairments | Interactive Storytelling Twine exports stories to HTML, so in theory the content should be reasonably accessible to screen readers (as long as you add alt text for images etc.).

Diversity Training

Diversity Training Storyboard Beginner Library

How to Create eLearning Using PowerPoint

Association eLearning

APRIL 24, 2014

If you’re not an experienced Flash or HTML programmer or are short on resources, PowerPoint may be the only eLearning development tool you have available. Set up Slide Masters. Setting up Slide Masters also allows you re-use layouts without the hassle of matching up colors or text and shape positions every time you create a new slide.

PowerPoint

PowerPoint Create eLearning Articulate Presenter

HTML Slides invisible/missing in published/preview Content

Adobe Captivate

NOVEMBER 27, 2018

It seems as though my HTML5 output only publishes the first 20 slides then shows nothing but the background. The SWF output contains the entire course (136 slides) but the HTML5 output stops at slide 40 and simply shows the background. I do not experience any of this in the SWF version. Any thoughts?

HTML

HTML Slides SWF Content

The 360 slide cannot be displayed when I opened the published html file

Adobe Captivate

OCTOBER 17, 2018

Hi, I love the new 360 slide and VR project features, which can provide an immersive training for my learners, so I start a trial on using the Captivate 2019 and create a blankslide and vr project to have a try on the new feature. the cannot be displayed 360 slide. the functioning normal slide. the cannot be displayed 360 slide.

HTML

HTML Slides Open Captivate

HTML preview/output not working

Adobe Captivate

APRIL 2, 2019

Dear Adobe Community, Currently my html preview/output is not working and I wonder if you can help me with that. I added some more in build states to multistate objects (clicked state) and some advanced actions to also change the state of these buttons if slides had been visited on entry. Previewing other projects in HTML works fine.

HTML

HTML Firefox SWF Adobe Captivate

Published HTML project not working

Adobe Captivate

JUNE 10, 2019

I’ve created two responsive “test” projects, both with three slides, and when I publish them to HTML 5 and then click on the index.html on my computer it works fine. The post Published HTML project not working appeared first on eLearning. Any ideas what I could be doing wrong?

HTML

HTML Project Adobe Captivate SharePoint

Tools for Building Branching Scenarios

Experiencing eLearning

AUGUST 3, 2021

Responsive output : Twine creates a responsive output (it’s HTML). Animation and Media: Storyline is great for timed animation, special effects, and controlling exactly what each slide will look like. For example, I did a project last year that ended up with over 70 slides. Free : Twine is a free, open source tool.

Tools

Tools Simulations Miro Google

Typing Text – HTML output

Adobe Captivate

MARCH 11, 2019

Of course, the best way would be to create a HTML animation (OAM) and insert it as animation. I inserted it as looping background audio, and muted that background audio on all slides except this typing text slide. The post Typing Text – HTML output appeared first on eLearning. You could use JS as well.

HTML

HTML SWF Audio Slides

Publishing a responsive project to Moodle (Html only)

Adobe Captivate

JANUARY 16, 2019

Right now im struggeling to 1) publish my project as a html-only version and get it to work on moodle (optimally with LMS SCORM 1.2). A second Issue im Having ist that suddenly, 2) my preview (full project) and published versions only show slides 1-10 and the rest of the slides (approx. Here I want to publish it in html.

HTML

HTML Moodle Project IM

Set Variables With Interactive Sliders – Part 2 HTML and CSS

Adobe Captivate

MAY 6, 2018

In this post, I will share with you the HTML and CSS code that go into creating the slider itself. Second, we need some HTML code. Now, I do not intend to teach HTML, CSS, or JavaScript here but to show you how it is setup so you may replicate it in your own projects. Here is the minimum code for a sliding bar. <html>

HTML

HTML Interactive Classes Track

Get rid of White start screen with Black button (HTML output)

Adobe Captivate

MARCH 28, 2018

” When publishing to HTML the AutoPlay is automatically disabled, Reason is that some devices and OS (iOS) do not allow Autoplay. All embedded HTML movies in my blog were using this type. The uploaded published HTML project will by default have a dimmed Poster image (Alpha = 70%). Play Arrow. Dimmed or not Dimmed?

HTML

HTML SWF PNG Movie

Adding a Slide Bar

Adobe Captivate

JUNE 4, 2018

There are a lot of cool things you can do with a slide bar. This tutorial will show you how to add a slide bar and capture and use its data variable. Save the text document with the suffix html. Then zip the html file. Then zip the html file. On the slide with the slider, execute javascript On Enter.

Slides

Slides HTML Captivate Tutorial

Add a Slide Bar to your Projects

Adobe Captivate

JUNE 4, 2018

There are a lot of cool things you can do with a slide bar. This tutorial will show you how to add a slide bar and capture and use its data variable. Save the text document with the suffix html. Then zip the html file. Then zip the html file. On the slide with the slider, execute javascript On Enter.

Slides

Slides Project HTML Captivate

About Slides and Frames – Intro to Micro-navigation

Adobe Captivate

MAY 11, 2018

Time to upgrade this article to integrate the changes within newer versions (system variable names) and the switch from SWF to HTML output. The present post can be considered as an introduction to ‘micro-navigation’ Slides versus Frames. You, Captivate user, are aware of slides and master slides.

Slides

Slides SWF Movie Micro-Learning

Captivate 2019 Preview ‘Project’ works differently to Preview ‘HTML 5 in Browser’

Adobe Captivate

MARCH 4, 2019

If however, you preview exactly the same project as ‘HTML 5 in Browser’, on the final press of the submit button, instead of taken the user back to the menu, the course advances to the next slide. I’m guessing this is some kind of bug since the only difference is the way in which the course is being previewed?

HTML

HTML Captivate Project Press

Captivate’s Quizzes (5): Master Slides

Adobe Captivate

MARCH 17, 2019

This is the fifth blog post about default Quizzing slides. Five of the compulsory master slides in any theme are linked with Quizzing. Same master slides are used for Pretest and Knowledge Check slides. With CP2019 Overlay Knowledge Check slides are availabke in an Interactive Video. Non-responsive project.

Slides

Slides Quiz Captivate Images

Captivate video (distributed across multiple slides) not playing on mini iPad

Adobe Captivate

FEBRUARY 19, 2019

I have a @10 minute video distributed across multiple slides (great for bookmarking and play on other hardware) that will not play on a mini iPad with Safari or Chrome (updated to current OS). The ‘slide’ displays (like a preview or screenshot) but the video will not play. Plays through on other hardware and browsers.

iPad

iPad Slides Captivate Video

Some images do not display when published, but do display using the HTML 5 Browser view. Why not?

Adobe Captivate

SEPTEMBER 18, 2018

I have a simple Captivate (Release 2017) project with several slides that contain images. On six of the slides the images display when performing an HTML5 Browser view, but they do NOT display in LMS. I tried deleting the entire slide and then recreating – that did not work. All images are.jpeg. That did not work.

HTML

HTML Images Slides Captivate

Using Adobe Animate in Captivate Slides

Adobe Captivate

APRIL 26, 2018

The post Using Adobe Animate in Captivate Slides appeared first on eLearning.

Slides

Slides Adobe Captivate Flash to HTML5 Conversion

Converting ELearning To Tablet Learning: Cost-effective Solutions

Upside Learning

OCTOBER 11, 2012

For HTML output. Text-heavy course: In this case, redeveloping the course in HTML or using Lectora Inspire will work best. Basic interactivities are generally well supported in HTML/can be easily developed using this authoring tool. Animation-rich course: Here again, one can use Lectora or HTML as a framework.

Flash to HTML5 Conversion

Flash to HTML5 Conversion Convert Cost ActionScript

ADOBE CAPTIVATE 2017: Workaround for the Spelling Bug

The Logical Blog by IconLogic

JULY 31, 2017

She said she was seeing "background HTML" when running spell check. If your project includes Slide Notes, you'll see the code shown in the image above. If your project includes Slide Notes, you'll see the code shown in the image above. You can ignore the HTML code while spell checking. Don't do it.

Adobe Captivate

Adobe Captivate Captivate Adobe HTML

How to Create a PowerPoint Presentation from your Adobe Captivate Project

Adobe Captivate

OCTOBER 23, 2017

Adobe Captivate allows a simple way to print your Captivate slides to a Microsoft Word document, however there may be times when you are required to create a Microsoft PowerPoint deck of the Captivate slides. So how do we get the Captivate slides into PowerPoint, without individually taking a screenshot of each slide?

Adobe Captivate

Adobe Captivate PowerPoint Adobe Captivate

How to Convert Courses from PPT to SCORM ?

Paradiso Solutions

APRIL 9, 2023

The eLearning content is far more engaging and interactive that enhances user retention and effectiveness of learning. PowerPoint is an easy way to deliver presentation through slides but unfortunately lacks the advanced progress tracking system. The content is in SCORM format which makes it interactive and easily sharable.

PPT

PPT SCORM Convert Authoring Tools

How To: Embed a URL within a lesson

Ed App

APRIL 14, 2020

This could be on any Content slide, within the Takeaway Field , or on the Exit slide. Use the following HTML tag. Write the following HTML template into your lesson where you would like the URL to sit. <a Close your HTML tag. You now need to indicate where the link ends, which is called “closing your HTML tag”.

Embed

Embed Lesson HTML Courseware

Adobe Captivate: Bookmarking Without an LMS

The Logical Blog by IconLogic

APRIL 8, 2014

You can test the bookmarking by publishing the project and then opening the HTML file with any web browser. Move through a few slides in the lesson and then close the browser window. By enabling Self-Paced Learning, you have basically activated Captivate's bookmarking feature.

Adobe Captivate

Adobe Captivate Adobe Captivate LMS

Electrify Our Templates With Pantone’s Color of the Year

eLearning Brothers

JANUARY 24, 2018

You’ll see that there are four slides in the package. Double-click the first slide to open to slide view. From the toolbar select Format>Shape Fill>More Fill Colors… Enter the HTML code for the Color of the Year (5F4B8B) and click OK. Enter the Color of the Year HTML code (5F4B8B), then click OK.

Templates

Templates Lectora Adobe Captivate Library

How to Create Microlearning Using the Instancy Microlearning Editor

Instancy

DECEMBER 29, 2021

Add HTML Blocks – HTML blocks are ready-made content layouts that make content development faster. Select the Design tab and drag and drop the HTML Blocks component onto the right pane; it opens a pop-up window with a gallery of HTML Blocks. Add the HTML Block and start adding the questions.

microlearning

microlearning PPT HTML Create

How to Create Microlearning Using the Instancy Microlearning Editor

Instancy

DECEMBER 29, 2021

Add HTML Blocks – HTML blocks are ready-made content layouts that make content development faster. Select the Design tab and drag and drop the HTML Blocks component onto the right pane; it opens a pop-up window with a gallery of HTML Blocks. Add the HTML Block and start adding the questions.

microlearning

microlearning PPT HTML Create

eLearning Thought Leaders: Mark Lassoff

eLearning Weekly

NOVEMBER 11, 2011

I’m not just talking about the two big programming languages, HTML and Flash. Right now we have three courses available– HTML and CSS for Beginners (Including HTML5!), Our self-paced HTML course has over 1000 students in it. eLW: I took your HTML/CSS course on Udemy.com. It’s easier.

Flash to HTML5 Conversion

Flash to HTML5 Conversion Corporate eLearning HTML Beginner

Responsive eLearning Design (RED)

Learning Visions

SEPTEMBER 21, 2012

We've got authoring tools that output to Flash and HTML and do this and do that. In case you missed it, the webinar recording and slides are now available. iPads, iPhones, Galaxy Tabs, laptops, desktops -- it's now a learning-on-the-go world where most of us regularly access multiple devices in a day. (Me?

Design

Design iPhone eLearning HTML

ADOBE CAPTIVATE 2017: Responsive Design Has Never Been So Fluid

The Logical Blog by IconLogic

APRIL 27, 2017

Using Captivate's Responsive features (available only if you chose File > New Project > Responsive Project), you can design each of your slides for up to five different devices (known as breakpoints, three of which are shown in the image below). I was able to create the slide below in about five minutes.

Adobe Captivate

Adobe Captivate Captivate Adobe Design

Convert PPT to SCORM: Top Tools to Convert PowerPoint Into SCORM Packages

Hurix Digital

SEPTEMBER 22, 2020

Boasting of a great slide deck, it is used across every industry ubiquitously. The conversion allows each slide in the PowerPoint presentation to become a slide in a new SCORM presentation, where you can either add new slides with interactive elements such as questions and quizzes or overlay interactions on the content.

PPT

PPT SCORM Convert PowerPoint

Convert PPT to SCROM: Top Tools to Convert PowerPoint Into SCORM Packages

Hurix Digital

SEPTEMBER 22, 2020

Boasting of a great slide deck, it is used across every industry ubiquitously. The conversion allows each slide in the PowerPoint presentation to become a slide in a new SCORM presentation, where you can either add new slides with interactive elements such as questions and quizzes or overlay interactions on the content.

PPT

PPT Convert SCORM PowerPoint

Html5 slider and Javascript

Adobe Captivate

MAY 7, 2019

I have tried to insert a range slider into captivate using an html animation with the code below. I have added Java script function slideFunction() { } to the enter slide action, on the slide that the slider is on. html code and script: <div class=”slidecontainer”> <input type=”range” min=”1?

HTML

HTML Captivate Slides Classes

Check if TEB is empty (Where is Null?)

Adobe Captivate

MAY 7, 2018

However it is now partially broken for HTML output in CP9 and CP2017. For that reason I will restrict the explanation in this post to one TEB on the slide. It is this second part that is no longer functional in recent versions for HTML output. Solution 1: Using Dummy slide. You see this solution on slide 4.

Movie

Movie SWF Slides HTML

Articulate vs. Lectora | LearnNuggets

NuggetHead

AUGUST 12, 2009

Recently, Lectora launched a new tool that integrates PowerPoint slides directly into a Lectora project. The entire project took less than two hours, which included collecting graphics, layout, writing the content, linking navigation, and publishing to a basic web page (html) in both tools. It is what it is – PowerPoint slides.

Lectora

Lectora Articulate PowerPoint Compliance Training

Creating Accessible eLearning with Articulate Storyline 360

B Online Learning

DECEMBER 19, 2016

By default, screen readers read on screen objects from left to right, top to bottom but the objects you have on your slides may not fit to this pattern. In Storyline 360 you can change the tab order so that someone using a screen reader and the Tab key can move to each object in the order you set up rather than the slide layout.

Articulate

Articulate Flash to HTML5 Conversion Create Player

objects disappearing after HTML5 publication

Adobe Captivate

JANUARY 13, 2019

I have a project that I was publishing in both html and swf. However, the client had issues with flash running properly and wants it in only html. One slide i have looks like this: It is a drag and drop with multiple answers available. Hi everyone!!! that has caused problems. it works just fine in preview and swf. Thanks!!!!!

Flash to HTML5 Conversion

Flash to HTML5 Conversion SWF HTML Flash

CP2019’s Tiny Gems

Adobe Captivate

SEPTEMBER 11, 2018

If you forgot, you ended up with an ugly thick grey bottom border on all slides. This gem is only valide for non-responsive projects because responsive projects can only be previewed as HTML. As indicated in this image, never use Play Slide as Preview, only for synchronizing on the timeline. HTML rectangle Play Icon.

SWF

SWF Flash Player HTML Slides

Problem viewing 360 images after publish with Captivate

Adobe Captivate

DECEMBER 5, 2018

I have a project that started out a blank project, to which I added a 360 slide using Slide> 360 slides. I read on a different thread that publishing as scalable HTML can create issues with hotspots, I did not publish as scalable HTML. When previewing, the 360 image and hotspots work well.

Images

Images Captivate Problem HTML

A simple interactive learning object

E-Learning Provocateur

SEPTEMBER 27, 2011

After I got all my images in order, I inserted each one onto its own slide in Adobe Captivate, ensuring the canvas size was exactly the same as the image dimensions (in this case, 1024 x 768). When I published my learning object in Captivate, the software produced a swf file, an accompanying skin, an html host, and a javascript source.

Learning Objects

Learning Objects Learning Objectives Interactive SWF

CPVC File will not load inside the Captivate Project

Adobe Captivate

JUNE 28, 2018

Up through April, I had no problem with the slides loading or playing at HTML 5 on my desktop. Since January 2018 I’ve been creating Captivate 2017 Responsive courses with video simulations captured first as CPVC files and then inserted into the bigger Captivate course. Then I realized all of my old projects no longer work.

Captivate

Captivate Project Simulations HTML

Adding an effect makes objects disappear when viewing in HTML5 Captivate 2019

Adobe Captivate

OCTOBER 19, 2018

All I did was apply an effect to my title object to make it slide in from the left. Once I did that I previewed the slide and it executed perfectly as well as all the other objects on the slide. However, when I go to preview in HTML 5 nothing shows up, including the title with the effect. What is the deal? Please help.

Captivate

Captivate Effectiveness HTML Slides

Accessing Image by ID containing a specific word via an external JS file?

Adobe Captivate

OCTOBER 11, 2018

This was nice as I could control the css and html of the images, however, loading a.zip file on each slide with an image can take a minute and sometimes images don’t load right away. I’ve tried this using $(“img … and $(“div … as I’m not sure what HTML tag captivate assigns to images?

Images

Images HTML Captivate Slides

AI, DEI, Twine: ID Links 4/23/24

How to Create eLearning Using PowerPoint

Trending Sources

HTML Slides invisible/missing in published/preview Content

The 360 slide cannot be displayed when I opened the published html file

HTML preview/output not working

Published HTML project not working

Tools for Building Branching Scenarios

Typing Text – HTML output

Publishing a responsive project to Moodle (Html only)

Set Variables With Interactive Sliders – Part 2 HTML and CSS

Get rid of White start screen with Black button (HTML output)

Adding a Slide Bar

Add a Slide Bar to your Projects

About Slides and Frames – Intro to Micro-navigation

Captivate 2019 Preview ‘Project’ works differently to Preview ‘HTML 5 in Browser’

Captivate’s Quizzes (5): Master Slides

Captivate video (distributed across multiple slides) not playing on mini iPad

Some images do not display when published, but do display using the HTML 5 Browser view. Why not?

Using Adobe Animate in Captivate Slides

Converting ELearning To Tablet Learning: Cost-effective Solutions

ADOBE CAPTIVATE 2017: Workaround for the Spelling Bug

How to Create a PowerPoint Presentation from your Adobe Captivate Project

How to Convert Courses from PPT to SCORM ?

How To: Embed a URL within a lesson

Adobe Captivate: Bookmarking Without an LMS

Electrify Our Templates With Pantone’s Color of the Year

How to Create Microlearning Using the Instancy Microlearning Editor

How to Create Microlearning Using the Instancy Microlearning Editor

eLearning Thought Leaders: Mark Lassoff

Responsive eLearning Design (RED)

ADOBE CAPTIVATE 2017: Responsive Design Has Never Been So Fluid

Convert PPT to SCORM: Top Tools to Convert PowerPoint Into SCORM Packages

Convert PPT to SCROM: Top Tools to Convert PowerPoint Into SCORM Packages

Html5 slider and Javascript

Check if TEB is empty (Where is Null?)

Articulate vs. Lectora | LearnNuggets

Creating Accessible eLearning with Articulate Storyline 360

objects disappearing after HTML5 publication

CP2019’s Tiny Gems

Problem viewing 360 images after publish with Captivate

A simple interactive learning object

CPVC File will not load inside the Captivate Project

Adding an effect makes objects disappear when viewing in HTML5 Captivate 2019

Accessing Image by ID containing a specific word via an external JS file?

Stay Connected