Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Teoría del Diseño Web

12,176 views

Published on

Published in: Design
  • Be the first to comment

Teoría del Diseño Web

  1. 1. Menú Principal Acerca de Nosotros Contáctanos Regístrate
  2. 2. .:: Menú ::. Diseño WebHistoria delDiseño Web El Diseño web, es la planificación de paginas o sitios web, se le consideraPrincipios del dentro del diseño multimedia, eDiseño Web involucra la utilización de diversas elementos así como programas Tipos de especiales y conocimientos dePáginas Web protocolos de red.Tendencias Este es una actividad de gran en Diseño importancia en nuestros tiempos ya que gracias a internet cualquiera tieneCreación de acceso a la información en esta, y un Website otorga a sus propietarios la mayor publicidad conocida.
  3. 3. .:: Menú ::. Haciendo HistoriaHistoria del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaDiseño WebPrincipios del En un principio las páginas web eran sólo texto.Diseño Web Todo empezó a principios de 1990, en Suiza en el centro de investigación CERN (centro de Estudios para la Tipos dePáginas Web 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 primeraTendencias pagina conectada fue el 6 de agosto de 1991. La idea de en Diseño la web nace entonces de interconectar información mediante enlaces o links.Creación de un Website La historia del diseño web se puede dividir en cinco etapas
  4. 4. .:: Menú ::. Haciendo HistoriaHistoria del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaDiseño WebPrincipios del Primera EtapaDiseño Web El nacimiento del diseño web está vinculado a los primeros navegadores gráficos, el primero fue www en 1992 y Mosaic Tipos de para Microsoft Windows en enero de 1993, El navegador webPáginas 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.Tendencias en Diseño El diseño web de esas páginas era lineal y era enfocado a los científicos que eran los usuarios que compartían suCreación de información alrededor del mundo. un Website Esta etapa esta muy vinculada al tipo de conexión era vía modem, por lo tanto se limitaba el peso de página.
  5. 5. .:: Menú ::. Haciendo HistoriaHistoria del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaDiseño WebPrincipios del Segunda EtapaDiseño Web 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 Tipos de gráficos. Se comienzan a utilizar tablas para maquetación dePáginas Web contenidos y distribución de información e imágenes similares a la maquetación de las revistas.Tendencias En este periodo apareció la diferenciación en la adaptación en Diseño de estándares de los dos principales navegadores: Internet Explorer y Netscape Navigator.Creación de un Website 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.
  6. 6. .:: Menú ::. Haciendo HistoriaHistoria del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaDiseño Web Tercera EtapaPrincipios delDiseño Web 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 Tipos de presentación de la información.Páginas Web Cuarta EtapaTendencias en Diseño 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 poderCreación de optimizar el sitio en los buscadores, nace el concepto de seo y un Website pasan de largo toda aquellas paginas el flash y muy visuales pero inútiles para google y los robots de los principales buscadores.
  7. 7. .:: Menú ::. Haciendo HistoriaHistoria del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta EtapaDiseño WebPrincipios delDiseño Web Quinta Etapa Tipos dePáginas Web 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.Tendencias en Diseño Esta etapa del diseño web esta más enfocada a la gestión multimedia de todos los elementos para la interactividad delCreación de usuario con el medio web, se busca estar a la ultima tecnología. un Website
  8. 8. .:: Menú ::. Principios del diseñoHistoria del WebDiseño WebPrincipios delDiseño Web Acomodo de la Tipos de pagina CoherenciaPáginas Web Jerarquiza Global ciónTendencias en Diseño Marcos (frames)Creación de Movimiento un Website por Favoritos enlaces Texto Alternativo
  9. 9. .:: Menú ::. Principios del diseñoHistoria del WebDiseño WebPrincipios delDiseño Web Espacios en Blanco Tipos dePáginas Web Títulos ColorTendencias en DiseñoCreación de Visibilidad un Website y Tipografía Legibilidad Acomodo de Imágenes
  10. 10. Acomodo de la Pagina x
  11. 11. Movimiento por Enlaces x
  12. 12. Títulos x
  13. 13. Espacios en Blanco x
  14. 14. Color x
  15. 15. Acomodo de Imágenes x
  16. 16. .:: Menú ::. Tipos de Sitios WebHistoria delDiseño Web ComunidadesDatos ComercioInformación Sitios dedeElectrónico Sitios Blogsweb Sitiosdede Juegos Sitios Empresas Portales Virtuales Base Descargas Buscadores Wikis Personales NoticiasPrincipios delDiseño Web Tipos dePáginas WebTendencias en DiseñoCreación de un Website 12/13 11/13 10/13 13/13 9/13 8/13 7/13 6/13 5/13 4/13 3/13 2/13 1/13
  17. 17. .:: Menú ::. Tendencias en elHistoria del DiseñoDiseño WebPrincipios delDiseño Web Tipos dePáginas WebTendencias en DiseñoCreación de un Website
  18. 18. 1- Encabezados Sobredimensionados x
  19. 19. 2 – Tipografía Innovadora x
  20. 20. 3- One Page Web x
  21. 21. 4- Imágenes Enormes x
  22. 22. 5 - Tridimensionalidad x
  23. 23. 6 - Pies de paginas con muchas ligas x
  24. 24. 7 – Formato Revista x
  25. 25. .:: Menú ::. Creación de un WebsiteHistoria del Intro Lenguaje de Programación Editores ServidorDiseño Web Una pagina Web es una fuente de información adaptadaPrincipios del para la WWW (World Wide Web). Esta información se presentaDiseño Web generalmente en formato HTML y puede contener hiperenlaces a otras paginas web. Tipos de La creación de una pagina web involucra el conocimientoPáginas Web 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.Tendencias en Diseño La Creación de una pagina web, generalmente y de manera extendida solo requiere de 3 pasosCreación de un Website •Selección del tema y recopilación de información •Selección del Editor o programa •Selección del Dominio •Subir la pagina
  26. 26. .:: Menú ::. Creación de un WebsiteHistoria del Intro Lenguaje de Programación Editores ServidorDiseño WebPrincipios delDiseño Web HTTP HTML Tipos dePáginas WebTendencias en Diseño HTML5 Java ScriptCreación de un Website
  27. 27. .:: Menú ::. Creación de un WebsiteHistoria del Intro Lenguaje de Programación Editores ServidorDiseño WebPrincipios delDiseño Web Dreamweaber Tipos dePáginas Web FlashTendencias en Diseño M. Front PageCreación de un Website Editores Web
  28. 28. .:: Menú ::. Creación de un WebsiteHistoria del Intro Lenguaje de Programación Editores ServidorDiseño WebPrincipios delDiseño Web Hosting URL Tipos dePáginas WebTendencias en Diseño Dominios Web MasterCreación de un Website

×