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.
Reconociendo el rea de trabajo
Opciones para ajustar el zoom del rea de trabajo, configurar el
fondo, ver cmo va quedando el trabajo, publicar y publicar con
dominio propio.

Administrador de pginas para llevar el

control de las pginas que integrarn
nuestro especial multimedia.

Mens que nos permitirn agregar todos

los componentes del especial
multimedia.
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 especial

Para 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 especial

Las 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 especial

Una 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 especial

Una 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/
)