Tutorial para crear especiales multimedia en Wix desde cero(Paso a paso)

Lo primero que debemos hacer es ingresar a es.wix.com para registrarnos o acceder a la cuenta segn sea el caso.

Al ingresar aparecer un pantallazo como este. Damos clic en Crear para comenzar a trabajar la plantilla de nuestro especial.

Aparecer un pantallazo como este. Daremos clic en la seccin plantillas en blanco porque no trabajaremos con ninguna plantilla sugerida.

Seleccionamos la opcin Blank Template, que es una plantilla completamente en blanco.

Damos clic en editar la Blank Template para que se nos despliegue un rea de trabajo como esta.

Mens que nos permitirn agregar todos los componentes del especial multimedia.Reconociendo el rea de trabajoAdministrador de pginas para llevar el control de las pginas que integrarn nuestro especial multimedia.Opciones para ajustar el zoom del rea de trabajo, configurar el fondo, ver cmo va quedando el trabajo, publicar y publicar con dominio propio.

Agregamos dos pginas maestras y borramos la pgina maestra propuesta My Website.

Inicialmente nos olvidaremos de la pgina maestra 1 y nos dedicaremos a trabajar la pgina maestra 2. Nos colocamos sobre ella y le damos agregar pginas, es decir, el nmero de mdulos que hemos establecido en el Storyboard para nuestro especial multimedia. El sistema nos ofrecer estilos de pgina, podemos escoger la que se acomode a lo que necesitamos o nos vamos hasta el final y le damos vaco, para que inserte una pgina en blanco.

Para el ejemplo, he agregado tres pginas a la pgina maestra 2. Es decir, en el especial que crear tengo ideados tres mdulos.

Al colocar el puntero sobre las pginas, el sistema desplegar un men que permite renombrar cada pgina. Colocamos all el nombre de cada mdulo de nuestro especial multimedia. Para el ejemplo: Introduccin, Problemtica y Soluciones.

Para poder navegar las pginas es necesario agregarle los mens de navegacin. Para ello nos vamos a Agregar, Navegacin, Mens y escogemos el estilo que ms nos interese. Nos cercioramos de que al hacer esta operacin tengamos sealado en el Administrador de Pginas la pgina maestra 2, en este caso la he nombrado Home. De esa manera, el men de navegacin va a quedar anclado a la pgina maestra 2 y me permitir navegar sus pginas.

En la opcin de mens de navegacin hay: mens desplegables, horizontales, verticales y hasta miniaturas que permiten agregar fotografas.

En la caja Men encontramos opciones para personalizar el tipo de letra, color, sombreado y hasta comportamientos que tendr el men al desplazarse el mouse por cada seccin.

El rea delineada de azul es el rea del sitio, es decir de cada mdulo del especial multimedia, mientras que el rea ms grande, delimitada en negro, es el rea de la pgina maestra. Podremos colocar el navegador entre el rea de la pgina maestra y el rea del sitio. (El rea del sitio puede ampliarse o reducirse manipulando los cuadros que aparecen al dar clic sobre ella)

Para agregarle un marco a nuestro especial multimedia: damos clic en fondo, pgina maestra y la opcin marco. Hay todo tipo de detalles, desde los ms festivos hasta los ms sobrios.

Si deseamos agregarle un marco a nuestro especial multimedia con imgenes relacionadas al tema trabajado, podemos ir a Agregar, Pginas, reas y agregamos una de las opciones. Luego, sobre el rea escogida se da clic, y en reemplazar color, el sistema brinda la opcin de reemplazarlo por una imagen. El rea insertada debe ubicarse entre el margen del sitio y el margen de la pgina maestra.

Dndole vida al especialPara comenzar a meterle informacin a cada mdulo del especial multimedia, es necesario dar clic en la seccin correspondiente en el Administrador de pginas y darle clic a Agregar, Texto y darle clic a la opcin necesaria: texto, prrafos o notas. Esta ltima opcin permite jugar ms con el diseo porque da opciones de insertar post it, por ejemplo.

Para agregarle texto largo al especial multimedia es necesario darle clic a Agregar, Texto, Prrafos e ir a la opcin Desplazador. El sistema brinda la opcin de escoger entre varios estilos y una vez seleccionado el estilo aparecer un cuadro de texto al que se le da clic, opcin editar, se le pega el texto y automticamente el texto completo se leer desplazndose sobre l. El sistema brinda opciones para cambiar el color, tamao y tipo de letra.

Para agregarle un video al especial multimedia debemos darle clic a Agregar, Msica y Video, Video.

Se desplegar un men de Video como este. Se puede agregar el video de dos formas: por URL y se despliega este recuadro, o por el buscador directamente de videos en Youtube.

Para agregar una foto, debe darse clic en Agregar, Fotos. Se desplegar este men. Se suben las fotos correspondientes al mdulo en Cargar Imagen.

Para agregar una galera fotogrfica, debe darse clic en Agregar, Galeras. Se desplegar este men y se escoge el tipo de galera deseado.

Una vez seleccionada la galera, el sistema coloca la galera en blanco en la pgina. Se da clic en Administrar Fotos y se comienza a reemplazar cada espacio por las fotos correspondientes.

