Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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:

...

Table of Contents
maxLevel2

...

Publicar un curso en HTML5

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

    Image Added

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

    Image AddedImage Removed

    ¡Hecho! 
    Ha publicado el curso en formato HTML5.

...

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

    Expand
    title¿Qué es el FTP y cómo funciona?

    FTP es 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 — 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ñadirpuede añadir, editar y Eliminar eliminar cuentas FTP. Seleccione la casilla de verificación Crear una carpeta para los archivos de salida casilla de verificación para crear una nueva carpeta con el nombre del curso en su servidor.
    Image Removed
    Image Added

  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.
    Image Removed

    Image Added

    FTP Cuenta
    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
    via
    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.

    Panel
    bgColor#eaf4fd

    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, insertar insértelo en un sitio web. Puede insertar un curso de tres maneras:

...

Table of Contents
minLevel3

...

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:

Code Block
<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”).

...

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

Code Block

...

<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:

Code Block

...

<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 insertar insertarla en un iFrame usando el siguiente código HTML:

Code Block
<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