SlideShare una empresa de Scribd logo
El diseño de páginas web es la construcción de
documentos de hipertexto para su visualización en
diferentes navegadores.
Actividad que consiste en la planificación, diseño e
implementación de páginas y sitios web. Requiere
navegabilidad, interactividad, usabilidad y arquitectura de
la información. Interacción de medios como el audio,
texto, imagen y video.
El objetivo del diseño web es realzar la imagen de una
compañía u organización a través de elementos gráficos con el
objeto de reforzar su identidad visual y despertar una
sensación de confianza en el usuario. Aún así y junto con el
criterio de ergonomía, un sitio web debe, sobre todo, cubrir las
expectativas del usuario y permitirle encontrar fácilmente la
información que busca.
El diseño web original fue mejorando y pasando por distintas
generaciones, principalmente debido a mejoras en la
tecnología, hardware y software. Estos cambios han
generado a día de hoy 4 generaciones del diseño web.
 Primera generación del diseño web
 Segunda generación del diseño web
 Tercera generación del diseño web
 Cuarta generación del 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 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.
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.
Los sitios web de hoy en día se denominan sitios web de
cuarta generación. Aparte del lenguaje HTML que es
básicamente la parte de la estructura, los diseñadores
web tienen una variedad de lenguajes, posibilidades y
caminos que elegir como por ejemplo JavaScript, PHP,
XML, CSS y ASP y Flash, que por su código cerrado es
cada vez menos común.
El diseño web es una actividad que consiste en la
planificación, diseño e implementación de sitios web. Un
diseñador web tiene que ver con cómo crear y desarrollar un
pagina web así también como los clientes interactúan con ella.
 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.
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.
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.
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.
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.
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.
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.
1990. Se lanza la primera versión del HTML. HyperText
Markup Language y más de («lenguaje de marcado de
hipertexto»).
1991. Tim Berners-Lee crea la primera Web basa en HTML.
1992. La maquetación de contenidos se realiza
principalmente a base de tablas. <table>
1993. Más de 10 millones de usuarios y más de 600 Webs
en el mundo.
.
 1993. Más de 10 millones de usuarios y más de 600 Webs
en el mundo.
 1994. Se un el w3C, un consorcio internacional que
produce recomendaciones para la Word Wide Web.
 1195 1996 Flash y JavaScript introducen animación y
efectos especiales dotando a los diseño de mayor
interactividad.
 1996. Más de 74 millones de usuarios y más de 650 Webs
en el mundo.
.
 1996. S populariza el uso de CCS y de Frames.
 1998. Se lanza el leguaje de programación PHP3 y sientas
las bases para las Webs dinámicas.
 1999. Se liberan los primero borradores de CCS3.
 2003. Más de 782 millones de usuarios en Internet y más
de 38 millones de Web. Nace la Web 2.0.
.
 2008. Despegue del Web Mobile.
 2010. Más de 2.000 millones de usuarios en Internet y
más 240 millones de Webs.
 2010. HTML5.
• El término "diseño web" se refiere a la actividad que consiste
en estructurar los elementos gráficos de un sitio web para
expresar estéticamente la identidad visual de una compañía
u organización. Se trata de una etapa de diseño virtual más
que de diseño funcional (ergonomía, navegación).

Más contenido relacionado

La actualidad más candente

La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
Aptitud Emprendedora
 
Curso Wordpress - Diseña tu Web en Wordpress
Curso Wordpress - Diseña tu Web en WordpressCurso Wordpress - Diseña tu Web en Wordpress
Curso Wordpress - Diseña tu Web en Wordpress
Toni Padrell
 
انواع صفحات الويب
انواع صفحات الويب انواع صفحات الويب
انواع صفحات الويب
تقنيات التعليم
 
Web Design Proposal PowerPoint Presentation Slides
Web Design Proposal PowerPoint Presentation Slides Web Design Proposal PowerPoint Presentation Slides
Web Design Proposal PowerPoint Presentation Slides
SlideTeam
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina
 
Cotizaciones paginas web
Cotizaciones paginas webCotizaciones paginas web
Cotizaciones paginas web
Luis Di Marco
 
Taller de Dreamweaver 8
Taller de Dreamweaver 8Taller de Dreamweaver 8
Taller de Dreamweaver 8
Juan Pena
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS
Natalia Alvarez
 