Para agregar Audio, debe darse clic en Agregar, Msica y Video, luego en Msica 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.

Para ser creativos con el diseo, al agregarse el audio se puede insertar un reproductor: clic en Agregar, Msica y Video, luego en Msica y en el men Reproductor.

Agregu un iPod. Para comenzar a agregarle los audios, le doy clic a la imagen, clic en Lista de reproduccin y aparece este men para empezar a agregar los audios. Agregu tres audios y luego para reproducirlos hago lo mismo que hara en un iPod real: selecciono el audio y doy play.

Wix tambin permite agregar clip arts. Se puedes agregar formas, lneas, conos y animaciones segn nuestras necesidades de diseo.

Los conos del men clip art pueden ser muy tiles para la seccin de crditos. Por ejemplo, al lado de mi nombre, que he escrito acudiendo a Agregar, Texto, Ttulos, le coloco los conos de Twitter y Facebook, que enlazar a mis respectivas cuentas para poder ser contactada a travs de estas redes sociales.

Para enlazar, doy clic en enlace y se me despliega este men: puedo enlazar a una pgina Wix, a una URL o a un correo electrnico. En este caso, el cono de Twitter lo enlazo con mi direccin en Twitter y el de Facebook con mi direccin en esa red social.

En Agregar, Navegacin, adems de la opcin Mens que ya exploramos antes, estn las opciones botones y controladores. Con botones, Wix nos da distintos botones que podemos enlazar a un correo electrnico por ejemplo, a modo de contacto. Mientras que al insertar los controladores podremos navegar mejor determinadas secciones del especial multimedia. Se pueden conectar a audios o imgenes, cuando hay varios de estos elementos.

En Agregar, Widgets, se puede insertar: Formulario de contacto, comentarios, RSS, Google Maps o HTML. Al dar clic en HTML, opcin blank, se puede copiar el cdigo de alguna pieza que necesitemos insertar. Por ejemplo, una lnea de tiempo o un mapa de Google especfico.

Wix permite agregar documentos a nuestro especial multimedia. Para ello debemos dar clic en Mis Archivos y en el tipo de archivo a subir: fotos, msica, documentos o animacin en Flash. Como ya sabemos, las fotos y la msica se pueden subir mediante la ruta Agregar. A travs de Mis Archivos podemos subir documentos. En este caso sub uno de PDF, y el sistema permite que al drsele clic al archivo, se abre en una nueva ventana.

Pginas ocultas en un especialLas pginas ocultas son oportunas para desarrollar ms detalles de un mdulo, pero que no queremos aparezcan como otra parte ms del especial. En este caso, he desarrollado tres mdulos: Introduccin, Problemtica y Soluciones. Dentro de Problemticas, por ejemplo, quiero hacer un listado de ttulos. Cada uno conducir a una pgina que tendr fotos, videos y las herramientas necesarias.

Dentro de Soluciones he listado tres historias, que quiero se desarrollen tal como los mdulos que s estarn visibles. Para eso: agrego las pginas que necesito tal como agregu los mdulos. En este caso agregu tras pginas, que me aparecern en el navegador, junto a Introduccin, Problemtica y Soluciones.

Esas tres pginas nuevas debern estar ocultas y para ello doy clic en el navegador, y luego en Administrar: se despliega un men como el de la pantalla. Le doy ocultar a las pginas necesarias, en este caso: checa, mamones, tienda, que he denominado as para que se me haga ms fcil el proceso de enlace de cada ttulo con estas pginas.

Vuelvo a los titulares que he listado en la seccin Problemtica: hago clic en cada titular, selecciono enlace y selecciono la pgina Wix a la que necesito enviar ese ttulo.

En mi ejemplo enlazo La dej mientras iba a la tienda dando clic en Enlace, se me despliega un men. Escojo la opcin de enlazar a pginas Wix y se me despliegan todas las pginas del especial. Comienzo as a enlazar cada ttulo con su respectiva pgina oculta.

Diseo de la pgina maestra I

A la pgina Maestra I, como a la pgina Maestra II, podemos darle fondo o marco. En este caso como construiremos la portada de nuestro especial multimedia: podremos colocar una imagen, o un diseo hecho en algn programa de diseo como Ilustrator, o publicar un video o una audiogalera a manera de introduccin.

La pgina Maestra I debe enlazar a la Pgina Maestra II. Para eso debemos enlazar algn objeto de la primera pgina maestra dando clic sobre l, luego enlace y en este caso enlazarlo a una pgina Wix. Dar clic en Seleccionar y seleccionar Home, que es la pgina Maestra II.

Publicar el especialUna vez terminado el especial, debe darse clic en Publicar y aparecer un pantallazo similar a este. El sistema arroja la direccin del especial y la posibilidad de incrustarlo en algn sitio, por ejemplo un blog.

Volver a editar el especialUna vez publicado el especial se puede volver a editar. Para ello debe irse al pantallazo inicial de Wix. Como seguimos logueados, el sistema da la opcin de dar clic en Mi Cuenta, donde aparecen los productos trabajados. El ms reciente aparece de primero y podemos darle clic en editar para seguir trabajndolo.

Los ejemplos empleados para crear este tutorial pueden 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/)