SlideShare una empresa de Scribd logo
1 de 16
Web 2.0 y
Estándares Web
    Por Eric Menjívar
¿Qué es Web 2.0?
La Web 2.0 es la transición que se ha dado de aplicaciones
tradicionales hacia aplicaciones que funcionan a través del web
enfocadas al usuario final.

Se trata de aplicaciones que generen colaboración y de servicios
que reemplacen las aplicaciones de escritorio.

El Web 2.0 es una actitud y no precisamente una tecnología.
Web 2.0
¿Qué son estándares web?
Los estándares web son un conjunto de recomendaciones dadas por el
WorldWide Web Consortium (W3C) y otras organizaciones internacionales
acerca de cómo crear e interpretar documentos basados en el Web.

Son un conjunto de tecnologías orientadas a brindar beneficios a la
mayor cantidad de usuarios, asegurando la vigencia de todo documento
publicado en el Web.

El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles
a más personas y que funcionen en cualquier dispositivo de acceso a Internet.
Algunos Beneficios que obtengo con el uso
                de estándares web
• Un sitio basado en estándares web mostrará una mayor consistencia
  visual. Gracias al uso de XHTML para el contenido y CSS para la
  apariencia,esto hace que el sitio se pueda modificar fácilmente.

• Los sitios con estándares utilizan menos código.

• El CSS permite realizar efectos que se realizaban anteriormente con el uso
  de javascript o imágenes.

• Los documentos basados en XHTML válido son más relevantes para
  los motores de búsqueda, contienen mayor información y menos
  código
Algunos Beneficios que con el uso de
                   estándares web

• Un sitio basado en estándares web es compatible con todos los
  navegadores actuales, y lo será con versiones futuras.

• Un sitio basado en estándares web es más fácil de mantener y actualizar, el
  código es más simple, de esta forma se elimina la dependencia de un solo
  desarrollador.

• Un sitio basado en estándares web es más accesible, permitiendo
  a personas con discapacidades utilizar su contenido.
El uso de estándares web y la separación entre estructura y
presentación ofrece múltiples beneficios para hoy y
mañana.
Hoy: Acceso a una mayor audiencia, menor
costo de producción y cumplir con los
requerimientos de accesibilidad.
Mañana: Reducir costos de mantenimiento, así
como la dependencia de algún producto de
software, flexibilidad para los cambios de
presentación y una puerta abierta al uso de
tecnologías como XML.
Recomendaciones al diseñar y programar
                   sitios web 2.0
• Simplicidad
• Layout Centrado
• Menos columnas
• Distinguir el encabezado
• Navegación simple
• Textos más grandes
Recomendaciones al diseñar y programar
               sitios web 2.0

• Colores más fuertes y brillantes
• No utilizar clases en vano
• Utilizar tablas donde corresponden
• Realizar templates cross browser
• Validar html y css
¿Qué es el modelo de caja?
    El modelo de caja de CSS describe las cajas
rectangulares que son generadas por los elementos
  en la esructura del documento y compuestas de
        acuerdo al modelo de formato visual.
¿Cómo Funciona?
Video Web 2.0
¿Preguntas?
Gracias!!! :)

Más contenido relacionado

La actualidad más candente

PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
rociobetty
 
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIAVENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
Olga Carvajal
 
Presentación evolucion de la web
Presentación evolucion de la webPresentación evolucion de la web
Presentación evolucion de la web
dianacarolina87
 
Las Telecomunicaciones
Las TelecomunicacionesLas Telecomunicaciones
Las Telecomunicaciones
Vick Alfonso
 
Características de los medios de transmision de datos
Características de los medios de transmision de datosCaracterísticas de los medios de transmision de datos
Características de los medios de transmision de datos
Blanca Rodriguez
 

La actualidad más candente (20)

Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
 
Dispositivos de red
Dispositivos de redDispositivos de red
Dispositivos de red
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIAVENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
VENTAJAS Y DESVENTAJAS DE LA MULTIMEDIA
 
Lineas de comunicación
Lineas de comunicaciónLineas de comunicación
Lineas de comunicación
 
Presentación evolucion de la web
Presentación evolucion de la webPresentación evolucion de la web
Presentación evolucion de la web
 
Web 1.0, 2.0, 3.0.4.0
Web  1.0, 2.0, 3.0.4.0Web  1.0, 2.0, 3.0.4.0
Web 1.0, 2.0, 3.0.4.0
 
SOFTWARE EDUCATIVO
SOFTWARE EDUCATIVOSOFTWARE EDUCATIVO
SOFTWARE EDUCATIVO
 
Herramientas web
Herramientas webHerramientas web
Herramientas web
 
Qué es internet?
Qué es internet?Qué es internet?
Qué es internet?
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
Web 1.0 vs web 2.0
Web 1.0 vs web 2.0Web 1.0 vs web 2.0
Web 1.0 vs web 2.0
 
QUE ES W3C
QUE ES W3CQUE ES W3C
QUE ES W3C
 
Las Telecomunicaciones
Las TelecomunicacionesLas Telecomunicaciones
Las Telecomunicaciones
 
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
 
