Exportar como HTML5 para el sitio web le permite crear una presentación de diapositivas utilizando clips de su proyecto PhotoStage e integrarla en su sitio web.

El código fuente del sitio web (HTML, CSS, Javascript) y sus dependencias de imagen se crearán en el destino seleccionado. Actualmente, solo se admiten imágenes con sus efectos aplicados (excepto animaciones) y transición de fundido cruzado.

Opciones de exportación

Las siguientes opciones están disponibles en el cuadro de diálogo de exportación:

Integración con el sitio web

Es muy fácil agregar la presentación de diapositivas ya sea a un nuevo sitio web o a uno existente. La exportación a HTML5 para el sitio web proporciona un archivo html de ejemplo (index.html) que se puede utilizar para iniciar la creación de su sitio web con la presentación de diapositivas. Contiene una etiqueta con slideshow.html como origen. Para facilitar el diseño, sigue el tamaño de su contenedor principal (es decir.

Para incluir la presentación de diapositivas en su sitio web existente, copie y pegue el siguiente código en su archivo html. Utiliza la etiqueta <iframe> similar dentro de un contenedor primario que define el tamaño de la presentación de diapositivas. Para ello, deberá copiar el contenido del directorio Guardar en en el host, excepto index.html. El <iframe> se utilizará para incluir la presentación de diapositivas a su sitio web. Puede ajustar la anchura y la altura del <div> según sea necesario.

<div stylewidth:640px; altura:690px; margen:auto>
<!-- Anchura y altura del iframe es un porcentaje del elemento primario -->
<!-- Establecer el margen en auto centra el iframe horizontalmente dentro del div -->
<!-- Establecer el estilo de borde en ninguno elimina el borde iframe predeterminado -->
<iframe src-slideshow.html style-width:100%; altura: 100%; margen:auto; estilo de borde:ninguno>
</iframe>
</div>

La proyección de diapositivas está alineada por defecto en el centro de su contenedor de nivel superior (por ejemplo, otro <div> o <cuerpo>). Para modificar esto, haga lo siguiente en el <div> que contiene el <iframe>:

Cambie margin:auto a float:left para la alineación izquierda y a float:right para la alineación derecha.