Tu Sitio Gratuito Con Wix

Recuerdo haber usado Wix hace ya algunos años y obviamente hoy ofrece muchas más opciones y se ve muy amigable.
Entre las características de su servicio debemos incluir:

1. No necesitas conocer lenguajes de desarrollo o diseño, para eso solo necesitas saber arrastrar y soltar.
   
2. El hosting (alojamiento) es completamente gratuito.
   
3. Ahora podrás elegir entre usar Flash o HTML 5.
   
4. Cientos de diseños disponibles.
   
5. Suficientes recursos, videos e información de ayuda.

Lo único que no me gusta es la auto-publicidad que hacen de su sitio en “tu” sitio, bueno, es gratuito y esos es normal en estos casos, pero quizá aún así consideren que les conviene el servicio, en ese caso…

Enpecemos

Primero necesitas registrarte, ingresemos al sitio de Wix en http://es.wix.com/ y buscamos el botón “Comienza ahora”:

Ingresa tu dirección de e-mail (debe ser real) y la contraseña que vas a emplear (si estás usando una máquina pública, como una cabina, desactiva la casilla “Recordarme en este equipo”), clic en “Ir” para continuar y tenemos esta vista, clic en “Comenzar a crear”:

Ahora tenemos cientos de plantillas para escoger, básicamente agrupados en dos categorías: HTML 5 Y Flash, recomiendo HTML 5 por el tema de accesibilidad, no es perfecto pero considero que es “menos malo” que Flash (este es un tema de discusión, mi parecer coincide bastante con el que pone Sergio Luján en su blog), pero Flash tiene también plantillas muy vistosa, da clic sobre la que desees usar:

Nota de que también están organizadas por categorías, quizá esta sea la parte que te tome más tiempo. Para este ejemplo e dado clic sobre la plantilla “Web Studio” que se abre en otra pestaña, si quisiera, la cierro y elijo otra. En la nueva pestaña del sitio que elijas se muestra un botón “Editar”, clic en él para comenzar a personalizar nuestra plantilla:

Me envía a otra página (dependerá de tu navegador, estoy trabajando con Firefox 14), tras unos segundos se muestra un formulario para ingresar el nombre de tu sitio, este nombre se insertará al final de tu dirección URL, los espacios en blanco se reemplazarán con guiones, las tildes y eñes no se deben usar, clic en “Guardar” (sobre como elegir el nombre de tus sitio):

También habrá un video orientativo, a esperar unos segundos que cargue el editor con este mensaje:

Le daré clic en “Publica tu sitio ya” (esto es opcional, se podría publicar más adelante), ahora tenemos esta vista:

Activa el check “Permitir que se encuentre mi sitio online” para modificar más opciones, agregué unos datos de ejemplo que te servirán de guía para colocar tu propia descripción, al colocar el puntero del mouse sobre los signos de interrogación obtendrás un mensaje de ayuda:

Una vez ingresados los datos descriptivos que ayudarán a encontrar tu página clic en “Publicar ahora”. Si deseas, a continuación se te ofrece la opción de publicar un mensaje en Twitter o Facebook.

Personalizando Tu Sitio

Ahora si, entremos propiamente a la personalización del sitio con nuestros datos y es muy sencillo, bastará con dar clic sobre el elemento que deseas editar y se abrirá un bloque para modificar el contenido, fuentes, colores, tamaños,todo dependerá del elemento que hayas “clicado”.
Concentrémonos primero en la barra que tengo al lado superior izquierdo:

De arriba hacia abajo tenemos:

1. Páginas: Muestra una lista de páginas en el sitio (recordemos que un sitio Web es una colección de páginas), podrás agregar nuevas, modificar o eliminar las existentes.
   
2. Diseño: Para cambiar la combinación de fondo, la combinación de colores y las fuentes (letras).
   
3. Agregar: Para insertar nuevos elementos en la página actual tales como texto, imagen, formas, botones, aplicaciones, etc.
   
4. Opciones: Para editar la configuración del sitio como la dirección (que pusimos unos pasos atrás), opciones de SEO (optimizar para búsquedas), estadísticas y otros.

Cada ventanita de estas muestra una “x” cerca a la esquina superior derecha para cerrarla.
Esta es la vista actual del sitio http://eliot-ramos.wix.com/misitioenlaweb sin editar:

En el borde superior tenemos varios botones, una lista desplegable  para seleccionar en cual de las páginas deseamos seguir trabajando, botones para copiar lo seleccionado y pegar, ver u ocultar una cuadrícula que servirá de guía para ubicar los elementos en la página, vista previa, guardar los cambios (sin publicar), publicar los cambios en tu sitio y otros (upgrade es para usar una versión de pago).

El Título

Voy a cambiar el título que actualmente dice “FREELINE” por “Tu Sitio En La Web”, doy clic sobre ese objeto

Al colocar el puntero del mouse sobre algún controlador podrías tener un mensaje descriptivo, también tenemos en este caso en una lista flotante la opción “Editar texto”, damos clic y se mostrará el cursor para borra/agregar, también arrastro el control lateral para aumentar la longitud del contenedor y queda así:

Clic arriba en el enlace “Guardar”, se mostrará un mensaje confirmando que se guardaron los cambios, cierras ese mensaje y tu sitio ya está actualizado.

Íconos A Las Redes Sociales

Ahora personalizaremos los enlaces a las redes sociales ya que en este momento apuntan a los sitios de Wix, así que doy doble clic en uno de ellos:

A la izquierda están los tres íconos, seleccionamos uno y a la derecha donde dice “Enlazar a” colocamos nuestra dirección personal y así con cada uno (no se ven del todo porque son de color blanco), al terminar clic en “OK”.

Insertar Una Imagen

Para terminar este ejercicio insertaré una imagen sobre lña elipse que está al lado izquierdo del título, clic en el botón “Agregar” identificado con el signo “+”, en el desplegable clic en “Imagen”:

Se habrá agregado una imagen por defecto, bien, clic en esa imagen, clic en “Cambiar imagen”:

Se te llevará a una ventana con dos pestañas, usaremos la primera “Mis imágenes” que está vacía (la pestaña “Imágenes” mostrará una galería desde donde también podrás seleccionar una), así que cargamos una dando clic en “Cargar imagen”:

Selecciona una imagen de tu equipo (si no vas a usar una de la galería) y cárgala, terminada la carga la seleccionas, clic en “OK”:

Ahora es solo cuestión de arrastrar para darle el tamaño y moverlo a su sitio y continuar editando los otros objetos de tus páginas, no es tan complicado ¿Verdad? En todo caso recuerden que hay suficiente material de ayuda en el sitio de Wix y en la ventana de edición y no duden en agregar su pregunta en los comentarios si acaso hay alguna.