SlideShare una empresa de Scribd logo
1 de 18
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.
Presentación para creación de banners

Más contenido relacionado

La actualidad más candente

Trabajo practico nº 3 informatica
Trabajo practico nº 3 informaticaTrabajo practico nº 3 informatica
Trabajo practico nº 3 informaticaGuadaZapata
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworksuts
 
Como trabajar con picasa
Como trabajar con picasaComo trabajar con picasa
Como trabajar con picasaromanriviera
 
Tutorial wix
Tutorial wixTutorial wix
Tutorial wixjenniz
 
Vistas de la presentación kleberson RAMIREZ
Vistas de la presentación kleberson RAMIREZVistas de la presentación kleberson RAMIREZ
Vistas de la presentación kleberson RAMIREZfelipeoto12
 
Power Point presentación
Power Point presentaciónPower Point presentación
Power Point presentaciónpaulinaveroa
 
Programa15(insertar imagen)
Programa15(insertar imagen)Programa15(insertar imagen)
Programa15(insertar imagen)ClaudiapachecoS
 
Dl manual.com manual-scoopit
Dl manual.com manual-scoopitDl manual.com manual-scoopit
Dl manual.com manual-scoopitmdoliri
 
Dreamweaver Anahi
Dreamweaver AnahiDreamweaver Anahi
Dreamweaver Anahiguestff9357
 
2. Acercamiento A Powerpoint
2. Acercamiento A Powerpoint2. Acercamiento A Powerpoint
2. Acercamiento A PowerpointCANDIDO RUIZ
 

La actualidad más candente (18)

Tutorial de fireworks
Tutorial de fireworksTutorial de fireworks
Tutorial de fireworks
 
Trabajo practico nº 3 informatica
Trabajo practico nº 3 informaticaTrabajo practico nº 3 informatica
Trabajo practico nº 3 informatica
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworks
 
Como trabajar con picasa
Como trabajar con picasaComo trabajar con picasa
Como trabajar con picasa
 
Tutorial wix
Tutorial wixTutorial wix
Tutorial wix
 
Widgets en adobe captivate
Widgets en adobe captivateWidgets en adobe captivate
Widgets en adobe captivate
 
Vistas de la presentación kleberson RAMIREZ
Vistas de la presentación kleberson RAMIREZVistas de la presentación kleberson RAMIREZ
Vistas de la presentación kleberson RAMIREZ
 
Power Poimt
Power PoimtPower Poimt
Power Poimt
 
Power Point presentación
Power Point presentaciónPower Point presentación
Power Point presentación
 
Tarea 5 animacion
Tarea 5 animacionTarea 5 animacion
Tarea 5 animacion
 
tutorial de powerpoint
tutorial de powerpointtutorial de powerpoint
tutorial de powerpoint
 
Programa15(insertar imagen)
Programa15(insertar imagen)Programa15(insertar imagen)
Programa15(insertar imagen)
 
MANUAL
MANUALMANUAL
MANUAL
 
Dl manual.com manual-scoopit
Dl manual.com manual-scoopitDl manual.com manual-scoopit
Dl manual.com manual-scoopit
 
Dreamweaver Anahi
Dreamweaver AnahiDreamweaver Anahi
Dreamweaver Anahi
 
Power Point
Power PointPower Point
Power Point
 
Que es power point
Que es power pointQue es power point
Que es power point
 
2. Acercamiento A Powerpoint
2. Acercamiento A Powerpoint2. Acercamiento A Powerpoint
2. Acercamiento A Powerpoint
 

Destacado

Tratamiento de transtorno limite
Tratamiento de transtorno limiteTratamiento de transtorno limite
Tratamiento de transtorno limiteArix Publicidad
 
Perfil socioeconómicos de los estudiantes universitarios
Perfil socioeconómicos de los estudiantes universitariosPerfil socioeconómicos de los estudiantes universitarios
Perfil socioeconómicos de los estudiantes universitariosMargaRo08
 
Redes sociales en_el_ambito_escolar
Redes sociales en_el_ambito_escolarRedes sociales en_el_ambito_escolar
Redes sociales en_el_ambito_escolarPaola Romero
 
Thesis presentation reduced
Thesis presentation reducedThesis presentation reduced
Thesis presentation reducedSanam Badshah
 
Aline ensayo de relaciones internacionales y patos y caballos perros y gatos
Aline ensayo de relaciones internacionales y patos y caballos perros y gatosAline ensayo de relaciones internacionales y patos y caballos perros y gatos
Aline ensayo de relaciones internacionales y patos y caballos perros y gatosAlinhe Perez
 
