Guias Practica 7

download Guias Practica 7

of 20

description

tarea7

Transcript of Guias Practica 7

  • Diseo Grafico

    Ing. Edgard Vilcarino Zelada 1

    Gua Practica 7

    Ing. Edgard Vilcarino Zelada

    Desarrollo de Aplicaciones

    Multimedia

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 2

    CREANDO PAGINAS WEB CON WIX

    Wix.com es un portal web mediante el cual podemos crear diseos para blogs y

    pginas Web, ya no es

    necesario buscar plantillas

    con diseos listos creados

    por otras personas si lo que

    deseamos es hace uno

    propio, para acceder a este

    servicio es necesario

    registrarnos:

    ( http://es.wix.com ) pero

    una vez realizado este

    proceso ya podemos

    comenzar con la creacin de

    nuestro diseo.

    Wix.com nos permite crear diseos para blogs y pginas Web en Flash, es decir

    diseos animados y dinmicos lo cual es una gran ventaja para quienes no

    tengan conocimientos de dicho programa de diseo. Si andamos algo curiosos

    o en busca de creatividad podemos siempre navegar a travs de este sitio Web

    y ver e incluso obtener el cdigo de los diseos creados por otros usuarios,

    dichos diseos los encontramos organizados por categoras, adems en la parte

    superior de la pgina veremos el diseo o Wix del da.

    Crear un diseo para nuestra pgina Web es simple, podemos elegir comenzar

    de cero, es decir una pgina totalmente en blanco o editar y personalizar un

    diseo casi listo en caso que elijamos la segunda opcin podemos ver que

    estn organizados por categoras las cuales estn visibles en la barra lateral de

    la pgina y entre dichas categoras podemos encontrar negocios, fotografa o

    personales, tambin estn disponibles diseos en temticas como arte y

    msica.

    Existe el servicio Premium que es un servicio de pago, bsicamente lo que

    ofrece a los usuarios es mayor capacidad de almacenamiento, ancho de banda,

    diseos profesionales y otras caractersticas pero esta opcin queda de acuerdo

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 3

    a la necesidad de cada usuario. Desde nuestra cuenta podemos importar

    contactos enviando invitaciones a nuestros amigos en cuentas de correo como

    Gmail.com, Yahoo.com y AOL.com.

    CREANDO UNA PAGINA EN WIX

    1. Para empezar a crear una pgina web con wix, debes regstrate.

    2. Luego Ingrese su correo electrnico y cree una clave nueva y finalmente

    dar cli en el botn regstrate

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 4

    3. Luego verificar la bandeja de tu correo electrnico antes ingresado, en el

    cul se te habr enviado un email. Ej

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 5

    4. Si tienes creada una cuenta y una pgina web en wix, debers visualizar

    el siguiente entorno

    Para visualizar t pgina web haz

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 6

    5. Para crear una pgina web en wix, debers elegir una categora, de

    acuerdo a tu especialidad, rubro o negocio

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 7

    6. Luego Elige una plantilla y haz clic en Editar

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 8

    7. A continuacin se mostrar el siguiente entorno. Colocar el puntero del

    mouse en cada botn de la izquierda.

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 9

    8. A continuacin empezaremos a personalizar nuestra pgina web a

    nuestro gusto, es decir con imgenes propias, textos, efectos, fondos y

    etc. Para cambiar el logotipo, deberemos seleccionar el logotipo y a

    continuacin editarlo

    9. Para cambiar el logotipo podemos crear el nuestro, usando alguna

    herramienta de diseo grfico: corel draw, fireworks, photoshop y etc.

    Adems podemos descargar mgenes de la web para luego cargarlas.

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 10

    10. Luego para editar el texto y asignar un nombre a nuestra empresa, bastar con

    tan solo darle clic en el texto y a continuacin se mostrar, lo siguiente

    11. Luego en la parte superior me aparecer una barra de editor de texto simple. Ej.:

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 11

    12. Para cambiar el nombre de los textos de la barra de men hacer clic en el que

    desee.

    13. Para administrar las pginas web debers hacer clic en la pestaa de administrar

    pginas en el cual contiene un lista desplegable de cada una de las pginas que se

    muestran en la barra de men

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 12

    14. Para editar la pgina inicio, hacer clic izquierdo en cada uno de los botones del grupo

    pginas

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 13

    15. Para cambiar la imagen de la pgina, hacer clic en la imagen.

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 14

    16. De la misma forma podemos cambiar las imgenes de abajo, as como tambin el

    texto.Ej.

    17. As mismo podemos seguir editando las pginas Quienes Somos, Galeras, Servicios

    y etc.

    18. Si hacemos en la parte superior botn preliminar, podemos observar cmo quedar la

    pgina web

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 15

    19. Luego continuamos con la edicin de la pgina Galeras.

    20. Para asignar las fotos deseadas clic en administrar fotos

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 16

    21. Debiendo quedar de la siguiente forma.

    22. Editando la pgina Servicios.

    23. Para editar el texto clic en editar

    24. Debiendo quedar de la siguiente forma. Para volver a editar hacer clic izquierdo en el

    botn Volver Editar.

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 17

    25. Finalmente Editamos a la pgina contctenos

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 18

    26. Debiendo que de la siguiente forma.

    27. Al finalizar todo, hacer clic en el botn publicar para que se actualice y guarde todos

    los cambios de tu pginas web

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 19

    Tu direccin de sitio ser: www.wix.com/edilberto_cesarc/constructoraecchf

    28. Ten en cuenta que al finalizar puedes compartirlo en Facebook

  • Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 20