Tutorial para crear especialesmultimedia en plantillasFlash, desde Wix(Paso a paso)
Lo primero que debemos hacer es ingresar aes.wix.com para registrarnos o acceder a lacuenta que ya hemos creado.
Al ingresar aparecerá un pantallazo comoeste. Damos clic en ‘Crear’ para comenzar atrabajar en la plantilla de nuestro esp...
Aparecerá un pantallazo como este. Iremosa la parte inferior de la página para dar clicen ‘Plantillas Flash’, que está en ...
Damos clic en la opción en blanco paracomenzar a trabajar sobre un área detrabajo, diseñada en Flash, sin informaciónprede...
Seleccionamos la opción ‘Start fromscratch Flash’, que es un área de trabajosin ningún patrón de diseño.
Damos clic en editar la ‘Blank Template’para que se nos despliegue un área detrabajo como esta.
El área de menús nos permitiráagregar todos los componentesdel especial multimedia.Reconociendo el área de trabajoEl admin...
Una opción para iniciar el montaje delespecial es agregar dos páginasmaestras y borrar la página maestrapropuesta por el s...
Inicialmente nos olvidaremos de la página maestra 1 y nos dedicaremos atrabajar sobre la página maestra 2. Nos colocamos s...
Para el ejemplo, he agregado trespáginas a la página maestra 2. Es decir,en el especial que crearé tengo ideadostres módul...
Al colocar el puntero sobre las páginas, el sistema desplegará unmenú que permitirá renombrar cada página. Colocamos allí ...
Para poder navegar las páginas es necesario agregar un menú de navegación.Para ello nos vamos a Agregar, Navegación, Menús...
En la opción de menús de navegación hay: menús desplegables,horizontales, verticales y hasta miniaturas que permiten agreg...
En la caja Menú encontramos opciones para personalizar el tipo deletra, color, sombreado y hasta comportamientos que tendr...
El área delineada de azul es el área del sitio, es decir de cada módulo delespecial multimedia, mientras que el área más g...
Para agregarle un marco a nuestro especial multimedia: damos clic enfondo, página maestra y la opción marco. Hay todo tipo...
Si deseamos agregarle un marco a nuestro especial multimedia con imágenesrelacionadas al tema que estamos trabajando, pode...
Dándole vida al especialPara comenzar a meterle información a cada módulo del especialmultimedia, es necesario dar clic en...
Para agregarle texto largo al especial multimedia es necesario darle clic aAgregar, Texto, Párrafos e ir a la opción Despl...
Para agregarle un video al especial multimedia debemos hacer lasiguiente ruta: Agregar, Música y Video, Video.
Se desplegará un menú de video como este. Se puede agregar el video dedos formas: por URL y se despliega este recuadro, o ...
Para agregar una foto, debe darse clic en Agregar, Fotos. Se desplegaráeste menú. Se suben las fotos correspondientes al m...
Para agregar una galería fotográfica, debe darse clic en Agregar, Galerías.Se desplegará este menú y se escogerá el tipo d...
Una vez seleccionada la galería, el sistema colocará la maqueta de lagalería. Debe darse clic en Administrar Fotos para co...
Para agregar audio, debe darse clic en Agregar, Música y Video, luego enMúsica y se desplegará un menú como el mostrado en...
Para ser creativos con el diseño, al agregarse el audio se puede insertarun reproductor. Para ello debemos dar clic en Agr...
Agregué un iPod. Para agregarle los audios, le di clic a la imagen, clic enLista de reproducción y apareció este menú que ...
Wix también permite agregar clip arts. Así podremos agregar formas,líneas, íconos y animaciones según nuestras necesidades...
Los íconos del menú clip art pueden ser muy útiles para la sección decréditos. Por ejemplo, al lado de mi nombre, que he e...
Para enlazar, doy clic en enlace. Se me despliega este menú: puedo enlazar auna página Wix, a una URL o a un correo electr...
En Agregar, Navegación, además de la opción Menús que ya exploramosantes, están las opciones botones y controladores. Con ...
En Agregar, Widgets, se puede insertar: Formulario de contacto,comentarios, RSS, Google Maps o HTML. Al dar clic en HTML, ...
Wix permite agregar documentos a nuestro especial multimedia. Para ellodebemos dar clic en Mis Archivos y en el tipo de ar...
Páginas ocultas en un especialLas páginas ocultas son oportunas para narrar más detalles de un módulo,pero que no queremos...
Dentro de Soluciones he listado tres historias, que quiero se desarrollen talcomo los módulos que sí estarán visibles. Par...
Esas tres páginas nuevas deberán estar ocultas y para ello doy clic en elnavegador, y luego en Administrar: se desplegará ...
Vuelvo a los titulares que he listado en la sección Problemática: hago clic encada titular, selecciono enlace y selecciono...
En mi ejemplo he enlazado “La dejé mientras iba a la tienda”. Lo hehecho dando clic en Enlace. Se despliega un menú. Allí ...
Diseño de la página maestra I
A la página Maestra I, como a la página Maestra II, podemos darle fondoo marco. En este caso como construiremos la portada...
La página Maestra I debe enlazar a la Página Maestra II. Para esodebemos tomar algún objeto de la página maestra I, dar cl...
Publicar el especialUna vez terminado el especial, debe darse clic en Publicar y aparecerá unpantallazo similar a este. El...
Volver a editar el especialUna vez publicado el especial puede volverse a editar. Para ello debe irseal pantallazo inicial...
Los ejemplos empleadospara crear este tutorialpueden verse en:http://www.wix.com/tatta25/pruebatutorial(Para ejemplos real...
Próxima SlideShare
Cargando en…5
×

