HTML5 Resource with ZIP

The HTML5 Resource of Yeira is an element that allows you to incorporate interactive Content to the Course uploading a compressed ZIP file. This advanced element requires a higher level of technical knowledge to be developed and to be able to take full advantage of it, however, it is possible to make use of various authoring tools that allow the content to be easily exported in HTML5 format. Follow the following steps to ensure that the Content folder is properly structured to avoid errors in its upload within Yeira.

Step 1: Make sure the HTML content has the right structure

Open the Contents folder before compressing it to ZIP .
Verify that you have a file called "index.html" in the root of the folder as shown in the following image:

Estructura correcta de una carpeta de Contenidos HTML5

Exit the folder and position the cursor on it, right click to display the options.
From outside the folder, select "Compress Folder".
Verify that it has been compressed in ZIP format correctly.

Step 2: Upload the ZIP file

Go to Login> Courses> Course> Edit> Content> Course Content
Create a New Topic or open one that you have already created to insert the HTML5 Resource.
Click on the* "orange circle" icon**. The Topic Resources available within the Course Topic will open.
Click on the "New HTML5" icon. An Edit window will open.
Add the Name of the Resource that you want to appear, it will be visible to your Users.
You will see two tabs "ZIP" and "Embed" . Within the "ZIP"** tab, drag your ZIP folder or click inside the dotted box to select one.
Once the "ZIP" file is uploaded, click "Save". The HTML5 / ZIP will be added immediately within the Course Topic .
To preview it in the Content Viewer from the User's point of view, click on the icon "eye".

If you want to reorder the Resource, see the Reorder Topics and Resources Tutorial .

Inserta un Recurso tipo HTML5 con ZIP

Do you need technical support to upload your HTML5 ZIP? Write to us at soporte@yeira.training

You don't have a Yeira account yet? Create a free account now here.
Was this article helpful?
Cancel
Thank you!