El Diseño de portafolios se puede lograr de muchas formas visuales. Estos tradicionalmente han sido creados para formatos de impresión, en donde generalmente llevamos a un cliente o una reunión, para mostrar lo que hemos hecho, nuestra experiencia y nuestros estudios realizados.
Hoy en día, muchos profesionales, no solamente del diseño gráfico, aprovechar el espacio que ofrece Internet para publicar y mostrar su trabajo, su experiencia y sus aptitudes, a través de portafolios en línea.
Con este taller aprenderemos a crear una página web con nuestro portafolio personal, en el cual relacionaremos información de nuestro perfil, nuestra experiencia, la información de contacto, entre otras.
Pero, bueno que es Wix?
Wix es un editor en línea que permite crear y publicar un sitio web en forma gratuita, con una dirección generica del tipo www.wix.com/nombredelsitio. Bueno, tambien puedes conectar tu dominio personalizado www.misitio.com por un pequeño costo mensual/anual.
Con Wix no necesitas agregar una sola línea de código de programación HTML. El creador de sitios web, se realizó de modo que sea muy fácil de usar y permita una completa libertad en la creación de nuestros espacios. Se pueden elegir entre muchas plantillas web prediseñadas profesionalmente o tambien se puede crear una pagina desde cero. Para crear un sitio desde cero, simplemente se agregan elementos como títulos, logos, clip art, galerías de fotos y más, a medida que avances en la construcción.
Bueno ahora iniciaremos nuestro taller. El primer paso es ingresar a la página de Wix.com, en donde deberas ingresar con tu usuario. Si aún no has creado el tuyo, dirígete a la opción Login/Regístrate.
Luego de seleccionar esta opción, debes crear una cuenta nueva. Si ya tienes usuario, solo ingresa los datos de correo electrónico y la contraseña.
Luego de ingresar los datos del correo y la clave, se presenta la ventana de bienvenida, por ahora NO seleccionaremos ninguna plantilla de las que alli aparecen, simplemente presionamos el botón que se indica abajo.
Hecho esto, seleccionamos crear un sitio web en blanco, como se muestra en la pantalla.
A continuación, eliges algún modelo de blanquilla en blanco, que más se ajusté a las necesidades del proyecto. Presiona el botón Editar, según la plantilla seleccionada.
Hecho esto, comenzara a cargarse el editor de Wix, el cual tardará uso instantes.
Una vez cargada la interfaz de trabajo, tendremos a disposición todas las herramientas de edición que necesitamos. Al lado izquierdo están las herramientas de edición, en la arte superior, el menú de opciones, desde donde se graba el proyecto y se realizan vistas previas, más otras de uso general. En el resto de la pantalla, ya se tiene la cabecera de nuestra página, las opciones de menú que hemos seleccionado y en la parte inferior, el cuerpo de la página.
Miraremos ahora una descripción rápida de las herramientas de edición. La primera corresponde a el menú de Páginas, el cual nos permite navegar en las páginas, cambiarles el nombre y ordenarlas.
El siguiente menú, corresponde a Diseño, desde el cual podremos personalizar el fondo de nuestro sitió y otras cosas más.
Luego, desde el menú de Agregar, podremos insertar diferentes componentes a cada una de nuestras páginas, como texto, imágenes, medios, entre otros.
Desde Opciones, podremos configurar el comportamiento de nuestro sitió, estadísticas, conexión a redes sociales, entre otros.
Finalmente desde la tienda de Wix, podremos agregar componentes especializados a nuestro sitio, como, formularios, incrustaciones de otros sitios web, carritos de compras, entre otros.
Luego de esta rápida descripción de las herramientas, comenzaremos a trabajar el encabezado de nuestro sitio. Agreguemos primero el nombre, haciendo clic en el sitio indicado.
A hacer clic allí, se activará el menú de edición, desde el que deberás seleccionar "editar texto". Puedes cerrar la ventana de Configuración de texto que se presenta a un lado.
Luego de haber presionado "Editar texto", tendrás a disposición, la barra de edición de texto, donde se encuentran todas las opciones para configurar componentes textuales. Ingresa aquí el título de tu sitio y asígnale la fuente, el color y el tamaño que sea necesario.
Bueno, ahora vamos a insertar algunos componentes en nuestra página principal. Eliminamos el componente de texto que se encuentra allí.
Ahora abriremos el menú de Agregar. Desde allí, seleccionaremos imagen y luego imagen con marco. La herramienta selecciona una por defecto. La podremos mover a un lado, procurando que quede ubicada dentro de los márgenes del sitio. Si observa, al seleccionar la imagen, se activan dos componentes arriba y abajo, para arrastrar y para estirar. Además, al rededor del objeto, observaremos algunos nodos de control, para cambiar tamaño. Con esto, podremos ajustar el tamaño de la imagen a las necesidades de diseño.
Ahora, agregaremos un contenido de texto, desde el mismo menú, Agregar, seleccionaremos Texto. Luego acomodamos el párrafo al lado izquierdo y ajustamos su tamaño, no olvide mantenerlo dentro de los márgenes de la página.
Vamos a agregar ahora algunos botones, desde el menú de Agregar, con la opción Botones y Menús. Luego seleccionamos Botón Grande. Desde la caja de configuraciones de Botón, se podrá modificar el rótulo de cada botón.
Vamos a agregar dos botones más, los reubicamos y ajustamos el rótulo de los mismos, como se muestra a continuación.
El paso siguiente es configurar tres páginas, las cuales serán enlazadas desde estos tres botones. Abrimos entonces el menú de páginas y en Page 2 seleccionamos configuraciones de página, luego editamos el nombre de la página y la dirección web de la página, se recomienda que ara el nombre de la dirección web, no se coloquen ni espacios ni caracteres especiales como tildes, eñes, etc.
Muy bien, teniendo ya la página de Quién soy, ahora la vamos a enlazar desde el botón creado. Para hacer eso, desde las opciones del botón, seleccionamos Enlazar a y después seleccionamos Página.
Finalmente, búscanos la página respectiva, la seleccionamos y aceptamos.
Repetimos los pasos anteriores con Page 3 y Page 4. Mmmm, a la página de Home, hay que cambiarle el nombre, lo cual ya podemos hacerlo, la llamaremos Principal y a la de Contact, la llamaremos, Cómo contactarme.
Bien, hasta aquí, debemos tener lo siguiente.
Ahora trabajaremos en la página principal. Cambiaremos ahora la imagen principal. Seleccionamos el objeto de imagen y hacemos clic en Cambiar imagen y luego Cargar Imagen.
Después de seleccionar la foto y que esta ha sido cargada en Mis Imágenes, la seleccionamos o hacemos doble clic para reemplazarla. Luego agregamos una descripción de nuestro perfil, en el campo de texto del lado izquierdo. Asignamos un estilo a este párrafo, seleccionando todo el texto y luego asignamos el estilo desde el menú de la bar de herramientas.
Debemos reacomodar los botones y ajustar el tamaño del texto o de la imagen.
Lo que haremos hará, será asignarle un fondo a nuestra página. Para hacer esto, debemos buscar en Internet una imagen de buena calidad y descargarla. Luego seleccionamos Diseño, desde las herramientas, y Fondo. Aquí se nos presentarán varios fondos de la librería de Wix, pero como vamos a cargar una propia, entonces seleccionamos Cargar y Personalizar Fondo
Ahora, desde el botón Agregar Imagen, cargamos el archivo del fondo y lo seleccionamos con doble clic. Después ajustamos un par de opciones en la ventana de Personalizar Fondo, colocándole Pantalla Completa y des chequeando Desplazar fondo con el sitio.
Ya con el fondo, tendremos que ajustar algunos detalles, como por ejemplo, el párrafo de texto. Vamos a agregarle un recuadro de fondo desde el menú Agregar y con la opción, Formas y Líneas. Luego Caja y listo. La ubicamos encima del párrafo y la ajustamos en tamaño, hacemos un clic sobre la caja y la enviamos atrás varias veces, hasta que nos aparezca el texto del párrafo.
Podemos agregarle una pequeña sombra al recuadro de texto, seleccionandolo y tocando la opción Cambiar estilo.
Bien por ahora, dejaremos aquí. Con lo visto, agreguemos información en las páginas creadas. No olvide grabar el proyecto.
