Teoría del Diseño Web

28
Diseño Web Menú Principal Acerca de Nosotros Contáctanos Regístrate

Transcript of Teoría del Diseño Web

Page 1: Teoría del Diseño Web

Diseño Web

Menú PrincipalAcerca de Nosotros

ContáctanosRegístrate

Page 2: Teoría del Diseño Web

Diseño Web

El Diseño web, es la planificación de paginas o sitios web, se le considera

dentro del diseño multimedia, e involucra la utilización de diversas

elementos así como programas especiales y conocimientos de

protocolos de red.

Este es una actividad de gran importancia en nuestros tiempos ya

que gracias a internet cualquiera tiene acceso a la información en esta, y otorga a sus propietarios la mayor

publicidad conocida.

Historia delDiseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 3: Teoría del Diseño Web

Haciendo Historia Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa

En un principio las páginas web eran sólo texto.

Todo empezó a principios de 1990, en Suiza en el centro de investigación CERN (centro de Estudios para la Investigación Nuclear) y la idea fue de Tim Berners-Lee que se le ocurrió crear un sistema de documentos enlazados y accesibles a través de Internet y la primera pagina conectada fue el 6 de agosto de 1991. La idea de la web nace entonces de interconectar información mediante enlaces o links.

La historia del diseño web se puede dividir en cinco etapas

Historia delDiseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 4: Teoría del Diseño Web

Primera Etapa

El nacimiento del diseño web está vinculado a los primeros navegadores gráficos, el primero fue www en 1992 y Mosaic para Microsoft Windows en enero de 1993, El navegador web era capaz de mostrar tanto imágenes como textos, aunque tenía grandes problemas para diagramar la información dentro de la página web.

El diseño web de esas páginas era lineal y era enfocado a los científicos que eran los usuarios que compartían su información alrededor del mundo.

Esta etapa esta muy vinculada al tipo de conexión era vía modem, por lo tanto se limitaba el peso de página.

Haciendo Historia Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 5: Teoría del Diseño Web

Segunda Etapa

Esta etapa se basa en el comienzo de las imágenes y el cambio de los fondos de las páginas, la aparición de elementos gráficos. Se comienzan a utilizar tablas para maquetación de contenidos y distribución de información e imágenes similares a la maquetación de las revistas.

En este periodo apareció la diferenciación en la adaptación de estándares de los dos principales navegadores: Internet Explorer y Netscape Navigator.

Esta etapa comprende desde el comienzo de W3c en octubre de 1994 hasta la adición de grandes potencias como Francia 1995 y Japón 1996.

Haciendo Historia Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 6: Teoría del Diseño Web

Tercera Etapa

Esta coincide con el inicio de una herramienta introducida por Macromedia en 1996, llamada flash, esta herramienta cambio la concepción de la presentación de los productos y la presentación de la información.

Cuarta Etapa

Se desarrolla a comienzos del siglo XXI y viene marcada por la fuerte influencia de google y aspecto de posicionamiento en buscadores, el diseño web se autocensura para poder optimizar el sitio en los buscadores, nace el concepto de seo y pasan de largo toda aquellas paginas el flash y muy visuales pero inútiles para google y los robots de los principales buscadores.

Haciendo Historia Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 7: Teoría del Diseño Web

Quinta Etapa

Podríamos indicar como comienzos del 2005 hasta la actualidad, con el nacimiento y eclosión de las redes sociales, aplicaciones multimedia en los dispositivos móviles.

Esta etapa del diseño web esta más enfocada a la gestión multimedia de todos los elementos para la interactividad del usuario con el medio web, se busca estar a la ultima tecnología.

Haciendo Historia Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 8: Teoría del Diseño Web

Jerarquización

Acomodo de la pagina

Coherencia Global

Movimiento por enlaces

Marcos (frames)

Favoritos

Texto Alternativo

Principios del diseño WebHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 9: Teoría del Diseño Web

Títulos

Espacios en Blanco

Color

Visibilidad y Legibilidad Tipografía

Acomodo de Imágenes

Principios del diseño WebHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 10: Teoría del Diseño Web

xAcomodo de la Pagina

Page 11: Teoría del Diseño Web

xMovimiento por Enlaces

Page 12: Teoría del Diseño Web

xTítulos

Page 13: Teoría del Diseño Web

xEspacios en Blanco

Page 14: Teoría del Diseño Web

xColor

Page 15: Teoría del Diseño Web

xAcomodo de Imágenes

Page 16: Teoría del Diseño Web

Tipos de Sitios WebBlogs

1/132/1313/13

Sitios de Empresas

3/13

Comercio Electrónico

4/13

Comunidades Virtuales

5/13

Base de Datos

6/13

Sitios de Descargas

7/13

Sitios de Juegos

8/13

Sitios de Información

9/13

Sitios de Noticias

10/13

Buscadores

11/13

Portales web

12/13

Sitios PersonalesWikisHistoria delDiseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 17: Teoría del Diseño Web

Tendencias en el DiseñoHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 18: Teoría del Diseño Web

x1- Encabezados Sobredimensionados

Page 19: Teoría del Diseño Web

x2 – Tipografía Innovadora

Page 20: Teoría del Diseño Web

x3- One Page Web

Page 21: Teoría del Diseño Web

x4- Imágenes Enormes

Page 22: Teoría del Diseño Web

x5 - Tridimensionalidad

Page 23: Teoría del Diseño Web

x6 - Pies de paginas con muchas ligas

Page 24: Teoría del Diseño Web

x7 – Formato Revista

Page 25: Teoría del Diseño Web

Una pagina Web es una fuente de información adaptada para la WWW (World Wide Web). Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras paginas web.

La creación de una pagina web involucra el conocimiento no solo de un programa sino de varios elementos, desde lengua de programación hasta el uso de programas de diseño y el funcionamiento de protocolos de red.

La Creación de una pagina web, generalmente y de manera extendida solo requiere de 3 pasos

• Selección del tema y recopilación de información• Selección del Editor o programa• Selección del Dominio• Subir la pagina

Creación de un WebsiteIntro Lenguaje de Programación Editores ServidorHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 26: Teoría del Diseño Web

Creación de un WebsiteIntro Lenguaje de Programación Editores Servidor

HTTP

Java Script

HTML

HTML5

Historia delDiseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 27: Teoría del Diseño Web

Dreamweaber

Flash

M. Front Page

Editores Web

Creación de un WebsiteIntro Lenguaje de Programación Editores ServidorHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.

Page 28: Teoría del Diseño Web

Hosting

Dominios

URL

Web Master

Creación de un WebsiteIntro Lenguaje de Programación Editores ServidorHistoria del

Diseño Web

Tendenciasen Diseño

Tipos de Páginas Web

Principios delDiseño Web

Creación deun Website

.:: Menú ::.