Diseño Páginas Web
description
Transcript of Diseño Páginas Web
![Page 1: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/1.jpg)
Diseño Páginas Web
![Page 2: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/2.jpg)
Evolución
En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, se han generado nuevas
formas de desarrollar la web.
![Page 3: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/3.jpg)
Diseño WebEl diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios y páginas web.
Requiere tener en cuenta cuestiones, tales como:
NavegabilidadInteractividad UsabilidadArquitectura de la informaciónInteracción de medios (audio, texto, imagen y vídeo)
![Page 4: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/4.jpg)
Diseño Web
La unión de un buen diseño con
una jerarquía bien elaborada
de contenidos aumenta
la eficiencia de la web
como canal de
comunicación e intercambio de datos
![Page 5: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/5.jpg)
Diseño WebTrata básicamente de realizar un documento con
información hiperenlazado con otros documentos y asignarle una presentación para diferentes
dispositivos de salida.
Estos documentos o páginas web pueden ser creadas:
Mediante archivos de texto (HTML)
Utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
Utilizando lenguajes de programación del lado servidor para generar la página web.
![Page 6: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/6.jpg)
ETAPAS DISEÑO WEB
1. DISEÑO VISUAL DE LA INFORMACIÓNQUE SE DESEA EDITAR:
Se trabaja distribuyendo
el texto, los gráficos, los vínculos
a otros documentos y otros objetos multimedia
que se consideren pertinentes.
![Page 7: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/7.jpg)
2. SE PASA A “ESCRIBIR” LA PÁGINA WEB
Para esto, y fundamentalmente
para manejar los vínculos entre
documentos, se creó el lenguaje
de marcación de hipertexto
o HTML.
ETAPAS DISEÑO WEB
![Page 8: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/8.jpg)
3. POSICIONAMIENTO EN BUSCADORES
Consiste en optimizar la estructura del contenido para mejorar la posición en que
aparece la página en determinada búsqueda.
ETAPAS DISEÑO WEB
![Page 9: Diseño Páginas Web](https://reader035.fdocument.pub/reader035/viewer/2022062323/56815de4550346895dcc0b20/html5/thumbnails/9.jpg)
Bibliografía
Wikipedia. Enciclopedia libre [on-line]: http://es.wikipedia.org/wiki/Wikipedia:Portada