SlideShare una empresa de Scribd logo
1 de 28
Menú Principal
     Acerca de
     Nosotros
  Contáctanos
    Regístrate
.:: Menú
    ::.                       Diseño Web
Historia del
Diseño Web
                  El Diseño web, es la planificación de
                  paginas o sitios web, se le considera
Principios del       dentro del diseño multimedia, e
Diseño Web
                   involucra la utilización de diversas
                     elementos así como programas
  Tipos de           especiales y conocimientos de
Pá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 tiene
Creación de        acceso a la información en esta, y
 un Website
                   otorga a sus propietarios la mayor
                         publicidad conocida.
.:: Menú
    ::.                    Haciendo Historia
Historia del     Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa
Diseño Web


Principios 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 de
Pá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 primera
Tendencias       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
.:: Menú
    ::.                     Haciendo Historia
Historia del     Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa
Diseño Web


Principios del
                     Primera Etapa
Diseñ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 web
Pá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 su
Creació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.
.:: Menú
    ::.                      Haciendo Historia
Historia del     Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa
Diseño Web


Principios del
                      Segunda Etapa
Diseñ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 de
Pá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.
.:: Menú
    ::.                     Haciendo Historia
Historia del     Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa
Diseño Web

                     Tercera Etapa
Principios del
Diseñ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 Etapa
Tendencias
 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 poder
Creació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.
.:: Menú
    ::.                      Haciendo Historia
Historia del     Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa
Diseño Web


Principios del
Diseño Web

                     Quinta Etapa
  Tipos de
Pá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 del
Creación de      usuario con el medio web, se busca estar a la ultima tecnología.
 un Website
.:: Menú
    ::.             Principios del diseño
Historia del                 Web
Diseño Web


Principios del
Diseño Web
                              Acomodo
                                de la
  Tipos de                     pagina       Coherencia
Páginas Web      Jerarquiza                   Global
                    ción
Tendencias
 en Diseño                      Marcos
                               (frames)
Creación de
                 Movimiento
 un Website
                    por                     Favoritos
                  enlaces
                                 Texto
                              Alternativo
.:: Menú
    ::.            Principios del diseño
Historia del                Web
Diseño Web


Principios del
Diseño Web
                               Espacios en
                                 Blanco
  Tipos de
Páginas Web
                 Títulos                       Color

Tendencias
 en Diseño


Creación de      Visibilidad
 un Website           y                      Tipografía
                 Legibilidad
                                 Acomodo
                                    de
                                 Imágenes
Acomodo de la Pagina
                       x
Movimiento por Enlaces
                         x
Títulos
          x
Espacios en Blanco
                     x
Color
        x
Acomodo de Imágenes
                      x
.:: Menú
    ::.          Tipos de Sitios Web
Historia del
Diseño Web
                     ComunidadesDatos
                      ComercioInformación
                      Sitios dedeElectrónico
                       Sitios Blogsweb
                        Sitiosdede Juegos
                          Sitios Empresas
                          Portales Virtuales
                           Base Descargas
                            Buscadores
                               Wikis
                               Personales
                                  Noticias


Principios del
Diseño Web


  Tipos de
Páginas Web


Tendencias
 en Diseño


Creació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
.:: Menú
    ::.          Tendencias en el
Historia del         Diseño
Diseño Web


Principios del
Diseño Web


  Tipos de
Páginas Web


Tendencias
 en Diseño


Creación de
 un Website
1- Encabezados Sobredimensionados   x
2 – Tipografía Innovadora   x
3- One Page Web   x
4- Imágenes Enormes   x
5 - Tridimensionalidad   x
6 - Pies de paginas con muchas ligas   x
7 – Formato Revista   x
.:: Menú
    ::.                Creación de un Website
Historia del         Intro Lenguaje de Programación Editores Servidor
Diseño Web

                      Una pagina Web es una fuente de información adaptada
Principios del   para la WWW (World Wide Web). Esta información se presenta
Diseñ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 conocimiento
Pá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 pasos
Creació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
.:: Menú
    ::.           Creación de un Website
Historia del     Intro Lenguaje de Programación Editores Servidor
Diseño Web


Principios del
Diseño Web

                      HTTP                       HTML
  Tipos de
Páginas Web


Tendencias
 en Diseño           HTML5                    Java Script


Creación de
 un Website
.:: Menú
    ::.           Creación de un Website
Historia del     Intro Lenguaje de Programación Editores Servidor
Diseño Web


Principios del
Diseño Web            Dreamweaber



  Tipos de
Páginas Web                Flash



Tendencias
 en Diseño             M. Front Page


Creación de
 un Website            Editores Web
.:: Menú
    ::.           Creación de un Website
Historia del     Intro Lenguaje de Programación Editores Servidor
Diseño Web


Principios del
Diseño Web

                        Hosting                     URL
  Tipos de
Páginas Web


Tendencias
 en Diseño
                        Dominios                Web Master

