iSpring Suite puede convertir cursos a un formato HTML5 compatible con la web. Toda la funcionalidad de PowerPoint, como las animaciones, las transiciones, el video y el audio, se mantendrá. Una gran ventaja de las diapositivas HTML5 es que pueden verse en prácticamente cualquier PC o dispositivo móvil, incluidos los iPads.

Puede incrustar su contenido HTML5 en un sitio web o blog. Para hacer esto, siga esta sencilla guía paso a paso:

Publicar un curso en HTML5

  1. Abra PowerPoint y seleccione la pestaña iSpring Suite 11. A continuación, haga clic en Publicar.



  2. Seleccione la pestaña Mi PC, introduzca el nombre del curso y configure sus ajustes. Por último, haga clic en Publicar. 



    ¡Hecho!     Ha publicado el curso en formato HTML5.

Cargar un curso a un servidor

Después de que el proceso de publicación haya terminado, suba el curso al servidor. Para hacer esto:

  1. Haga clic en FTP en la ventana que se abre después de publicar.


    FTP es un protocolo de transferencia de archivos que le permite cargar archivos a un servidor.

    Para obtener la información de acceso de su cuenta FTP, póngase en contacto con su proveedor de alojamiento. Le proporcionarán los siguientes datos: el nombre del host, el nombre de usuario y la contraseña.

    Para iniciar sesión en el servidor, descargue un cliente FTP — un programa que proporciona acceso a un servidor. Uno de los clientes FTP más populares es FileZilla.

  2. Verá una ventana en la que puede añadir, editar y eliminar cuentas FTP. Seleccione la casilla de verificación Crear una carpeta para los archivos de salida para crear una nueva carpeta con el nombre del curso en su servidor.



  3. A continuación, en la ventana abierta, ingrese la información de inicio de sesión FTP que ha recibido de su proveedor de alojamiento. Por último, haga clic en OK.

    Cuenta FTP              
    Nombre del hostEl nombre del host (p. ej., mysite.com) o la dirección IP (p. ej., 77.77.55.88) del servidor web donde se cargará la presentación.
    PuertoLos servidores FTP generalmente usan el puerto 21, pero a veces el número de puerto puede ser diferente. Para obtener más información, póngase en contacto con su administrador de red.
    Usar conexión encriptada vía SSL/TLSEl programa establecerá una conexión segura con un servidor mediante FTP con TLS/SSL (FTPS).
    Carpeta en el servidor FTPLa ruta a una carpeta en el servidor FTP.
    Nombre de usuarioSi no se permite el acceso anónimo al FTP, escriba su nombre de usuario.
    ContraseñaSi no se permite el acceso anónimo al FTP, escriba su contraseña.

    +

  4. A continuación, debe averiguar la URL HTTP de la presentación HTML5 cargada y copiar la URL al Portapapeles. La URL de la presentación depende de la configuración específica de su servidor.

    Asegúrese de que la URL seleccionada empiece por ‘http://’ y no por ‘ftp://’

Insertar su presentación HTML5 en un sitio web

Después de haber cargado el curso al servidor, insértelo en un sitio web. Puede insertar un curso de tres maneras:

Reproducir su presentación HTML5 en una página web independiente

Una de las formas más sencillas de compartir su presentación mediante un sitio web es proporcionar un hipervínculo a la presentación en algún lugar de una página web. Para insertar un hipervínculo, cambie al modo de edición HTML y utilice el siguiente código:

<a title="CUSTOM TITLE OF THE LINK" href=”ENTER YOUR URL” target=”_blank”> CUSTOM TEXT OF THE  HYPERLINK</a>

Puede elegir abrir la presentación en una nueva pestaña del navegador (target=”_blank”) o en la misma pestaña (target=“_self”).

Reproducir su presentación HTML5 como una ventana emergente

Para que su presentación se abra en una ventana emergente, asegúrese de que su sitio web permita el uso de código JavaScript.

Puede utilizar el siguiente código para crear una ventana emergente al hacer clic:

<script>  function popup(url) 
{
     window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
</script>
<a onClick="popup('http:// ENTER YOUR URL ')">CUSTOM TEXT OF THE HYPERLINK</a>

Puede personalizar la Anchura y la Altura, y añadir diferentes elementos a su pop-up (Saber más aquí).

O bien, puede configurar la ventana emergente para que aparezca tan pronto como se cargue la página web:

<script>  function popup(url) 
{
     window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
popup('http://ENTER YOUR URL');
</script>

Insertar su presentación HTML5 en una etiqueta HTML iFrame

Si desea mostrar su presentación HTML5 dentro de su página web, puede insertarla en un iFrame usando el siguiente código HTML:

<iframe src="http://ENTER YOUR URL" width="800" height="600" scrolling=”no” />

Si se publica en su sitio web de una de las formas descritas anteriormente, su presentación HTML5 podrá llegar a un público mucho más amplio mediante navegadores web modernos, dispositivos móviles y iPads. Saber más sobre iFrames de HTML. 

  • No labels