Mapa conceptual Arquitectura Cliente/Servidor SAIA Pag. Web
Mapa conceptual Arquitectura Cliente/Servidor SAIA  Pag. WebMapa conceptual Arquitectura Cliente/Servidor SAIA  Pag. Web
Mapa conceptual Arquitectura Cliente/Servidor SAIA Pag. Web
Hector A. D'hoy
 
Analitica web
Analitica webAnalitica web
Analitica web
Carlo Rodriguez
 
Web design proposal_template
Web design proposal_templateWeb design proposal_template
Web design proposal_templatehangchhay
 
Presentación creative commons ppt
Presentación creative commons pptPresentación creative commons ppt
Presentación creative commons ppt
martxel22
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
NAWAZ KHAN
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing Presentation
RahulSuri30
 
NAVEGADORES DE INTERNET
NAVEGADORES DE INTERNETNAVEGADORES DE INTERNET
NAVEGADORES DE INTERNET
Rolando Rodriguez
 
Especificación de requisitos de un sitio web
Especificación de requisitos de un sitio webEspecificación de requisitos de un sitio web
Especificación de requisitos de un sitio webRafael Pedraza-Jimenez
 
Web Design
Web DesignWeb Design
Web Design
misterel
 

La actualidad más candente (20)

La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
Curso Wordpress - Diseña tu Web en Wordpress
Curso Wordpress - Diseña tu Web en WordpressCurso Wordpress - Diseña tu Web en Wordpress
Curso Wordpress - Diseña tu Web en Wordpress
 
انواع صفحات الويب
انواع صفحات الويب انواع صفحات الويب
انواع صفحات الويب
 
Web Design Proposal PowerPoint Presentation Slides
Web Design Proposal PowerPoint Presentation Slides Web Design Proposal PowerPoint Presentation Slides
Web Design Proposal PowerPoint Presentation Slides
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Cotizaciones paginas web
Cotizaciones paginas webCotizaciones paginas web
Cotizaciones paginas web
 
Working of web
Working of webWorking of web
Working of web
 
Taller de Dreamweaver 8
Taller de Dreamweaver 8Taller de Dreamweaver 8
Taller de Dreamweaver 8
 
Servidor web
Servidor webServidor web
Servidor web
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS LA WEB Y SUS CARACTERISTICAS
LA WEB Y SUS CARACTERISTICAS
 
Mapa conceptual Arquitectura Cliente/Servidor SAIA Pag. Web
Mapa conceptual Arquitectura Cliente/Servidor SAIA  Pag. WebMapa conceptual Arquitectura Cliente/Servidor SAIA  Pag. Web
Mapa conceptual Arquitectura Cliente/Servidor SAIA Pag. Web
 
Analitica web
Analitica webAnalitica web
Analitica web
 
Web design proposal_template
Web design proposal_templateWeb design proposal_template
Web design proposal_template
 
Presentación creative commons ppt
Presentación creative commons pptPresentación creative commons ppt
Presentación creative commons ppt
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing Presentation
 
NAVEGADORES DE INTERNET
NAVEGADORES DE INTERNETNAVEGADORES DE INTERNET
NAVEGADORES DE INTERNET
 
Especificación de requisitos de un sitio web
Especificación de requisitos de un sitio webEspecificación de requisitos de un sitio web
Especificación de requisitos de un sitio web
 
Web Design
Web DesignWeb Design
Web Design
 

Similar a Diseño Web

Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
stefany79841964
 
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptxMAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
JuanManuelMayaMeraz1
 
Pdf
PdfPdf
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
Jose Garay
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
arielito1785
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
Diseño web Valencia
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
Asucena Molina
 
Historia del Diseño web
Historia del Diseño webHistoria del Diseño web
Historia del Diseño webEdisonq0891
 
Mapa conceptual de web
Mapa conceptual de webMapa conceptual de web
Mapa conceptual de webEdisonq0891
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños Web
Edisonq0891
 
Diseño web
Diseño webDiseño web
Diseño web
erika_1177
 
Presenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño webPresenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño web
Niksy05
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio webLinethmoreno
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio webrosachong
 

Similar a Diseño Web (20)

Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptxMAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
 
Pdf
PdfPdf
Pdf
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
 
Historia del Diseño web
Historia del Diseño webHistoria del Diseño web
Historia del Diseño web
 
Mapa conceptual de web
Mapa conceptual de webMapa conceptual de web
Mapa conceptual de web
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños Web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Presenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño webPresenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño web
 
Diseño de web
Diseño de webDiseño de web
Diseño de 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
 