Creación de
 un Website

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Páginas web
Páginas webPáginas web
Páginas web
 
Aprender illustrator cs6_con_100_ejercicios_prácticos
Aprender illustrator cs6_con_100_ejercicios_prácticosAprender illustrator cs6_con_100_ejercicios_prácticos
Aprender illustrator cs6_con_100_ejercicios_prácticos
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Elaboración del guión multimedia.
Elaboración del guión multimedia.Elaboración del guión multimedia.
Elaboración del guión multimedia.
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para web
 
Que es Slideshare y Como funciona!
Que es Slideshare y Como funciona!Que es Slideshare y Como funciona!
Que es Slideshare y Como funciona!
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Buscadores
BuscadoresBuscadores
Buscadores
 
Tutorial: Canva
Tutorial: CanvaTutorial: Canva
Tutorial: Canva
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Adobe Illustrator
Adobe IllustratorAdobe Illustrator
Adobe Illustrator
 
Introducción corel draw
Introducción corel drawIntroducción corel draw
Introducción corel draw
 
Manual de premier
Manual de premier Manual de premier
Manual de premier
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
Tipos de plataformas web
Tipos de plataformas webTipos de plataformas web
Tipos de plataformas web
 

Destacado

Teorías del Diseño
Teorías del DiseñoTeorías del Diseño
Teorías del Diseñokarina154
 
Teoria del diseño
Teoria del diseño Teoria del diseño
Teoria del diseño solcitosilva
 
Tema 1 Utilizar los elementos fundamentales del diseño
Tema 1 Utilizar los elementos fundamentales del diseño Tema 1 Utilizar los elementos fundamentales del diseño
Tema 1 Utilizar los elementos fundamentales del diseño lizetitha
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoDania Hernandez Moreno
 
Metricas de Codigo Fuente y Metricas de Prueba
Metricas de Codigo Fuente y Metricas de PruebaMetricas de Codigo Fuente y Metricas de Prueba
Metricas de Codigo Fuente y Metricas de PruebaKevin Castillo
 
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresTaller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresUA WEB, A.C.
 
Diseño de redes empresariales y asociaciones
Diseño de redes empresariales y asociacionesDiseño de redes empresariales y asociaciones
Diseño de redes empresariales y asociacionesPatricia Murillo
 
Teoria Internet y Sitios Web
Teoria Internet y Sitios WebTeoria Internet y Sitios Web
Teoria Internet y Sitios WebGabriela Ponce
 
Vitrinas y su Analogía con la web
Vitrinas y su Analogía con la web Vitrinas y su Analogía con la web
Vitrinas y su Analogía con la web HoMark Jansport
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Francisco Berrizbeitia
 

Destacado (20)

Teorías del Diseño
Teorías del DiseñoTeorías del Diseño
Teorías del Diseño
 
Teoria del diseño
Teoria del diseñoTeoria del diseño
Teoria del diseño
 
Teoria del diseño
Teoria del diseño Teoria del diseño
Teoria del diseño
 
Tema 1 Utilizar los elementos fundamentales del diseño
Tema 1 Utilizar los elementos fundamentales del diseño Tema 1 Utilizar los elementos fundamentales del diseño
Tema 1 Utilizar los elementos fundamentales del diseño
 
Tipos de diseño
Tipos de diseñoTipos de diseño
Tipos de diseño
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Gradiacion
GradiacionGradiacion
Gradiacion
 
Metricas de Codigo Fuente y Metricas de Prueba
Metricas de Codigo Fuente y Metricas de PruebaMetricas de Codigo Fuente y Metricas de Prueba
Metricas de Codigo Fuente y Metricas de Prueba
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Bases teoricas capitulo ii
Bases teoricas capitulo iiBases teoricas capitulo ii
Bases teoricas capitulo ii
 
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresTaller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
 
Clippingcostabrava
ClippingcostabravaClippingcostabrava
Clippingcostabrava
 
Diseño de redes empresariales y asociaciones
Diseño de redes empresariales y asociacionesDiseño de redes empresariales y asociaciones
Diseño de redes empresariales y asociaciones
 
Teoria Internet y Sitios Web
Teoria Internet y Sitios WebTeoria Internet y Sitios Web
Teoria Internet y Sitios Web
 
Vitrinas y su Analogía con la web
Vitrinas y su Analogía con la web Vitrinas y su Analogía con la web
Vitrinas y su Analogía con la web
 
Diseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli MichieliDiseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli Michieli
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
 
Webinar 5 principios de usabilidad para hacer tu sitio web exitoso
Webinar 5 principios de usabilidad para hacer tu sitio web exitosoWebinar 5 principios de usabilidad para hacer tu sitio web exitoso
Webinar 5 principios de usabilidad para hacer tu sitio web exitoso
 

Similar a Teoría del Diseño Web

Similar a Teoría del Diseño Web (20)

Trabajodeinvestigacion
TrabajodeinvestigacionTrabajodeinvestigacion
Trabajodeinvestigacion
 
