SlideShare una empresa de Scribd logo
Pdf
DISEÑO Y WEB
   *El diseño web es una actividad que consiste en
   la planificación, diseño e implementación de sitios
   web y páginas web. No es simplemente una
   aplicación del diseño convencional, ya que
   requiere tener en cuenta cuestiones tales como
   navegabilidad, interactividad, usabilidad,
   arquitectura de la información y la interacción de
   medios como el audio, texto, imagen, enlaces y
   vídeo. Se lo considera dentro del diseño
   multimedia
DISEÑO Y WEB
      *El diseño web ha visto amplia
      aplicación en los sectores comerciales
      de Internet especialmente en la World
      Wide Web. Asimismo, a menudo la web
      se utiliza como medio de expresión
      plástica en sí. Artistas y creadores
      hacen de las páginas en Internet un
      medio más para ofrecer sus
      producciones y utilizarlas como un
      canal más de difusión de su obra.
HISTORIA DEL DISEÑO WEB
HISTORIA DEL DISEÑO WEB
  *Estos cambios han generado a día de hoy 4 generaciones del
  diseño web.
  1.Primera generación de diseño web
  *El primer diseño web de una página se realiza en 1993, la página
  web tenía el nombre Mosaic, y en menos de un año había recibido 2
  millones de visitantes. El navegador web era capaz de mostrar tanto
  imágenes como textos, aunque con una limitación muy alta a la hora
  de diagramar la información de la página web. El diseño web de
  estas páginas era lineal y estaba orientado para científicos que eran
  los usuarios que compartían su información alrededor de todo el
  mundo mediante estas páginas web. La tecnología de los
  navegadores web era limitada y no disponía de la capacidad de
  transmitir información grafica para la comunicación visual.
Pdf
HISTORIA DEL DISEÑO WEB
   2.Segunda generación de diseño web
   *El diseño web de esta generación está basado en los conceptos
   de la primera salvo por que empieza a utilizar iconos en lugar de
   algunas palabras, las páginas web comienzan a poseer imágenes
   de fondo, aparece el diseño y uso de botones con relieve para la
   navegabilidad, el uso de banners en lugar de cabeceras, la
   estructuración de texto de forma jerárquica mediante menús o
   listados, propiedades del código html Standard definido.
   *La aparición de estos elementos gráficos en el diseño web generó
   un deseo de todos los diseñadores de añadir estos archivos en sus
   páginas web, pero sin control, lo que generó una saturación en las
   páginas web, sin tener en cuenta la accesibilidad ni la usabilidad.
Pdf
HISTORIA DEL DISEÑO WEB
   3.Tercera Generación del diseño web
   *En la tercera generación, el diseño web sigue teniendo muchas
   restricciones con el uso del lenguaje para los dos navegadores web.
   El diseño web se orienta en esta generación a los diseñadores, los
   cuales tienen mucho más dinamismo al aparecer el plugin de
   Macromedia Flash, el cual revolucionaría la concepción de diseño
   web.
   *Es una era de enfocar las páginas web según el objetivo de las
   mismas: vender productos o servicios, comunidades, información,
   noticias. Para esta especialización del diseño web de acuerdo al
   objetivo de las páginas se necesita ayudar al usuario a encontrar la
   información, generando una navegabilidad estructurada e intuitiva.
Pdf
HISTORIA DEL DISEÑO WEB

   4.Cuarta Generación de diseño web
   En la cuarta generación, el diseño web ya está enfocado totalmente a la
   multimedia, integrando en las páginas web los elementos multimedia de
   última generación. Con usuarios de todos los tipos, cualquiera tiene una
   página web a día de hoy y la variedad de diseño es enorme debido a todas
   las posibilididades que ofrecen las últimas tecnologías para los
   programadores. A esto le podemos añadir que las últimas versiones de los
   navegadores soportan muchas más prestaciones y elementos en las
   páginas web.
Pdf
HISTORIA DEL DISEÑO WEB

    5.Quinta Generación de diseño web
    Se podría añadir una última generación de diseño web que
    representaría el auge de las páginas de televisión ip o televisión
    online. La integración de televisión en la web para empresas,
    ayuntamientos o asociaciones representa el movimiento más
    notable del diseño web en la actualidad. Un ejemplo de empresas
    de diseño que ya ofrecen la posibilidad de integración de televisión
    en web es Hooping.net mediante su plataforma de televisión IP
    Hooping.tv.
Pdf
TIPOS DE DISEÑO WEB

    1.Diseño web avanzado
    *Es el tipo de diseño web orientado a profesionales,
    aquellos que quieren contar con las nuevas tecnologías
    en el diseño de sus páginas web. El diseño web
    avanzado es demandado principalmente por empresas
    tecnológicas o clientes relacionados con el mundo
    audiovisual.
    •
