Scribd Logo
Upload

Welcome to Scribd!

  • Cómo Hacer Una Presentación de Diapositivas en HTML en 3 Sencillos Pasos

    Uploaded by

    Sidalia Mercedes Taveras
    31 views5 pages
    diapositiva

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    diapositiva

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    31 views5 pages

    Cómo Hacer Una Presentación de Diapositivas en HTML en 3 Sencillos Pasos

    Uploaded by

    Sidalia Mercedes Taveras
    diapositiva

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    Cmo hacer una presentacin de diapositivas en html en 3 sencillos pasos

    Crear una presentacin de diapositivas en HTML es fcil con cssSlider. Puede descargar cssSlider
    para Windows o Mac haciendo clic aqu. Abra el programa y podr ver una presentacin de
    diapositivas en blanco, lista para que usted agregue imgenes.

    Paso 1: Haga clic en "Aadir imgenes" en la barra de navegacin superior


    Usted tiene dos opciones para aadir imgenes. La primera opcin es hacer clic en el botn "Aadir
    imgenes" en la barra de navegacin superior. Esto le permitir navegar a travs de sus archivos y
    encontrar imgenes para su uso.

    La segunda opcin es arrastrar las imgenes directamente a la presentacin.

    Paso 2: editar las descripciones y la configuracin


    Una vez que hayas aadido las imgenes, estas aparecern en el cssSlider en la barra lateral
    izquierda. Tambin podr ver una vista previa de su presentacin en la ventana central.

    Puede editar las descripciones muy fcilmente cambiando el campo "Ttulo" debajo de la imagen.
    Tambin hay espacio para que usted agregue una segunda descripcin ms larga.
    Por ltimo, puede utilizar el campo "URL" para aadir una direccin web para establecer el destino
    correcto a la que la diapositiva ser el vnculada.

    En el lado derecho del cssSlider hay una gama de valores que puede cambiar.
    Pieles Usted puede escoger entre diferentes pieles para cambiar la apariencia de su presentacin, o
    cambiar el esquema de color de la piel que ha seleccionado. Ya que no hay imgenes utilizadas en
    cualquiera de las pieles, usted puede cambiar la combinacin de colores como quiera, consiguiendo
    la combinacin exacta con el resto de su sitio web.
    Efectos Tambin puede cambiar el efecto de transicin (el efecto que se aplica cuando una
    diapositiva pasa a la siguiente) y el tamao predeterminado de las diapositivas. Su deslizador es
    sensible, por lo que este cambiar su tamao para adaptarse a las pantallas ms pequeas, incluyendo
    telfonos inteligentes y tabletas.

    Juegue con la configuracin hasta que sus diapositivas se vean exactamente de la manera que
    quiere! Todos los cambios se actualizarn al instante en la ventana principal, por lo que puede ver
    fcilmente el efecto de las diferentes pieles y ajustes. Por supuesto, usted no tiene que hacer nada de
    esto - puede simplemente dejar todo con la configuracin predeterminada, y todava tendr una
    presentacin asombrosa!

    Paso 3: Haga clic en Guardar HTML


    Al hacer clic en "Guardar HTML" en la barra de navegacin superior le permitir exportar el cdigo
    HTML de su presentacin y guardarlo como un archivo en cualquier lugar del equipo. Por defecto, su
    deslizador tambin se abrir en un navegador para obtener una vista previa del mismo. Las imgenes
    sern automticamente optimizadas para la web, de modo que estn en el tamao correcto y sean ms
    rpidas para descargar que los archivos de la imagen originales.

    Haga clic en "Guardar HTML.


    Dirjase a la ubicacin en el equipo en donde desea guardar el archivo HTML y la carpeta de
    imgenes.
    Asigne al archivo HTML un nombre sensato.
    Haga clic en "Guardar".
    A continuacin, puede editar el archivo HTML en su editor favorito, aadir el cdigo a sus pginas
    web existentes o subirlo directamente a su servidor web.
    <body>
    ...
    <!-- Start cssSlider.com -->
    <link rel="stylesheet" href="engine1/style.css">
    ...
    <!-- End cssSlider.com -->
    ...
    </body>
    El cdigo generado es CSS y HTML - no hay Javascript o jQuery, y cumple con las normas tcnicas
    de HTML5.
    Cosas en las que debe estar alerta: por defecto las imgenes se guardan en una subcarpeta y enlazadas
    a travs de una URL. Debe asegurarse de subir la carpeta de imgenes junto con el cdigo HTML, y
    asegurarse de que la carpeta est en la misma ubicacin que el cdigo HTML. De lo contrario, tendr
    que enlazar las URL a la ubicacin correcta de las imgenes. Puede configurar que el cssSlider solo
    use las rutas de la imagen absoluta en la ventana de "Configuracin".
    Paso adicional: opciones avanzadas
    Puede guardar el deslizador directamente en su servidor FTP, o puede guardarlo como un plugin para
    Wordpress. Para ello, haga clic en el botn "Opciones avanzadas" en el icono de engranaje en la parte
    inferior de la barra de configuracin en la parte derecha de cssSlider.

    Aparecer una nueva ventana con tres pestaas en la parte superior: General, Imgenes y
    Publicar. Haga clic en Publicar.
    Para exportarlo directamente a un servidor FTP:
    Seleccione la opcin que dice "Publicar en un Servidor FTP" y luego haga clic en "Editar".
    Aada sus ajustes de FTP.

    Complete el campo de la carpeta FTP (de lo contrario el cdigo HTML y las imgenes se guardarn
    en la raz de su servidor)
    Haga clic en Publicar.
    Para exportarlo como un plugin de Wordpress:
    Seleccione la opcin que dice Deslizador Wordpress.
    Dirjase a la ubicacin donde desee guardar su nuevo plugin.
    Haga clic en Publicar
    Luego, puede aadir el nuevo plugin en Wordpress de forma habitual.

    You might also like