Trabajo de investigacion
Trabajo de investigacionTrabajo de investigacion
Trabajo de investigacion
 
Trabajo de investigacion
Trabajo de investigacionTrabajo de investigacion
Trabajo de investigacion
 
Trabajodeinvestigacion
TrabajodeinvestigacionTrabajodeinvestigacion
Trabajodeinvestigacion
 
Diseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño WebDiseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño Web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Pdf
PdfPdf
Pdf
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Historia de diseño web
Historia de diseño webHistoria de diseño web
Historia de diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 
10.web online. wix
10.web online. wix10.web online. wix
10.web online. wix
 
Web online. wix
Web online. wixWeb online. wix
Web online. wix
 
Wed
WedWed
Wed
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Web de diseño
Web de diseñoWeb de diseño
Web de diseño
 

Último

Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptxReneSalas18
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 

Último (20)

Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 

Teoría del Diseño Web

  • 1. Menú Principal Acerca de Nosotros Contáctanos Regístrate
  • 2. .:: Menú ::. Diseño Web Historia del Diseño Web El Diseño web, es la planificación de paginas o sitios web, se le considera Principios del dentro del diseño multimedia, e Diseño Web involucra la utilización de diversas elementos así como programas Tipos de especiales y conocimientos de Pá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 tiene Creación de acceso a la información en esta, y un Website otorga a sus propietarios la mayor publicidad conocida.
  • 3. .:: Menú ::. Haciendo Historia Historia del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa Diseño Web Principios 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 de Pá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 primera Tendencias 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. .:: Menú ::. Haciendo Historia Historia del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa Diseño Web Principios del Primera Etapa Diseñ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 web Pá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 su Creació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. .:: Menú ::. Haciendo Historia Historia del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa Diseño Web Principios del Segunda Etapa Diseñ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 de Pá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. .:: Menú ::. Haciendo Historia Historia del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa Diseño Web Tercera Etapa Principios del Diseñ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 Etapa Tendencias 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 poder Creació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. .:: Menú ::. Haciendo Historia Historia del Intro 1era Etapa 2da Etapa 3era Etapa 4ta Etapa 5ta Etapa Diseño Web Principios del Diseño Web Quinta Etapa Tipos de Pá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 del Creación de usuario con el medio web, se busca estar a la ultima tecnología. un Website
  • 8. .:: Menú ::. Principios del diseño Historia del Web Diseño Web Principios del Diseño Web Acomodo de la Tipos de pagina Coherencia Páginas Web Jerarquiza Global ción Tendencias en Diseño Marcos (frames) Creación de Movimiento un Website por Favoritos enlaces Texto Alternativo
  • 9. .:: Menú ::. Principios del diseño Historia del Web Diseño Web Principios del Diseño Web Espacios en Blanco Tipos de Páginas Web Títulos Color Tendencias en Diseño Creación de Visibilidad un Website y Tipografía Legibilidad Acomodo de Imágenes
  • 10. Acomodo de la Pagina x
  • 12. Títulos x
  • 14. Color x
  • 16. .:: Menú ::. Tipos de Sitios Web Historia del Diseño Web ComunidadesDatos ComercioInformación Sitios dedeElectrónico Sitios Blogsweb Sitiosdede Juegos Sitios Empresas Portales Virtuales Base Descargas Buscadores Wikis Personales Noticias Principios del Diseño Web Tipos de Páginas Web Tendencias en Diseño Creació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. .:: Menú ::. Tendencias en el Historia del Diseño Diseño Web Principios del Diseño Web Tipos de Páginas Web Tendencias en Diseño Creación de un Website
  • 19. 2 – Tipografía Innovadora x
  • 20. 3- One Page Web x
  • 23. 6 - Pies de paginas con muchas ligas x
  • 24. 7 – Formato Revista x
  • 25. .:: Menú ::. Creación de un Website Historia del Intro Lenguaje de Programación Editores Servidor Diseño Web Una pagina Web es una fuente de información adaptada Principios del para la WWW (World Wide Web). Esta información se presenta Diseñ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 conocimiento Pá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 pasos Creació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. .:: Menú ::. Creación de un Website Historia del Intro Lenguaje de Programación Editores Servidor Diseño Web Principios del Diseño Web HTTP HTML Tipos de Páginas Web Tendencias en Diseño HTML5 Java Script Creación de un Website
  • 27. .:: Menú ::. Creación de un Website Historia del Intro Lenguaje de Programación Editores Servidor Diseño Web Principios del Diseño Web Dreamweaber Tipos de Páginas Web Flash Tendencias en Diseño M. Front Page Creación de un Website Editores Web
  • 28. .:: Menú ::. Creación de un Website Historia del Intro Lenguaje de Programación Editores Servidor Diseño Web Principios del Diseño Web Hosting URL Tipos de Páginas Web Tendencias en Diseño Dominios Web Master Creación de un Website