Pdf
2.Diseño web clásico
Es el diseño web tradicional, utilizando los elementos
básicos: texto e imágenes. Este diseño web
prescinde de elementos como flash, video streaming
o cualquier tecnología avanzada.
Pdf
3.DISEÑO WEB INDUSTRIAL

              El diseño web industrial se
              encarga de las páginas web para
              industrias, presentando unas
              webs corporativas cuyo objetivo
              es representar la imagen de la
              empresa.
Pdf
FASES DEL DISEÑO WEB
         El diseño web es un proceso elaborado
         que está formado por varias fases.
         Cuanto más grande es el proyecto,
         más fases puede tener.
         A continuación hablaremos de las
         fases básicas del dise ño web,
         aquellas con las que cuentan todos los
         proyectos
FASES DEL DISEÑO WEB

    1.Análisis y definición del diseño
    web
    *En esta fase del diseño se estudia la imagen que
    debe tener la página web de acuerdo al objetivo
    que desea cumplir. Es la fase en la que se genera
    una primera visión del diseño que presentarán las
    páginas web del sitio.
FASES DEL DISEÑO WEB
       2.Creación de la página web
       de acuerdo al diseño web
       establecido
       Después de aprobar el boceto del diseño web
       en la fase anterior se procede a la
       implementación de este diseño como página
       web, con sus cabeceras, menús, animaciones e
       imágenes.
FASES DEL DISEÑO WEB

   3.Programación de la
   navegabilidad de las páginas web
   del sitio
   *Una vez creadas y estructuradas las páginas web, se
   procede a programar su navegabilidad y su
   funcionalidad para una correcta presentación de las
   páginas web tal y como se define en el diseño web
   original.
   •
Pdf

Más contenido relacionado

PPTX
Web 2.0. sanchez
PDF
Diseño de web
PPTX
Web 2
PDF
Diseño y web 2
PPTX
Diseño web
PPTX
Teoría del Diseño Web
DOCX
Mapa conceptual de Diseños Web
PPTX
Diseño Web-Historia del Diseño Web
Web 2.0. sanchez
Diseño de web
Web 2
Diseño y web 2
Diseño web
Teoría del Diseño Web
Mapa conceptual de Diseños Web
Diseño Web-Historia del Diseño Web

La actualidad más candente (19)

PPTX
Que es Diseño web
PDF
Evolución del diseño web
PPTX
Historia del diseño web
PPTX
Historia de diseño web
PPTX
PPTX
Tipos de plataforma web
PPTX
PDF
Diseño de web
PPTX
Diseño Web
PPTX
Tipos de sitio web
PDF
Diseño de páginas Web
PPTX
Internet y páginas web
PPT
Fundamentos DiseñO Web
PPTX
Herramientas Web 2.0 Paginas Web y Blogs
PPTX
Diferentes tipos de navegadores
PPT
Diseño web inclusivo
PPT
Diseño de páginas web
PPTX
Tipos de Sitios Web
Que es Diseño web
Evolución del diseño web
Historia del diseño web
Historia de diseño web
Tipos de plataforma web
Diseño de web
Diseño Web
Tipos de sitio web
Diseño de páginas Web
Internet y páginas web
Fundamentos DiseñO Web
Herramientas Web 2.0 Paginas Web y Blogs
Diferentes tipos de navegadores
Diseño web inclusivo
Diseño de páginas web
Tipos de Sitios Web
Publicidad

Similar a Pdf (20)

PPTX
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
DOCX
Historia del Diseño web
DOCX
Mapa conceptual de web
PPTX
Web 6 credito
PPTX
Instituto san antonio
PPTX
Hist. diseño web
PPTX
Web 2
DOC
Pagina web
PDF
Diseño weeb
PPTX
Ariel beitia
PPTX
Web2mili
PDF
Diseño de web.03
PPTX
Diseño de web.03
PPTX
Diseño de web.03
DOCX
Historia
DOCX
Historia
DOCX
Generacion dl sitio web
DOCX
Generacion dl sitio web
DOCX
Generaciones web
PDF
Presentación1
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
Historia del Diseño web
Mapa conceptual de web
Web 6 credito
Instituto san antonio
Hist. diseño web
Web 2
Pagina web
Diseño weeb
Ariel beitia
Web2mili
Diseño de web.03
Diseño de web.03
Diseño de web.03
Historia
Historia
Generacion dl sitio web
Generacion dl sitio web
Generaciones web
Presentación1
Publicidad

