Presentación para creación de banners

Post on 04-Dec-2014

193 views 0 download

description

 

Transcript of Presentación para creación de banners

Presentación Para creación de Banners

e

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.

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.

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.

MENU PRINCIPAL LUEGO DE HABER SELECIONADO LAS IMÁGENES.

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

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.

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.

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.

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%).

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.

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.

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'.

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.

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í.

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.

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.