Este documento proporciona un tutorial en 13 pasos para crear un portafolio web personal usando la plataforma WIX. Explica cómo registrarse, seleccionar una plantilla, editar el menú principal, agregar páginas y contenido como imágenes, y finalmente publicar el sitio para que sea visible en Internet.

1. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
1. Click en Comenzar ahora o Login/regístrate.
2. Click en Usuario nuevo ingresar el correo y la clave que deseemos para el sitio.
La página nos solicitara confirmar tanto el correo como la contraseña.

2. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
3. Click en iniciar un nuevo sitio.
4. Selecciona la categoría de la página que desees crear en nuestro caso click en
Personal y luego en portafolio. Y para iniciar click en YA

3. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
5. Seleccionamos la plantilla que sea de nuestro agrado para ser utilizada en nuestro
sitio WEB.
6. Una vez abierta la página podemos dar click en editar.

4. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
7. Seleccionamos la barra de menú principal para editar los nombres o eliminar según
sea el caso. Y click en renombrar páginas.
8. Click en el icono (configuraciones de página) nos despliega la opción donde
escribimos en nombre que queremos que aparezca en nuestro sitio. De esta forma
continuamos con todos y cada uno de los elementos de los menús.

5. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
9. Damos click en la siguiente opción del Menú en este caso (Services) y lo
reemplazamos por el nuevo nombre del menú. Así lo hacemos con cada una de las
opciones hasta completar el menú principal.
10. Para agregar una nueva página debemos seleccionar agregar nueva página y nos
despliega el tipo de página que deseamos seleccionamos una y damos click en OK y
escribimos el nombre de esta.

6. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
11. Para correr las diferentes opciones del menú y ubicarlas según el orden que
deseamos debemos ubicar el mouse en el recuadro de la izquierda del nombre de
manera que el cursor se convierta en cuatro flechas una vez hay con click
sostenido lo ubicamos en la posición deseada.
Para observar cómo está quedando nuestro portafolio damos Click en Vista Previa.
Al final el menú se debe ver de la siguiente forma.

7. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
Como Cargar una o varias imágenes.
 Seleccionamos el símbolo + el cual nos permite agregar diferentes elementos
como texto, imágenes, galería, videos, botones, etc...
 Luego seleccionamos el elemento que necesitamos en nuestro caso imagen luego
de nuevo en imagen o también puedes agregar una imagen sin marco
 Una vez seleccionado imagen nos despliega una pantalla en la que nos permite
cargar las imágenes que deseamos incluir a nuestro sitio, seleccionamos el botón
cargar imágenes.

8. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
 Luego se nos despliega una ventana emergente en la cual nos pide que
seleccionemos la ruta de las imágenes que deseamos cargar a nuestro sitio.
Seleccionamos la o las imágenes y damos click en abrir.

9. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
 Al dar click en abrir queda en nuestro proyecto ahora si la vamos a utilizar la
seleccionamos y le damos click en agregar imágenes
Debemos editar cada una de las páginas creadas y adaptarlas a nuestro contexto.
12. Una vez que todo esté finalizado y observamos en la vista previa que nuestro sitio
se ve bien procedemos a publicarlo para que se vea en Internet.
Le damos click en Publicar

10. Tutorial creado por Ing. Jairo Benavides - Computadores para
Educar 2014
13. Se muestra una ventana la cual nos indica la dirección como aparecerá nuestra
página en Internet lo de mas lo dejamos como aparece y le demos click en Publicar
Ahora si ya podemos ingresar nuestra dirección en cualquier navegador para observar el
portafolio creado. Nota: si deseamos modificar o agregar algo ingresamos de nuevo a WIX
y editamos el sitio.