Pdf

  • 2. DISEÑO Y WEB *El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia
  • 3. DISEÑO Y WEB *El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
  • 5. HISTORIA DEL DISEÑO WEB *Estos cambios han generado a día de hoy 4 generaciones del diseño web. 1.Primera generación de diseño web *El primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic, y en menos de un año había recibido 2 millones de visitantes. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una limitación muy alta a la hora de diagramar la información de la página web. El diseño web de estas páginas era lineal y estaba orientado para científicos que eran los usuarios que compartían su información alrededor de todo el mundo mediante estas páginas web. La tecnología de los navegadores web era limitada y no disponía de la capacidad de transmitir información grafica para la comunicación visual.
  • 7. HISTORIA DEL DISEÑO WEB 2.Segunda generación de diseño web *El diseño web de esta generación está basado en los conceptos de la primera salvo por que empieza a utilizar iconos en lugar de algunas palabras, las páginas web comienzan a poseer imágenes de fondo, aparece el diseño y uso de botones con relieve para la navegabilidad, el uso de banners en lugar de cabeceras, la estructuración de texto de forma jerárquica mediante menús o listados, propiedades del código html Standard definido. *La aparición de estos elementos gráficos en el diseño web generó un deseo de todos los diseñadores de añadir estos archivos en sus páginas web, pero sin control, lo que generó una saturación en las páginas web, sin tener en cuenta la accesibilidad ni la usabilidad.
  • 9. HISTORIA DEL DISEÑO WEB 3.Tercera Generación del diseño web *En la tercera generación, el diseño web sigue teniendo muchas restricciones con el uso del lenguaje para los dos navegadores web. El diseño web se orienta en esta generación a los diseñadores, los cuales tienen mucho más dinamismo al aparecer el plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web. *Es una era de enfocar las páginas web según el objetivo de las mismas: vender productos o servicios, comunidades, información, noticias. Para esta especialización del diseño web de acuerdo al objetivo de las páginas se necesita ayudar al usuario a encontrar la información, generando una navegabilidad estructurada e intuitiva.
  • 11. HISTORIA DEL DISEÑO WEB 4.Cuarta Generación de diseño web En la cuarta generación, el diseño web ya está enfocado totalmente a la multimedia, integrando en las páginas web los elementos multimedia de última generación. Con usuarios de todos los tipos, cualquiera tiene una página web a día de hoy y la variedad de diseño es enorme debido a todas las posibilididades que ofrecen las últimas tecnologías para los programadores. A esto le podemos añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.
  • 13. HISTORIA DEL DISEÑO WEB 5.Quinta Generación de diseño web Se podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión ip o televisión online. La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento más notable del diseño web en la actualidad. Un ejemplo de empresas de diseño que ya ofrecen la posibilidad de integración de televisión en web es Hooping.net mediante su plataforma de televisión IP Hooping.tv.
  • 15. TIPOS DE DISEÑO WEB 1.Diseño web avanzado *Es el tipo de diseño web orientado a profesionales, aquellos que quieren contar con las nuevas tecnologías en el diseño de sus páginas web. El diseño web avanzado es demandado principalmente por empresas tecnológicas o clientes relacionados con el mundo audiovisual. •
  • 17. 2.Diseño web clásico Es el diseño web tradicional, utilizando los elementos básicos: texto e imágenes. Este diseño web prescinde de elementos como flash, video streaming o cualquier tecnología avanzada.
  • 19. 3.DISEÑO WEB INDUSTRIAL El diseño web industrial se encarga de las páginas web para industrias, presentando unas webs corporativas cuyo objetivo es representar la imagen de la empresa.
  • 21. FASES DEL DISEÑO WEB El diseño web es un proceso elaborado que está formado por varias fases. Cuanto más grande es el proyecto, más fases puede tener. A continuación hablaremos de las fases básicas del dise ño web, aquellas con las que cuentan todos los proyectos
  • 22. FASES DEL DISEÑO WEB 1.Análisis y definición del diseño web *En esta fase del diseño se estudia la imagen que debe tener la página web de acuerdo al objetivo que desea cumplir. Es la fase en la que se genera una primera visión del diseño que presentarán las páginas web del sitio.
  • 23. FASES DEL DISEÑO WEB 2.Creación de la página web de acuerdo al diseño web establecido Después de aprobar el boceto del diseño web en la fase anterior se procede a la implementación de este diseño como página web, con sus cabeceras, menús, animaciones e imágenes.
  • 24. FASES DEL DISEÑO WEB 3.Programación de la navegabilidad de las páginas web del sitio *Una vez creadas y estructuradas las páginas web, se procede a programar su navegabilidad y su funcionalidad para una correcta presentación de las páginas web tal y como se define en el diseño web original. •