Enlaces Dedicados E0 T1
Enlaces Dedicados E0 T1Enlaces Dedicados E0 T1
Enlaces Dedicados E0 T1
 
Perspectiva socio-tecnica de las TIC en Venezuela
Perspectiva socio-tecnica de las TIC en VenezuelaPerspectiva socio-tecnica de las TIC en Venezuela
Perspectiva socio-tecnica de las TIC en Venezuela
 
Que es información ¿
Que es información ¿Que es información ¿
Que es información ¿
 
Características de los medios de transmision de datos
Características de los medios de transmision de datosCaracterísticas de los medios de transmision de datos
Características de los medios de transmision de datos
 
Lineas de comunicacion
Lineas de comunicacionLineas de comunicacion
Lineas de comunicacion
 

Similar a Presentación Web 2.0 y Estandares

Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares web
tecnologhy2013
 
DreamWeaver by Raúl Pajarín
DreamWeaver by Raúl PajarínDreamWeaver by Raúl Pajarín
DreamWeaver by Raúl Pajarín
restauracio
 
Estandares de creacion de paginas web
Estandares de creacion de paginas webEstandares de creacion de paginas web
Estandares de creacion de paginas web
yetni
 
Web 2[1].0
Web 2[1].0Web 2[1].0
Web 2[1].0
guascar
 

Similar a Presentación Web 2.0 y Estandares (20)

Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares web
 
Estandares para diseño web
Estandares para diseño webEstandares para diseño web
Estandares para diseño web
 
Introduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fasesIntroduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fases
 
DreamWeaver by Raúl Pajarín
DreamWeaver by Raúl PajarínDreamWeaver by Raúl Pajarín
DreamWeaver by Raúl Pajarín
 
Diseño web responsivo
Diseño web responsivoDiseño web responsivo
Diseño web responsivo
 
Estandares de creacion de paginas web
Estandares de creacion de paginas webEstandares de creacion de paginas web
Estandares de creacion de paginas web
 
Diseño con estándares
Diseño con estándaresDiseño con estándares
Diseño con estándares
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScript
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Front
FrontFront
Front
 
0x00-Frontend_intro.pdf
0x00-Frontend_intro.pdf0x00-Frontend_intro.pdf
0x00-Frontend_intro.pdf
 
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
 
Web 2[1].0
Web 2[1].0Web 2[1].0
Web 2[1].0
 
APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx
 
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
 
Estandares web 2.0 nuevo
Estandares web 2.0 nuevoEstandares web 2.0 nuevo
Estandares web 2.0 nuevo
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 

Último

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
silviayucra2
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
241521559
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (10)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 

Presentación Web 2.0 y Estandares

  • 1. Web 2.0 y Estándares Web Por Eric Menjívar
  • 2. ¿Qué es Web 2.0? La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. El Web 2.0 es una actitud y no precisamente una tecnología.
  • 4. ¿Qué son estándares web? Los estándares web son un conjunto de recomendaciones dadas por el WorldWide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web. Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web. El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.
  • 5. Algunos Beneficios que obtengo con el uso de estándares web • Un sitio basado en estándares web mostrará una mayor consistencia visual. Gracias al uso de XHTML para el contenido y CSS para la apariencia,esto hace que el sitio se pueda modificar fácilmente. • Los sitios con estándares utilizan menos código. • El CSS permite realizar efectos que se realizaban anteriormente con el uso de javascript o imágenes. • Los documentos basados en XHTML válido son más relevantes para los motores de búsqueda, contienen mayor información y menos código
  • 6. Algunos Beneficios que con el uso de estándares web • Un sitio basado en estándares web es compatible con todos los navegadores actuales, y lo será con versiones futuras. • Un sitio basado en estándares web es más fácil de mantener y actualizar, el código es más simple, de esta forma se elimina la dependencia de un solo desarrollador. • Un sitio basado en estándares web es más accesible, permitiendo a personas con discapacidades utilizar su contenido.
  • 7. El uso de estándares web y la separación entre estructura y presentación ofrece múltiples beneficios para hoy y mañana.
  • 8. Hoy: Acceso a una mayor audiencia, menor costo de producción y cumplir con los requerimientos de accesibilidad.
  • 9. Mañana: Reducir costos de mantenimiento, así como la dependencia de algún producto de software, flexibilidad para los cambios de presentación y una puerta abierta al uso de tecnologías como XML.
  • 10. Recomendaciones al diseñar y programar sitios web 2.0 • Simplicidad • Layout Centrado • Menos columnas • Distinguir el encabezado • Navegación simple • Textos más grandes
  • 11. Recomendaciones al diseñar y programar sitios web 2.0 • Colores más fuertes y brillantes • No utilizar clases en vano • Utilizar tablas donde corresponden • Realizar templates cross browser • Validar html y css
  • 12. ¿Qué es el modelo de caja? El modelo de caja de CSS describe las cajas rectangulares que son generadas por los elementos en la esructura del documento y compuestas de acuerdo al modelo de formato visual.

Notas del editor