Tutorial actualizado de wix

4.688 visualizaciones

Publicado el

Publicado en: Desarrollo personal
0 comentarios
4 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
4.688
En SlideShare
0
De insertados
0
Número de insertados
1.239
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
4
Insertados 0
No insertados

No hay notas en la diapositiva.

Tutorial actualizado de wix

  1. 1. Tutorial para crear especialesmultimedia en plantillasFlash, desde Wix(Paso a paso)
  2. 2. Lo primero que debemos hacer es ingresar aes.wix.com para registrarnos o acceder a lacuenta que ya hemos creado.
  3. 3. Al ingresar aparecerá un pantallazo comoeste. Damos clic en ‘Crear’ para comenzar atrabajar en la plantilla de nuestro especial.
  4. 4. Aparecerá un pantallazo como este. Iremosa la parte inferior de la página para dar clicen ‘Plantillas Flash’, que está en la esquinainferior derecha.
  5. 5. Damos clic en la opción en blanco paracomenzar a trabajar sobre un área detrabajo, diseñada en Flash, sin informaciónpredeterminada.
  6. 6. Seleccionamos la opción ‘Start fromscratch Flash’, que es un área de trabajosin ningún patrón de diseño.
  7. 7. Damos clic en editar la ‘Blank Template’para que se nos despliegue un área detrabajo como esta.
  8. 8. El área de menús nos permitiráagregar todos los componentesdel especial multimedia.Reconociendo el área de trabajoEl administrador de páginas nospermite llevar el control de laspáginas que integrarán nuestroespecial multimedia.En esta zona encontramos opciones para ajustar elzoom del área de trabajo, configurar el fondo, vercómo va quedando el trabajo, publicar y obtener undominio propio.
  9. 9. Una opción para iniciar el montaje delespecial es agregar dos páginasmaestras y borrar la página maestrapropuesta por el sistema ‘My Website’.
  10. 10. Inicialmente nos olvidaremos de la página maestra 1 y nos dedicaremos atrabajar sobre la página maestra 2. Nos colocamos sobre ella y le damosagregar páginas. Agregaremos el número equivalente al número demódulos que hemos establecido en el Storyboard para nuestro especialmultimedia. El sistema nos ofrecerá distintos estilos de página. Podemosescoger el que se acomode a lo que necesitamos o nos vamos hasta el finaly le damos clic a vacío, para que se inserte una página en blanco.
  11. 11. Para el ejemplo, he agregado trespáginas a la página maestra 2. Es decir,en el especial que crearé tengo ideadostres módulos.
  12. 12. Al colocar el puntero sobre las páginas, el sistema desplegará unmenú que permitirá renombrar cada página. Colocamos allí elnombre de cada módulo de nuestro especial multimedia. Para elejemplo: Introducción, Problemática y Soluciones.
  13. 13. Para poder navegar las páginas es necesario agregar un menú de navegación.Para ello nos vamos a Agregar, Navegación, Menús y escogemos el estilo quemás nos interese. Nos cercioramos de que al hacer esta operación tengamosseñalado en el Administrador de Páginas la página maestra 2, en este caso lahe nombrado Home. De esa manera, el menú de navegación va a quedaranclado a la página maestra 2 y me permitirá navegar a través de todas suspáginas.
  14. 14. En la opción de menús de navegación hay: menús desplegables,horizontales, verticales y hasta miniaturas que permiten agregarfotografías.
  15. 15. En la caja Menú encontramos opciones para personalizar el tipo deletra, color, sombreado y hasta comportamientos que tendrá el menúal desplazarse el mouse por cada sección.
  16. 16. El área delineada de azul es el área del sitio, es decir de cada módulo delespecial multimedia, mientras que el área más grande, delimitada ennegro, es el área de la página maestra. Podremos colocar el navegadorentre el área de la página maestra y el área del sitio. (El área del sitiopuede ampliarse o reducirse manipulando los cuadros que aparecen aldar clic sobre ella)
  17. 17. Para agregarle un marco a nuestro especial multimedia: damos clic enfondo, página maestra y la opción marco. Hay todo tipo de detalles,desde los más sobrios hasta los más festivos.
  18. 18. Si deseamos agregarle un marco a nuestro especial multimedia con imágenesrelacionadas al tema que estamos trabajando, podemos ir a Agregar, Páginas,Áreas y dar clic en una de las opciones. Luego, sobre el área escogida se daclic y en reemplazar color el sistema brindará la opción de reemplazarlo poruna imagen. El área insertada debe ubicarse entre el margen del sitio y elmargen de la página maestra.
  19. 19. Dándole vida al especialPara comenzar a meterle información a cada módulo del especialmultimedia, es necesario dar clic en la sección correspondiente en elAdministrador de páginas y darle clic a Agregar, Texto. Después, darle clica la opción necesaria: texto, párrafos o notas. Esta última opción permitejugar más con el diseño porque da opciones de insertar post it, porejemplo.
  20. 20. Para agregarle texto largo al especial multimedia es necesario darle clic aAgregar, Texto, Párrafos e ir a la opción Desplazador. El sistema permiteescoger entre varios estilos y una vez seleccionado el estilo aparecerá uncuadro de texto al que se le da clic, opción editar, se le pega el texto yautomáticamente el texto completo se leerá desplazándose sobre él. Elsistema brinda opciones para cambiar el color, tamaño y tipo de letra.
  21. 21. Para agregarle un video al especial multimedia debemos hacer lasiguiente ruta: Agregar, Música y Video, Video.
  22. 22. Se desplegará un menú de video como este. Se puede agregar el video dedos formas: por URL y se despliega este recuadro, o por el buscadordirectamente de videos en Youtube.
  23. 23. Para agregar una foto, debe darse clic en Agregar, Fotos. Se desplegaráeste menú. Se suben las fotos correspondientes al módulo que estamostrabajando a través de la opción Cargar Imagen.
  24. 24. Para agregar una galería fotográfica, debe darse clic en Agregar, Galerías.Se desplegará este menú y se escogerá el tipo de galería deseado.
  25. 25. Una vez seleccionada la galería, el sistema colocará la maqueta de lagalería. Debe darse clic en Administrar Fotos para comenzar areemplazar cada espacio por las fotos correspondientes.
  26. 26. Para agregar audio, debe darse clic en Agregar, Música y Video, luego enMúsica y se desplegará un menú como el mostrado en esta imagen.Puede cargarse el mp3 desde una URL o cargar el archivo desde el PC,memoria o CD donde se tenga guardado.
  27. 27. Para ser creativos con el diseño, al agregarse el audio se puede insertarun reproductor. Para ello debemos dar clic en Agregar, Música y Video,luego en Música y finalmente en el menú Reproductor.
  28. 28. Agregué un iPod. Para agregarle los audios, le di clic a la imagen, clic enLista de reproducción y apareció este menú que me permitió empezar aagregar los audios. Agregué tres audios y luego para reproducirlos hice lomismo que suelo hacer con un iPod real: selecciono el audio y doy play.
  29. 29. Wix también permite agregar clip arts. Así podremos agregar formas,líneas, íconos y animaciones según nuestras necesidades de diseño.
  30. 30. Los íconos del menú clip art pueden ser muy útiles para la sección decréditos. Por ejemplo, al lado de mi nombre, que he escrito acudiendo aAgregar, Texto, Títulos, coloqué los íconos de Twitter y Facebook, que fueronenlazados a mis respectivas cuentas para poder ser contactada a través deestas redes sociales por los futuros lectores.
  31. 31. Para enlazar, doy clic en enlace. Se me despliega este menú: puedo enlazar auna página Wix, a una URL o a un correo electrónico. En este caso, el icono deTwitter lo enlazo con mi dirección en Twitter y el de Facebook con midirección en esa red social.
  32. 32. En Agregar, Navegación, además de la opción Menús que ya exploramosantes, están las opciones botones y controladores. Con botones, Wix nos dadistintos diseños que podemos usar para enlazar a un correo electrónicopor ejemplo, a modo de contacto. Mientras que al insertar loscontroladores podremos navegar de mejor manera determinadas seccionesdel especial multimedia.
  33. 33. En Agregar, Widgets, se puede insertar: Formulario de contacto,comentarios, RSS, Google Maps o HTML. Al dar clic en HTML, opciónblank, se puede copiar el código de alguna pieza que necesitemosinsertar. Por ejemplo, una línea de tiempo o un mapa de Googleespecífico.
  34. 34. Wix permite agregar documentos a nuestro especial multimedia. Para ellodebemos dar clic en Mis Archivos y en el tipo de archivo a subir: fotos,música, documentos o animaciones en Flash. Como ya sabemos, las fotos yla música se pueden subir mediante la ruta Agregar. A través de MisArchivos podemos subir documentos. En este caso subí uno de PDF. Aldarle clic el archivo se abrirá en una ventana nueva.
  35. 35. Páginas ocultas en un especialLas páginas ocultas son oportunas para narrar más detalles de un módulo,pero que no queremos aparezcan como otra sección más del especial. En estecaso, he desarrollado tres módulos: Introducción, Problemática ySoluciones. Dentro de Problemáticas, por ejemplo, quiero hacer un listadode títulos. Cada uno conducirá a una página que tendrá fotos, videos y lasherramientas necesarias.
  36. 36. Dentro de Soluciones he listado tres historias, que quiero se desarrollen talcomo los módulos que sí estarán visibles. Para eso: agrego las páginas quenecesito tal como agregué los módulos. En este caso agregué tras páginas,que me aparecerán en el navegador, junto a Introducción, Problemática ySoluciones.
  37. 37. Esas tres páginas nuevas deberán estar ocultas y para ello doy clic en elnavegador, y luego en Administrar: se desplegará un menú como el de lapantalla. Le doy ocultar a las páginas que considere necesarias, en estecaso: checa, mamones, tienda, que he denominado así para que se me hagamás fácil el proceso de enlace de cada título con sus respectivas páginas.
  38. 38. Vuelvo a los titulares que he listado en la sección Problemática: hago clic encada titular, selecciono enlace y selecciono la página Wix a la que necesitoenviar ese título cuando alguien dé clic sobre él.
  39. 39. En mi ejemplo he enlazado “La dejé mientras iba a la tienda”. Lo hehecho dando clic en Enlace. Se despliega un menú. Allí debe escogerse laopción de enlazar a páginas Wix para que se desplieguen todas las páginasdel especial y comenzar así a enlazar cada título con su respectiva páginaoculta.
  40. 40. Diseño de la página maestra I
  41. 41. A la página Maestra I, como a la página Maestra II, podemos darle fondoo marco. En este caso como construiremos la portada de nuestro especialmultimedia podremos colocar una imagen, un diseño hecho en algúnprograma de diseño como Ilustrator, publicar un video o unaaudiogalería a manera de introducción.
  42. 42. La página Maestra I debe enlazar a la Página Maestra II. Para esodebemos tomar algún objeto de la página maestra I, dar clic sobre él yseleccionar la opción enlace. En este caso debemos enlazar ese objeto a lapágina maestra II, en este caso Home.
  43. 43. Publicar el especialUna vez terminado el especial, debe darse clic en Publicar y aparecerá unpantallazo similar a este. El sistema arroja la dirección del especial y laposibilidad de incrustarlo en algún sitio, por ejemplo un blog.
  44. 44. Volver a editar el especialUna vez publicado el especial puede volverse a editar. Para ello debe irseal pantallazo inicial de Wix. Como seguimos logueados, el sistema da laopción de dar clic en Mi Cuenta, donde aparecerán los productostrabajados. El más reciente aparecerá de primero y podremos darle clicen editar para seguir trabajándolo.
  45. 45. Los ejemplos empleadospara crear este tutorialpueden verse en:http://www.wix.com/tatta25/pruebatutorial(Para ejemplos reales de especiales multimedia:http://nochesdemedia.wordpress.com/2012/03/28/las-historias-que-hay-que-leer-escuchar-y-ver/)

×