Material guia para el diseño de paginas web

Page 1

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  Crear una cuenta de correo

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

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

Aquí

 Debo

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


 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í

6

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

5

Video nuevo agregado en la pรกgina.


Para guardar y publicar el sitio: ck 1.Cli

3.Click

2.C lic k


S E L A R E N E G S E N O I C A V R E OBS AL INICIAR

AL FINALIZAR

 La

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

 Recuerda que al asignar el nombre a

tu sitio, debes usar solo letras, no admite caracteres como : +,-,/,*,_,-#$ %,1,2.. etc.

 Recuerde no exagerar

en componentes que perdería estética.

ya la

 No 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.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.