Ocio. ayer y hoy
Ocio. ayer y hoyOcio. ayer y hoy
Ocio. ayer y hoyMargaRo08
 
La gestió del SAD des de les TIC el nou aplicatiu ISAD
La gestió del SAD des de les TIC el nou aplicatiu ISADLa gestió del SAD des de les TIC el nou aplicatiu ISAD
La gestió del SAD des de les TIC el nou aplicatiu ISADProjecte iSAD
 
Geologia segundo semestre
Geologia segundo semestreGeologia segundo semestre
Geologia segundo semestreNtics2
 
Bachilleres jga 2012 jm
Bachilleres jga 2012 jmBachilleres jga 2012 jm
Bachilleres jga 2012 jmcolegiojga
 
Páginas amarillas cantv actívate en la web-maracaibo-2012
Páginas amarillas cantv actívate en la web-maracaibo-2012Páginas amarillas cantv actívate en la web-maracaibo-2012
Páginas amarillas cantv actívate en la web-maracaibo-2012Páginas Amarillas Cantv
 
Redes sociales
Redes socialesRedes sociales
Redes socialeselidilis
 
Jornades noves tecnologies tic a serveis socials 17.10.13
Jornades noves tecnologies tic a serveis socials 17.10.13Jornades noves tecnologies tic a serveis socials 17.10.13
Jornades noves tecnologies tic a serveis socials 17.10.13Projecte iSAD
 
Plan gestion uso_tics_jga
Plan gestion uso_tics_jgaPlan gestion uso_tics_jga
Plan gestion uso_tics_jgacolegiojga
 
Rompiendo el mito data mining
Rompiendo el mito   data miningRompiendo el mito   data mining
Rompiendo el mito data miningBILATAM
 

Destacado (20)

Tratamiento de transtorno limite
Tratamiento de transtorno limiteTratamiento de transtorno limite
Tratamiento de transtorno limite
 
Perfil socioeconómicos de los estudiantes universitarios
Perfil socioeconómicos de los estudiantes universitariosPerfil socioeconómicos de los estudiantes universitarios
Perfil socioeconómicos de los estudiantes universitarios
 
Redes sociales en_el_ambito_escolar
Redes sociales en_el_ambito_escolarRedes sociales en_el_ambito_escolar
Redes sociales en_el_ambito_escolar
 
Thesis presentation reduced
Thesis presentation reducedThesis presentation reduced
Thesis presentation reduced
 
Aline ensayo de relaciones internacionales y patos y caballos perros y gatos
Aline ensayo de relaciones internacionales y patos y caballos perros y gatosAline ensayo de relaciones internacionales y patos y caballos perros y gatos
Aline ensayo de relaciones internacionales y patos y caballos perros y gatos
 
Ocio. ayer y hoy
Ocio. ayer y hoyOcio. ayer y hoy
Ocio. ayer y hoy
 
La gestió del SAD des de les TIC el nou aplicatiu ISAD
La gestió del SAD des de les TIC el nou aplicatiu ISADLa gestió del SAD des de les TIC el nou aplicatiu ISAD
La gestió del SAD des de les TIC el nou aplicatiu ISAD
 
Trabajo colaborativo 2
Trabajo colaborativo 2Trabajo colaborativo 2
Trabajo colaborativo 2
 
Geologia segundo semestre
Geologia segundo semestreGeologia segundo semestre
Geologia segundo semestre
 
Evolución de la Web
Evolución de la WebEvolución de la Web
Evolución de la Web
 
Bachilleres jga 2012 jm
Bachilleres jga 2012 jmBachilleres jga 2012 jm
Bachilleres jga 2012 jm
 
Páginas amarillas cantv actívate en la web-maracaibo-2012
Páginas amarillas cantv actívate en la web-maracaibo-2012Páginas amarillas cantv actívate en la web-maracaibo-2012
Páginas amarillas cantv actívate en la web-maracaibo-2012
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Jornades noves tecnologies tic a serveis socials 17.10.13
Jornades noves tecnologies tic a serveis socials 17.10.13Jornades noves tecnologies tic a serveis socials 17.10.13
Jornades noves tecnologies tic a serveis socials 17.10.13
 
george youssief2
george youssief2george youssief2
george youssief2
 
Tema liderazgo
Tema liderazgoTema liderazgo
Tema liderazgo
 
