Está en la página 1de 48

MANUAL PASO A PASO PARA CREAR

SITIO WEB CON WIX

TRABAJO
PASO A PASO PARA INGRESAR A WIX
Para ingresar a WIX , HERRAMIENTA PARA SITIOS WEB

Elementos que debo tener en cuenta

1. Tener una cuenta de Gmail valida

PASOS PARA INICIAR CON WIX

Ingreso a cualquier navegador de internet, en google

En google escribo WIX asi:


Seleccionar la primera opción

Clic sobre la opción Páginas Web Gratis | Descubre Cómo Crear una
Página Web | WIX

Y nos muestra la siguiente ventana


Para ingresar puede dar clic en el botón o clic en el botón de la

parte superior derecha , nos muestra la siguiente ventana

Para el ingreso lo podemos realizar por tres formas

1. Diligenciando los datos

2. Ingresando por una cuenta de FACEBOOK

3. Ingresando una cuenta de GOOGLE MAS


Por eso es importante para no complicarnos una cuenta de GMAIL valida

Para ello clic en el botón , nos


muestra la siguiente ventana

Introduzco la cuenta de correo valida de Gmail


Clic botón y nos muestra la siguiente
ventana
Diligencio mi contraseña valida de mi cuenta y clic botón

, aparecerá la siguiente ventana

Clic botón , aparecerá la siguiente ventana


Ya ingrese a la herramienta WIX , para iniciar clic en el link en la parte superior

plantillas , como se encuentra a continuación

Y aparece la siguiente ventana

En la parte izquierda se muestra el listado de categorías posibles a utilizar


Clic en la categoría
Y nos muestra la siguiente ventana
Del lado derecho buscaremos una plantilla llamada
trabajaremos con esta plantilla y la adecuaremos a nuestro ejercicio

Le paso el mouse sobre la plantilla


Y se activan 2 botones clic en el botón y nos carga la plantilla

Y al final cuando carga todo nos muestra la plantilla con todos los elementos
Lo primero que vamos a trabajar es cambiar el fondo es importante que si tienen
una imagen bien bonita y la deseen cambiar de fondo bienvenido o el color

Primero vamos cambiar el fondo

Para cambiar el fondo vamos a dar clic en el botón y


nos muestra la siguiente ventana
Podemos colocar color de fondo dando clic en
Podemos utilizar el color que desee agregar más dándole clic en el botón y
encontrara más gamas de colores y selecciona la opción dando clic el que desee y

clic botón guardar

Selecciono el color pensando en los colores institucionales de mi Institución o


Empresa

O puedo agregar imágenes que tenga en el escritorio o cualquier dispositivo de

almacenamiento clic botón

O también podemos seleccionar del listado de fondos seleccionados (imagen y


video) el que más me guste

Se puede jugar como desee la página (color imagen o video)

Para el ejercicio y nos quede bien vamos a seleccionar UN COLOR DE FONDO

Selecciono una Color de la lista como se muestra a continuación

Dando clic sobre la imagen automáticamente cambia de color


El siguiente paso es cambiar la Fotografía se necesita una imagen bien bonita para
mi Sitio web busquemos una de nuestra institución o empresa

Clic la imagen y se activan unas herramientas así

Clic en el botón , nos muestra una ventana para cargar


nuevamente otra imagen o foto
Clic en el botón del lado derecho superior , muestra la
siguiente ventana

Selecciona la imagen que utilizara clic botón , carga la imagen en la


siguiente ventana
Clic botón

Clic sobre la imagen que voy a utilizar en este caso la foto clic en el botón
Me inserto la imagen

Si no me gusto puedo realizar nuevamente los pasos y cambiar la imagen

Adicionalmente encontramos una barra de herramientas

Opciones de la Imagen
Cambiar Imagen
Darle una acción cuando le delos clic a la imagen

Le vamos a dar el nombre completo a la imagen


Tipos de marcos el que más deseen
SELECCIONEN UNO
Recortar Imagen

Filtro de Imágenes

Animación
SELECCIONAN UNO
Enlace

Ayuda

Cambiaremos el nombre de la persona de la hoja de vida

Clic en el nombre para ELIMINAR el texto como se muestra en la imagen anterior


Clic en el botón suprimir para eliminarlo

Ahora cambiaremos el texto que aparece al lado de la foto como se muestra a


continuación clic al texto
Cuando le damos clic al texto no lo muestra de la siguiente manera

Clic en el botón y se activa la venta


Se sombrea el texto y lo modificaremos por el nombre de la EMPRESA O
INSTITUCION EDUCATIVA así:

Cuando doy clic en el botón se activa la siguiente ventana


Encontramos Muchas opciones

ESTILOS

FUENTES

TAMAÑO

EFECTOS

ALINEAR; COLOR LETRA; COLOR FONDO

Trabajar con cada uno de ellos y aplicar un efecto al texto, colores

Miren como les va quedando


Vamos cambiar solamente los nombres delos botones al lado de la Foto

Clic al primer botón