Historia
HistoriaHistoria
Historia
 
Historia
HistoriaHistoria
Historia
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
 

Último

PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
UNIDAD DE APRENDIZAJE DEL MES  Junio 2024UNIDAD DE APRENDIZAJE DEL MES  Junio 2024
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
EdwardYumbato1
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
DivinoNioJess885
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Txema Gs
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
Ruben53283
 
Mapa_Conceptual de los fundamentos de la evaluación educativa
Mapa_Conceptual de los fundamentos de la evaluación educativaMapa_Conceptual de los fundamentos de la evaluación educativa
Mapa_Conceptual de los fundamentos de la evaluación educativa
TatianaVanessaAltami
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
AracelidelRocioOrdez
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
HuallpaSamaniegoSeba
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
SandraBenitez52
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
auxsoporte
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Demetrio Ccesa Rayme
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
rosannatasaycoyactay
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
Distea V región
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
https://gramadal.wordpress.com/
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
BetzabePecheSalcedo1
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
pablomarin116
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
YasneidyGonzalez
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
20minutos
 

Último (20)

PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
UNIDAD DE APRENDIZAJE DEL MES  Junio 2024UNIDAD DE APRENDIZAJE DEL MES  Junio 2024
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
 
Mapa_Conceptual de los fundamentos de la evaluación educativa
Mapa_Conceptual de los fundamentos de la evaluación educativaMapa_Conceptual de los fundamentos de la evaluación educativa
Mapa_Conceptual de los fundamentos de la evaluación educativa
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
 

Diseño Web

  • 1.
  • 2.
  • 3. El diseño de páginas web es la construcción de documentos de hipertexto para su visualización en diferentes navegadores. Actividad que consiste en la planificación, diseño e implementación de páginas y sitios web. Requiere navegabilidad, interactividad, usabilidad y arquitectura de la información. Interacción de medios como el audio, texto, imagen y video.
  • 4. El objetivo del diseño web es realzar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. Aún así y junto con el criterio de ergonomía, un sitio web debe, sobre todo, cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca.
  • 5. El diseño web original fue mejorando y pasando por distintas generaciones, principalmente debido a mejoras en la tecnología, hardware y software. Estos cambios han generado a día de hoy 4 generaciones del diseño web.  Primera generación del diseño web  Segunda generación del diseño web  Tercera generación del diseño web  Cuarta generación del diseño web
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. Los sitios web de hoy en día se denominan sitios web de cuarta generación. Aparte del lenguaje HTML que es básicamente la parte de la estructura, los diseñadores web tienen una variedad de lenguajes, posibilidades y caminos que elegir como por ejemplo JavaScript, PHP, XML, CSS y ASP y Flash, que por su código cerrado es cada vez menos común.
  • 10. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. Un diseñador web tiene que ver con cómo crear y desarrollar un pagina web así también como los clientes interactúan con ella.
  • 11.  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.
  • 12. 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. 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.
  • 13. 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.
  • 14. 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.
  • 15. 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.
  • 16. 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.
  • 17. 1990. Se lanza la primera versión del HTML. HyperText Markup Language y más de («lenguaje de marcado de hipertexto»). 1991. Tim Berners-Lee crea la primera Web basa en HTML. 1992. La maquetación de contenidos se realiza principalmente a base de tablas. <table> 1993. Más de 10 millones de usuarios y más de 600 Webs en el mundo.
  • 18. .  1993. Más de 10 millones de usuarios y más de 600 Webs en el mundo.  1994. Se un el w3C, un consorcio internacional que produce recomendaciones para la Word Wide Web.  1195 1996 Flash y JavaScript introducen animación y efectos especiales dotando a los diseño de mayor interactividad.  1996. Más de 74 millones de usuarios y más de 650 Webs en el mundo.
  • 19. .  1996. S populariza el uso de CCS y de Frames.  1998. Se lanza el leguaje de programación PHP3 y sientas las bases para las Webs dinámicas.  1999. Se liberan los primero borradores de CCS3.  2003. Más de 782 millones de usuarios en Internet y más de 38 millones de Web. Nace la Web 2.0.
  • 20. .  2008. Despegue del Web Mobile.  2010. Más de 2.000 millones de usuarios en Internet y más 240 millones de Webs.  2010. HTML5.
  • 21. • El término "diseño web" se refiere a la actividad que consiste en estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. Se trata de una etapa de diseño virtual más que de diseño funcional (ergonomía, navegación).