SlideShare una empresa de Scribd logo
1 de 9
CED CALASANZ 
ANGIE LORENA LOPEZ NOGUERA 
11ª 
PRESENTACION DISEÑO WEB
QUE ES DISEÑO WEB: 
 El diseño web es una actividad que consiste en 
la planificación, diseño e implementación de sitios 
web. No es simplemente una aplicación de diseño 
convencional, ya que requiere tener en cuenta la 
navegabilidad, interactividad, usabilidad, 
arquitectura de la información y la interacción de 
medios como el audio, texto, imagen, enlaces y 
video.
QUE REQUIERE EL 
DISEÑO WEB 
 NAVEGABILIDAD: La navegabilidad web es la facilidad con la 
que un usuario puede desplazarse por todas las páginas que 
componen un sitio web 
 INTERACTIVIDAD: La interactividad es la capacidad gradual y 
variable que tiene un medio de comunicación para darle a los 
usuarios un mayor poder tanto en la selección de contenidos 
como en las posibilidades de expresión y comunicación
 USABILIDAD: Un sitio web con usabilidad es aquél 
que muestra todo de una forma clara y sencilla de 
entender por el usuario. Aunque es imposible crear un 
sitio que sea claro y eficiente para cada usuario, el 
diseñador debe esforzarse para mostrar las cosas tan 
claramente como sea posible, de tal modo que reduzca 
al mínimo cualquier aspecto que pueda ser confuso 
 INTERACCION: La interacción es una acción recíproca 
entre dos o más objetos, sustancias, personas o agentes 
y poder estar en contacto con personas y poderlas ver
COMO ELEGIR UN 
NAVEGADOR 
RAPIDEZ 
FIABILIDAD 
SEGURIDAD 
INTANGIBLES
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 se mencionan algunas de las fases 
básicas del diseño Web, con las que cuentan todos los 
proyectos. 
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.
 CREACION DE LA PAGINA WEB 
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. 
PROGRAMCION DE LA NAVEGABILIDAD: 
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. 
Estos tres actos, se van haciendo uno tras otro, y a veces 
continuamente. Algunos teóricos del diseño no ven una 
jerarquización tan clara, ya que estos actos aparecen una y otra vez 
en el proceso de diseño.
ANIMACIÓN ONLINE: 
 Son aquellos diseños que 
se crean para establecer 
comunicación con otras 
personas sin necesidad 
de estar hablando con 
ellas
Angie lorena

Más contenido relacionado

Destacado (13)

JHAIR
JHAIRJHAIR
JHAIR
 
Cuadro 5ta Generación
Cuadro 5ta GeneraciónCuadro 5ta Generación
Cuadro 5ta Generación
 
Das Neue Netz Berlin 2009
Das Neue Netz Berlin 2009Das Neue Netz Berlin 2009
Das Neue Netz Berlin 2009
 
vinod. CV..
vinod. CV..vinod. CV..
vinod. CV..
 
S220_G104_J15052716200
S220_G104_J15052716200S220_G104_J15052716200
S220_G104_J15052716200
 
Correcion
Correcion Correcion
Correcion
 
Design & Innovation IBD
Design & Innovation IBD Design & Innovation IBD
Design & Innovation IBD
 
Aneka macam sandal hotel bandung
Aneka macam sandal hotel bandungAneka macam sandal hotel bandung
Aneka macam sandal hotel bandung
 
Initiative A 40 Präsentation
Initiative A 40 PräsentationInitiative A 40 Präsentation
Initiative A 40 Präsentation
 
Neo duits
Neo duitsNeo duits
Neo duits
 
ED DOCS
ED DOCSED DOCS
ED DOCS
 
IoTImepac
IoTImepacIoTImepac
IoTImepac
 
La dignidad humana
La dignidad humanaLa dignidad humana
La dignidad humana
 

Similar a Angie lorena (20)

Paginas web
Paginas webPaginas web
Paginas web
 
Karennnn
KarennnnKarennnn
Karennnn
 
Pdf
PdfPdf
Pdf
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
profundizaU1.pdf
profundizaU1.pdfprofundizaU1.pdf
profundizaU1.pdf
 
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
 
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
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Diseño de-sitios-web
Diseño de-sitios-webDiseño de-sitios-web
Diseño de-sitios-web
 
computación
computación computación
computación
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 

Último

andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4Andrea11166
 
La Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfLa Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfloquendo1901
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...CarlosMelgarejo25
 
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdfSemana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdfromaldonolascorojas1
 
