Material 1 guia para el diseño de paginas web

MATERIAL GUIA PARA EL DISEﾃ前 DE PAGINAS WEB INTERACTIVAS

ESPECIALIZACIÓN GERENCIA INFORMÁTICA

WIX WIX, es una plataforma gratuita que permite el diseño y creación de páginas web de forma fácil y sencilla sin necesidad de utilizar lenguajes de programación, a través de un servidor gratuito.

Bienvenidos a conocer y explorar esta nueva herramienta…

PRIMER PASO correo electrónico, que puede ser : gmail, hotmail o yahoo.

 Debo ser miembro de

la comunidad Wix mediante el registro de mi correo electrónico y una contraseña entonces :

Ingreso a Internet a la siguiente dirección y me registro: Aquí

 Crear una cuenta de

 Cuando damos click en regístrate debemos llenar los

campos requeridos así:

Correo Click Contraseña Finalmente damos click en continuar

 Teniendo en cuenta que al momento somos usuarios nuevos, lo que quiere decir que debemos seleccionar la opción

soy un usuario nuevo.

 Seguidamente aparecerá una pantalla

como ésta dónde daré click en Menú Mis Sitios:

Click

Aqu铆 selecciono una plantilla de mi preferencia, mediante la opci贸n editar:

Click

Luego iniciamos la edici贸n y personalizaci贸n seleccionando con un click, cada objeto que deseo modificar, ejemplo: Click Editar texto

Voy a modificar Doy click

Para modificar el menú:

Menú Inicio

Menú Servicios

Selecciono páginas y modifico: 1.Aquí

2.Aquí

3.Aquí 4.Nombre nuevo

Modificado el Menú inicio mostraría:

Para crear submenús o nuevos enlaces como este por ejemplo que se despliega cuando doy click en Servicios:

Ejemplo

 Damos click en el menú páginas: 1.Aquí

2.Aquí 4.Aquí

3.Aquí

5.Asigno Nombre

Para agregar componentes al sitio usamos el menĂş agregar asĂ­:

Imágenes: 1.Aquí

2.Aquí 3.Aquí

4.Aquí

5.Aquí

6.Aquí

En el paso 5, Selecciono la imagen que deseo agregar.

1.Click

2.Click

La imagen seleccionada fue agregada a la página, debo elegir el sitio donde deseo ubicarla dándole click sobre ella y arrastrándola, si quiero aumentar o disminuir su tamaño lo hago mediante los puntos blancos que aparecen a su alrededor.

Click

Para insertar un video: 1 3

2

El video se inserta en cualquier sitio de la página, para ello lo arrastro con click izquierdo sostenido y lo ubico en el sitio que lo requiero, si quiero aumentar su tamaño, doy click sobre el video y en los puntos blancos que aparecen en su alrededor aumento o disminuyo su tamaño.

Para cambiar el video: 2.Click

1.Click sobre el video

3.Click

4. Pego el nuevo link del video que quiero agregar

Video nuevo agregado en la pรกgina.

Para guardar y publicar el sitio:

3.Click

AL INICIAR

AL FINALIZAR

 La

 Recuerda que al asignar el

 Recuerde no exagerar

 No

primera página debe ser un abordaje del contenido global de la página.

en componentes que perdería estética.

ya la

nombre a tu sitio, debes usar solo letras, no admite caracteres como : +,-,/,*,_,-#$%,1,2.. etc. olvide guardar la página e inmediatamente publicar cada cambio que se realice ya que si no publicamos no se podrán observar los cambios.

ESTARÉ ATENTA ANTE CUALQUIER INQUIETUD.

ING.YANETH CARDENAS GALVIS. GRACIAS POR SU ATENCIÓN.