guía de manual

16
MANUAL DE BannerSnack.com Esta aplicación nos permite crear banners de manera fácil, sin necesidad de tener un gran conocimiento de creación de banners 2014 Oswaldo Baca Calumani 10/10/2014 I.E.S.T.P. “Simón Bolívar” Docente: Lic. Carlos A. Lozano Zapata Didáctica en el Uso de los Recursos Informáticos Turno: Diurno II Ciclo

Upload: oswaldobaca

Post on 11-Jul-2015

26 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Guía de Manual

MANUAL DE BannerSnack.com

Esta aplicación nos permite crear banners de manera fácil, sin necesidad de tener un gran conocimiento de creación de banners

2014

Oswaldo Baca Calumani 10/10/2014

I . E . S . T . P . “ S i m ó n

B o l í v a r ”

D o c e n t e :

L i c . C a r l o s A .

L o z a n o Z a p a t a

D i d á c t i c a e n e l U s o

d e l o s R e c u r s o s

I n f o r m á t i c o s

T u r n o : D i u r n o

I I C i c l o

Page 2: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 1 Autor: Oswaldo Baca Calumani

Contenido INTRODUCCIÓN ........................................................................................................................ 2

Requerimientos del sistema: .................................................................................................... 3

EXPLICACIÓN DEL PROCEDIMIENTO ................................................................................ 4

Paso 1) ..................................................................................................................................... 4

Paso 2) ..................................................................................................................................... 4

Paso 3) ..................................................................................................................................... 5

Paso 4) ..................................................................................................................................... 5

Paso 5) ..................................................................................................................................... 6

Paso 6 - 7) ............................................................................................................................... 6

Paso 8) ..................................................................................................................................... 7

Paso 9) ..................................................................................................................................... 7

Paso 10) ................................................................................................................................... 8

Paso 11) ................................................................................................................................... 8

Paso 12) ................................................................................................................................... 9

Paso 13) ................................................................................................................................... 9

Paso 14) ................................................................................................................................. 10

Paso 15 - 16) ......................................................................................................................... 10

Paso 17) ................................................................................................................................. 11

Paso 18) ................................................................................................................................. 11

Paso 19) ................................................................................................................................. 12

Paso 20) ................................................................................................................................. 12

Paso 21) ................................................................................................................................. 13

................................................................................................................................................. 13

Paso 22) ................................................................................................................................. 13

Glosario: ..................................................................................................................................... 14

JPEG – PNG (Una diapositiva): ......................................................................................... 14

GIF (múltiples diapositivas por bandera): ......................................................................... 14

SWF - Flash (diapositivas y transiciones): ....................................................................... 14

Bibliografía: ................................................................................................................................ 15

Página de la aplicación: ....................................................................................................... 15

Guía: ....................................................................................................................................... 15

Video: ..................................................................................................................................... 15

Page 3: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 2 Autor: Oswaldo Baca Calumani

INTRODUCCIÓN

BannerSnack es un creador de banners en línea que te permite crear banners

publicitarios flash interactivo y otros tipos de contenidos flash de forma rápida.

Adicionalmente, puedes generar banners GIF gratis. La versión GIF del banner

publicitario puede descargarse gratis con algunas limitaciones. ¡Te sorprenderá

ver lo fácil que es crear y publicar tus banners animados, encabezados de

páginas web, micro sitios o lo que desees! ¡Todo sin códigos!

Una Aplicación Fácil de USAR

Banners Interactivos baño Flash, HTML5 y GIF

Publica, Descarga y Comparte tus banner

Page 4: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 3 Autor: Oswaldo Baca Calumani

Requerimientos del sistema:

1) Conexión a internet (2mb minimo)

2) Compatible con versiones de Windows XP/Vista/7/8

3) Requerimientos de la pc:

a. Procesador de 32 bits (x86) o 64 bits (x64) a 1

gigahercio (GHz) o más.

b. Memoria RAM de 1 gigabyte (GB) (32 bits) o memoria

RAM de 2 GB (64 bits).

c. Espacio disponible en disco rígido de 16 GB (32 bits)

o 20 GB (64 bits).

d. Dispositivo gráfico DirectX 9

Page 5: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 4 Autor: Oswaldo Baca Calumani

EXPLICACIÓN DEL PROCEDIMIENTO

Paso 1)

Debemos iniciar sesión (seguir la imagen).