CATALOGO PILOT que contiene muchas cosas
CATALOGO PILOT que contiene muchas cosasCATALOGO PILOT que contiene muchas cosas
CATALOGO PILOT que contiene muchas cosasMichelACruzSolano
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaccastilloojeda12
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxAdriannDiaz
 
METODO CIENTIFICO 2024..................
METODO CIENTIFICO 2024..................METODO CIENTIFICO 2024..................
METODO CIENTIFICO 2024..................CelinChauca
 
GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---YurleyFlorez5
 
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptx
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptxLA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptx
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptxJuankLerma
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...CLAUDIA GINGLIONA RAMÍREZ DIFILIPPI
 
Trbajo de Sociales, ecosistemas terrestres.pptx
Trbajo de Sociales, ecosistemas terrestres.pptxTrbajo de Sociales, ecosistemas terrestres.pptx
Trbajo de Sociales, ecosistemas terrestres.pptxlorenita0682
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMaraMilagrosBarrosMa
 
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eInforme-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eyonayker10
 
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfPORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfYeniferGarcia36
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfmalvarado8
 
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfCartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfsheylayaninaagurtofa1
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...dnmxd1213
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfVictoria867681
 

Último (20)

andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4
 
La Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfLa Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdf
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
 
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdfSemana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
 
CATALOGO PILOT que contiene muchas cosas
CATALOGO PILOT que contiene muchas cosasCATALOGO PILOT que contiene muchas cosas
CATALOGO PILOT que contiene muchas cosas
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitectura
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
 
METODO CIENTIFICO 2024..................
METODO CIENTIFICO 2024..................METODO CIENTIFICO 2024..................
METODO CIENTIFICO 2024..................
 
GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---GUARDIANES VIRTUALES guia metodologica---
GUARDIANES VIRTUALES guia metodologica---
 
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptx
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptxLA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptx
LA DANZA PROCESO DE LA VIDA Y EL CUERPO.pptx
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
 
Trbajo de Sociales, ecosistemas terrestres.pptx
Trbajo de Sociales, ecosistemas terrestres.pptxTrbajo de Sociales, ecosistemas terrestres.pptx
Trbajo de Sociales, ecosistemas terrestres.pptx
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
 
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.eInforme-RQ-2021-A4_compressed.pdf.sjjjas.e
Informe-RQ-2021-A4_compressed.pdf.sjjjas.e
 
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdfPORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
PORTA SUCULENTAS POR EL DÍA DEL MAESTROS # 1.pdf
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdf
 
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdfCartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
Cartilla de bienvenida a la comunidad educativa para el reinicio de clases.pdf
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdf
 

Angie lorena

  • 1. CED CALASANZ ANGIE LORENA LOPEZ NOGUERA 11ª PRESENTACION DISEÑO WEB
  • 2. QUE ES DISEÑO WEB:  El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video.
  • 3. QUE REQUIERE EL DISEÑO WEB  NAVEGABILIDAD: La navegabilidad web es la facilidad con la que un usuario puede desplazarse por todas las páginas que componen un sitio web  INTERACTIVIDAD: La interactividad es la capacidad gradual y variable que tiene un medio de comunicación para darle a los usuarios un mayor poder tanto en la selección de contenidos como en las posibilidades de expresión y comunicación
  • 4.  USABILIDAD: Un sitio web con usabilidad es aquél que muestra todo de una forma clara y sencilla de entender por el usuario. Aunque es imposible crear un sitio que sea claro y eficiente para cada usuario, el diseñador debe esforzarse para mostrar las cosas tan claramente como sea posible, de tal modo que reduzca al mínimo cualquier aspecto que pueda ser confuso  INTERACCION: La interacción es una acción recíproca entre dos o más objetos, sustancias, personas o agentes y poder estar en contacto con personas y poderlas ver
  • 5. COMO ELEGIR UN NAVEGADOR RAPIDEZ FIABILIDAD SEGURIDAD INTANGIBLES
  • 6. 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 se mencionan algunas de las fases básicas del diseño Web, con las que cuentan todos los proyectos. 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.
  • 7.  CREACION DE LA PAGINA WEB 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. PROGRAMCION DE LA NAVEGABILIDAD: 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. Estos tres actos, se van haciendo uno tras otro, y a veces continuamente. Algunos teóricos del diseño no ven una jerarquización tan clara, ya que estos actos aparecen una y otra vez en el proceso de diseño.
  • 8. ANIMACIÓN ONLINE:  Son aquellos diseños que se crean para establecer comunicación con otras personas sin necesidad de estar hablando con ellas