Clic botón del primer botón y nos muestra la siguiente ventana


Cambiarlo por MISION así

Cierro la ventana clic

Siguiente botón

Cierro la ventana clic

Siguiente botón CONTACTENOS


Vamos a guardar clic en el botón de la parte superior derecha

Nos muestra la siguiente ventana

Aparece una ventana y lo modifico por mi nombre así


Clic botón guardar y muestra la siguiente ventana

Nos muestra el link o URL de mi sitio web

Lo puedo editar clic botón

No vamos a publicar todavía porque no hemos terminado

Solamente clic botón


Para ver cómo va podemos dar clic botón ubicado en la parte superior derecha

Si queremos volver clic botón parte superior derecha


Bueno la última parte vamos a crear nuestras páginas esto de que depende de mí
mapa de contenido

El recuadro de color negro me muestra la cantidad de páginas que voy a tener para
mi caso voy a tener 6 paginas

Iniciaremos a crear nuestras páginas

Para realizar esto nos ubicamos en nuestro editor de wix

Clic en la opción de la parte superior izquierda


Nos aparece una ventana

Esta plantilla ya tiene 4 páginas ya creadas las ajustaremos a las que necesitamos
y agregaremos las que nos hace falta

Primero cambiaremos el nombre a las páginas existentes según nuestro mapa de


contenido

Para cambiar el nombre damos doble clic sobre HOME y se muestra de la siguiente
forma

Lo cambio a la palabra INICIO en mayúsculas así:


Clic botón

Cambio las otras páginas según mi mapa de contenido o trabajo el mismo y lo


adecuan a su hoja de vida como lo presentaron

Solo cambiamos nombres de las páginas y después alimentamos cada página en las
siguientes actividades

Necesitamos agregar más páginas entonces lo que hacemos es clic en el botón

Nos muestra la siguiente ventana


Seleccionamos o clic en la opción aparece
la siguiente ventanita

Damos el nombre según nuestro mapa de contenido

Clic botón y se creó la siguiente pagina

Creare las páginas necesarias SEGÚN MI MAPA DE CONTENIDO

Esa es la forma de crear páginas cierro la ventana clic


Y se nos muestra así

Porque sale así porque están ubicados en la última página creada para ir al inicio

Clic nuevamente en el boton de la parte superior izquierda

Se muestra la siguiente ventana


y clic en la primera pagina
Me muestra lo que ya había realizado

Cierro la ventana clic


Lo último que vamos hacer es arreglar nuestro menú

Clic al menú que creamos


Solamente vamos a cambiar el diseño del menú a su gusto clic en el botón ,y
nos muestra la siguiente ventana

Vamos a escoger un estilo clic sobre el estilo


Una vez seleccionado el estilo doy clic sobre el estilo y para finalizar clic en el botón

Vamos agregar un logo de la empresa o institución

Estando en el editor de WIX


Clic en uno de los botones del lado izquierdo agregar se muestra la ventana
Clic en la opción selecciono o clic en la opción

Se muestra la siguiente ventana

Clic en el botón que se encientar ala lado derecho parte


superior de la ventana para cargar una imagen (logo o escudo)

Se muestra la siguiente ventana


Selecciono la imagen y clic botón
Se carga la imagen clic botón

Selecciona la imagen clic botón

Lo ubico en lugar que deseo que aparezca lo acomodo de tamaño y trabajo con las
herramientas de imagen

Adicionalmente encontramos una barra de herramientas

Opciones de la Imagen
Cambiar Imagen
Darle una acción cuando le delos clic a la imagen
Le vamos a dar el nombre completo a la imagen

Tipos de marcos el que más deseen


SELECCIONEN UNO
Recortar Imagen

Filtro de Imágenes

Animación
SELECCIONAN UNO
Enlace

Ayuda

VAN A CREAR SU PROPIA EVIDENCIA Y LA VAN SUBIR EN EL LUGAR DE LA SEGUNDA


ENTREGA UNIDAD 3

SE RECOMIENDA SUBIRLA EN EL LUGAR INDICADO


LA EVIDENCIA ES UN ARCHIVO Y DEBEN COLOCAR LA URL PARA QUE EL TUTOR LA
PUEDA VER

Para ello primero clic en el botón de la parte superior derecha para


guardar todo y no se pierda

Selecciono y clic botón

Necesitamos publicar

Entonces clic en el botón de la parte superior derecha no muestra la


siguiente ventana
Podemos dar clic en el botón nos muestra nuestro sitio como va

Y podemos copiar la URL O DIRECCION del SITIO WEB


Esta es la URL O DIRECCION del sitio web que se está construyendo

CONTINUAREMOS EN LAS SIGUIENTES ACTIVIDADES ALIMENTANDO DICHA


INFORMACIÓN PARA NUESTRO SITIO

ENTREGAR UN DOCUEMNETO DE LAS EVIDENCIAS DE ESTA ACTIVIDAD MAS LA RL


O DIRECCION del SITIO WEB ( INTEGRANTE(S))

También podría gustarte