...
...
iSpring Suite 11: Cómo incrustar su contenido HTML5 en un sitio web
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 | ||
|---|---|---|
|
...
Publicar un curso en HTML5
- Abra PowerPoint y seleccione la pestaña iSpring Suite 11. A continuación, haga clic en Publicar.
...
- 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:
Haga clic en FTP en la ventana que se abre después de publicar.
...
Expand title
...
¿Qué es el FTP y cómo funciona? 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.
- 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.
...
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 host El 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
...
. Puerto Los 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/TLS El programa establecerá una conexión segura con un servidor mediante FTP con TLS/SSL (FTPS). Carpeta en el servidor FTP La ruta a una carpeta en el servidor FTP. Nombre de usuario Si no se permite el acceso anónimo al FTP, escriba su nombre de usuario. Contraseña Si no se permite el acceso anónimo al FTP, escriba su contraseña. +
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,
...
insértelo en un sitio web. Puede insertar un curso de tres maneras:
...
| Table of Contents | ||
|---|---|---|
|
...
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”).
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:
| 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
...
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.
...
Archivos adjuntos:
12.png (image/png) 
image2021-5-12_16-41-49.png (image/png) 
image2021-1-21_10-30-56.png (image/png) 
image2020-8-22_20-55-5 copy.png (image/png) 
image2020-8-22_21-58-37.png (image/png) 
image2020-8-22_21-57-25.png (image/png) 
image2020-8-22_21-56-42.png (image/png) 
Screenshot_32.png (image/png) 
Screenshot_31.png (image/png) 
Screenshot_28.png (image/png) 
Screenshot_27.png (image/png) 
image2020-4-29_19-58-28.png (image/png) 
image2020-4-29_19-56-40.png (image/png) 
image2020-4-29_19-53-12.png (image/png) 
image2020-4-29_19-48-56.png (image/png) 
image2020-4-29_19-48-4.png (image/png) 
image2022-6-10_16-26-38.png (image/png) 
image2022-5-27_15-30-57.png (image/png) 
image2022-2-16_11-22-40.png (image/png) 
image2022-2-16_11-17-46.png (image/png) 
image2022-2-16_11-15-39.png (image/png) 
Group 2.png (image/png) 
image 1.png (image/png) 
image 6.png (image/png) 
image 9.png (image/png) 
image 10.png (image/png) 
image-2025-10-30_4-45-1.png (image/png) 
image-2025-10-30_4-49-5.png (image/png) 
image-2025-10-30_4-59-28.png (image/png) 
Document generated by Confluence on May 22, 2026 08:30
...