La moda
La modaLa moda
La moda
 
Plan gestion uso_tics_jga
Plan gestion uso_tics_jgaPlan gestion uso_tics_jga
Plan gestion uso_tics_jga
 
Virus antivirus
Virus antivirusVirus antivirus
Virus antivirus
 
Rompiendo el mito data mining
Rompiendo el mito   data miningRompiendo el mito   data mining
Rompiendo el mito data mining
 

Similar a Presentación para creación de banners

Guia Jimdo Dropbox Mapas mentales
Guia Jimdo Dropbox Mapas mentalesGuia Jimdo Dropbox Mapas mentales
Guia Jimdo Dropbox Mapas mentalesPSYCHOIZ
 
Jimdo Dropbox y Mapas mentales
Jimdo Dropbox y Mapas mentalesJimdo Dropbox y Mapas mentales
Jimdo Dropbox y Mapas mentalessarnosis2016
 
Culturaemprendedora manualwq 1.8
Culturaemprendedora manualwq 1.8Culturaemprendedora manualwq 1.8
Culturaemprendedora manualwq 1.8Jazmin Ramirez
 
Culturaemprendedora Manualwq 1.8
Culturaemprendedora Manualwq 1.8Culturaemprendedora Manualwq 1.8
Culturaemprendedora Manualwq 1.8Francisco Muñoz
 
Creacion de pagina web
Creacion de pagina webCreacion de pagina web
Creacion de pagina webAlberto López
 
Guía wordpress ideario marketing
Guía wordpress ideario marketingGuía wordpress ideario marketing
Guía wordpress ideario marketingPablo Vila
 
DREAMWEVER_IMAGENES
DREAMWEVER_IMAGENESDREAMWEVER_IMAGENES
DREAMWEVER_IMAGENESJesz14
 
Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!gelsita01
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIXisabeland8
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratiscynthiaeli
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratiscynthiaeli
 
Manual para crear una wiki
Manual para crear una wikiManual para crear una wiki
Manual para crear una wikiNorvis78
 

Similar a Presentación para creación de banners (20)

Guia Jimdo Dropbox Mapas mentales
Guia Jimdo Dropbox Mapas mentalesGuia Jimdo Dropbox Mapas mentales
Guia Jimdo Dropbox Mapas mentales
 
Jimdo Dropbox y Mapas mentales
Jimdo Dropbox y Mapas mentalesJimdo Dropbox y Mapas mentales
Jimdo Dropbox y Mapas mentales
 
Imagen
ImagenImagen
Imagen
 
Jimdo6
Jimdo6Jimdo6
Jimdo6
 
Manual de jimdo
Manual de jimdoManual de jimdo
Manual de jimdo
 
Mis recursos
Mis recursosMis recursos
Mis recursos
 
Culturaemprendedora manualwq 1.8
Culturaemprendedora manualwq 1.8Culturaemprendedora manualwq 1.8
Culturaemprendedora manualwq 1.8
 
Guia editor web
Guia editor webGuia editor web
Guia editor web
 
Culturaemprendedora Manualwq 1.8
Culturaemprendedora Manualwq 1.8Culturaemprendedora Manualwq 1.8
Culturaemprendedora Manualwq 1.8
 
Crear un blog
Crear un blogCrear un blog
Crear un blog
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Creacion de pagina web
Creacion de pagina webCreacion de pagina web
Creacion de pagina web
 
Guía wordpress ideario marketing
Guía wordpress ideario marketingGuía wordpress ideario marketing
Guía wordpress ideario marketing
 
DREAMWEVER_IMAGENES
DREAMWEVER_IMAGENESDREAMWEVER_IMAGENES
DREAMWEVER_IMAGENES
 
Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!
 
Presentación1
Presentación1Presentación1
Presentación1
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIX
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
 
Manual para crear una wiki
Manual para crear una wikiManual para crear una wiki
Manual para crear una wiki
 

Presentación para creación de banners

  • 1. e
  • 2.  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.
  • 3. 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.
  • 4. 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.
  • 5. MENU PRINCIPAL LUEGO DE HABER SELECIONADO LAS IMÁGENES.
  • 6. 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
  • 7. 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.
  • 8. 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.
  • 9. 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.
  • 10.  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%).
  • 11. 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.
  • 12. 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.
  • 13. 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'.
  • 14. 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.
  • 15. 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í.
  • 16. 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.
  • 17. 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.