Paso 2)

Seleccionamos Nuevo usuario; pero también podemos conectarnos a través de

Facebook, Google, Twitter. En este caso será con una nueva cuenta.

Page 6: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 5 Autor: Oswaldo Baca Calumani

Paso 3)

Rellenamos nuestros datos, Correo, contraseña, nombre, capcha de seguridad.

Paso 4)

Presionamos “Continue” para seguir con la creación de la cuenta, en este paso

tenemos que ir a nuestra cuenta de correo dada anteriormente para verificar el

correo mandado por la página bannersnack.com

Page 7: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 6 Autor: Oswaldo Baca Calumani

Paso 5)

Ingresamos a nuestro correo, en este caso ingresare a mi Gmail.

Paso 6 - 7)

Una vez ingresado a nuestra cuenta tenemos que seguir estos pasos 6. Hacer

click en “Aplicaciones” ,7. Click “Gmail”

Page 8: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 7 Autor: Oswaldo Baca Calumani

Paso 8)

Buscamos el mensaje en la bandeja de entrada, en caso de no encontrarlo

buscarlo en “Spam o Correo no deseado“.

Paso 9)

Debemos hacer click en el enlace que nos adjunta la página bannersnack.com

para poder verificar nuestra cuenta.

Page 9: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 8 Autor: Oswaldo Baca Calumani

Paso 10)

Ahora nuestra cuenta ya está activada. Procederemos a crear nuestro banner

online.

Paso 11)

Hacer click en “Crear Banner”

Page 10: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 9 Autor: Oswaldo Baca Calumani

Paso 12)

En esta ventana nos saldrán varias plantillas y otras opciones para dar el

tamaño, si queremos que la imagen sea en formato GIF o PNG.

Paso 13)

Como muestra de prueba seleccionaremos la plantilla “LEARN TO CODE”

Page 11: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 10 Autor: Oswaldo Baca Calumani

Paso 14)

Creando nuestro primer banner, encontraremos herramientas para la edición

del banner online como nos muestra la imagen. Seleccionando las palabras

podremos editarlas o eliminarlas.

Paso 15 - 16)

Una vez modificado el banner, presionamos “SAVE & PUBLISH”

Page 12: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 11 Autor: Oswaldo Baca Calumani

Paso 17)

Colocaremos el nombre de nuestro banner para poder exportarlo.

Paso 18)

Una vez puesto el nombre de nuestro banner, hacemos click en Save &

Publish.

Page 13: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 12 Autor: Oswaldo Baca Calumani

Paso 19)

Esperaremos que termine de cargar el banner….

Paso 20)

El banner ya terminado, nos muestra varias opciones para descargar, pero nos

pedirá que seamos versión Premium, ahora solo la usaremos la versión de

prueba. Hacemos click en el enlace para poder visualizarla mejor.

Page 14: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 13 Autor: Oswaldo Baca Calumani

Paso 21)

Vista previa del banner creado en bannersnack.com

Paso 22)

Banner ya terminado.

Otro Ejemplo:

Page 15: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 14 Autor: Oswaldo Baca Calumani

Glosario:

JPEG – PNG (Una diapositiva):

El banner estático tiene una sola diapositiva. Este es un formato de imágenes

estáticas Es el tipo más versátil y tiene más ventajas: que es el mejor formato

de anuncio de publicidad gráfica, tiene un tamaño de archivo pequeño, cargas

rápido y funciona en la mayoría de los dispositivos (incluso los móviles).

GIF (múltiples diapositivas por bandera):

Esto no es una animación GIF, pero este formato GIF soporta múltiples

diapositivas (frames), que puede contener más información que los banners

estáticos y funciona en los dispositivos móviles.

SWF - Flash (diapositivas y transiciones):

Los anuncios BannerSnack banners flash pueden tener varias diapositivas y las

transiciones, pero no se recomienda para las campañas de publicidad display

desde el archivo swf es más grande en tamaño y no se puede mostrar en

algunos dispositivos y sitios web.

Page 16: Guía de Manual

10 de octubre de 2014 [MANUAL DE BANNERSNACK.COM]

Página 15 Autor: Oswaldo Baca Calumani

Bibliografía:

Página de la aplicación: http://www.bannersnack.com/es

Guía: https://www.youtube.com/watch?v=3mpJoWCSoIo

Video:

Tutorial