Presentación para creación de banners

18
Presentación Para creación de Banners e

description

 

Transcript of Presentación para creación de banners

Page 1: Presentación para creación de banners

Presentación Para creación de Banners

e

Page 2: Presentación para creación de banners

El más fuerte y popular tendencia de diseño web más último par de años es un deslizamiento paneles horizontales también conocido como deslizadores o banners. Es un método muy eficaz para aumentar la usabilidad del sitio web y comprometer el usuario.

WOW Slider es un slider jQuery imagen sensible, con efectos visuales increíbles. WOW Slider está lleno de un punto y haga clic en Asistente para crear fantásticas sliders en cuestión de segundos sin necesidad de mucha programación y edición de imágenes.

Page 3: Presentación para creación de banners

PANTALLA DEL MENU PRINCIPAL

Esta es la pantalla del menú principal aquí básicamente se encuentras todas las funciones disponibles para el desarrollo de los banner como también para sliders personales, están las opciones de agregar, eliminar, guardas y editar imágenes.

Page 4: Presentación para creación de banners

Agregar imagenes a su deslizador imagen

Agregar carpeta con imagenes o imagenes a su deslizador imagen

WOW Slider ahora incluirá estas fotos. O puedes arrastrar las imagenes (carpetas) a la ventana Image Slider WOW. La imagen se copia en la carpeta de imagenes y las agrega automáticamente a su slider sitio web.

  Si ha incluido las imágenes que no desea estar en el control deslizante

jQuery, se puede quitar fácilmente. Seleccione todas las imágenes que desee eliminar del deslizador de la foto, y seleccione Eliminar imágenes. En el menú Imágenes. Usted puede escoger y elegir las imágenes manteniendo pulsada la tecla CTRL mientras hace clic en las fotos que deseas.

Page 5: Presentación para creación de banners

MENU PRINCIPAL LUEGO DE HABER SELECIONADO LAS IMÁGENES.

Page 6: Presentación para creación de banners

EDICION DE IMAGENES

En esta foto del fabricante deslizador puede girar fácilmente fotos utilizando los botones "Rotar Izquierda" y "Rotar Derecha

PROPIEDADES DEL BANNER En el menú de banner, seleccione Propiedades o utilice el botón

"Propiedades" en la barra de herramientas

  En la primera pestaña de la ventana Propiedades deslizante puede

cambiar el nombre de su slider foto y activar / desactivar las siguientes propiedades: título deslizante, Auto Reproducir presentación, descripciones Mostrar, Mostrar Anterior / Siguiente y Mostrar botones de navegación de bala

Page 7: Presentación para creación de banners

Una vez seleccionada las imágenes que tendrá el banner le das clic al icono de Publish(EL MUNDO), y luego entonces pasaras a la menú de propiedades del slider o banner.

Page 8: Presentación para creación de banners

Capacidad de modificación del banner

En la segunda pestaña de la ventana Propiedades puede seleccionar las plantillas, el tamaño y la calidad de sus imágenes, seleccionar efectos de transición, la demora entre las diapositivas, duración del efecto y cambiar la marca de agua.

Page 9: Presentación para creación de banners

TIPOS DE BANNER

WOW Slider te da la libertad de escoger el tipo de banner que más te guste o que a su vez sea de mayor atracción para el usuario, con más de 10 tipos de banners a escoger.

Page 10: Presentación para creación de banners

Usted puede establecer los distintos tamaños de las imágenes exportadas.

Controlar la calidad de imagen de formato de salida PNG y JPEG mediante la definición de "Calidad de imagen" de salida de parámetros (0% ... 100%).

Page 11: Presentación para creación de banners

Creación de la pagina en Dreamweaver

Para crear la pantalla principal de la pagina Web, creas un nuevo, pantalla en blanco, HTML, y luego escoger la opción más conveniente según los requerimientos de tu pagina en este caso yo escogí (2 columnas fijas, barra lateral izquierda, encabezado y pie), luego le das a clic a crear y guardas el documento en tu carpeta raíz con el nombre de index.html, para así luego buscarlo desde WOW Slider.

Page 12: Presentación para creación de banners

Insertar a la página HTML

En la tercera pestaña de la ventana Propiedades: se selecciona una página HTML, simplemente haga clic en el botón de la página Browse y seleccione la página en la que desea instalar álbum sitio web. A continuación, haga clic en Abrir, una vez abras el documento HTML el botón Publish estará disponible, luego le das clic a Publish.

Page 13: Presentación para creación de banners

SELECCIÓN DEL ESPACIO DEL BANNER

Haga clic dentro de la página para seleccionar la que desea que slider a aparecer o simplemente escoja entre la lista del menú de la izquierda la etiqueta DIV en la cual desea insertar el banner. Haga clic en "Insertar antes" o 'Insert Before' botón y botón 'Publicar'.

Page 14: Presentación para creación de banners

Una vez se hace clic en el botón de ( insert before), el botón Publish estará disponible, luego le das clic a Publish y automáticamente se abrirá el explorador de internet con la pagina mostrando el banner.

Page 15: Presentación para creación de banners

Al salir de WOW Slider, se le preguntará si desea guardar su proyecto. El proyecto consiste en las fotos que elegiste para ponerlos en su deslizador imagen y todos los ajustes. Es una buena idea guardar el proyecto, ya que le permitirá cambiar el proyecto en caso de que decida hacer algo diferente con tu futura deslizadores. Entonces haga clic en Sí.

Page 16: Presentación para creación de banners

Escriba un nombre para su proyecto. Para seleccionar la ubicación de su proyecto, haga clic en el botón Examinar carpetas y elija una ubicación diferente. A continuación, haga clic en Guardar.

Page 17: Presentación para creación de banners

PANTALLA DE CONFIRMACION DE CAMBIOS DE DREAMWEAVER.

En este mensaje Dreamweaver en envía un mensaje indicando que el pagina o algún archivo de la pagina ha sido modificado por un software o aplicación externa y te pregunta si deseas aceptar los cambios realizados. Ya en esta parte simplemente das clic a Yes o si para confirmar.

Page 18: Presentación para creación de banners