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

CABLEADO ESTRUCTURADO INFORME
CABLEADO ESTRUCTURADO INFORMECABLEADO ESTRUCTURADO INFORME
CABLEADO ESTRUCTURADO INFORME
deko
 
Primera generación (1951 1958)
Primera generación (1951 1958)Primera generación (1951 1958)
Primera generación (1951 1958)
ema_raul_juanchi10
 
Sistemas operativos buena
Sistemas operativos  buenaSistemas operativos  buena
Sistemas operativos buena
Diego Quin
 
diferencia entre un concentrador y un conmutador
diferencia entre un concentrador y un conmutadordiferencia entre un concentrador y un conmutador
diferencia entre un concentrador y un conmutador
Mari0311
 

La actualidad más candente (20)

Tipos de cables de red
Tipos de cables de redTipos de cables de red
Tipos de cables de red
 
Tema 2. y 3 telefonia fija y movil
Tema 2. y 3 telefonia fija y movilTema 2. y 3 telefonia fija y movil
Tema 2. y 3 telefonia fija y movil
 
tecnologias en redes lan
tecnologias en redes lantecnologias en redes lan
tecnologias en redes lan
 
Redes para el grupo (2)
Redes para el grupo (2)Redes para el grupo (2)
Redes para el grupo (2)
 
2da generacion de Computadoras
2da generacion de Computadoras2da generacion de Computadoras
2da generacion de Computadoras
 
Evolución tecnológica de las computadoras
Evolución tecnológica de las computadorasEvolución tecnológica de las computadoras
Evolución tecnológica de las computadoras
 
Taller No. 1 Introducción a Bases de Datos..pdf
Taller No. 1 Introducción a Bases de Datos..pdfTaller No. 1 Introducción a Bases de Datos..pdf
Taller No. 1 Introducción a Bases de Datos..pdf
 
Access point(puntos de acceso)
Access point(puntos de acceso)Access point(puntos de acceso)
Access point(puntos de acceso)
 
Cableado estructurado
Cableado estructuradoCableado estructurado
Cableado estructurado
 
Tipos de computadoras y generaciones de computadoras
Tipos de computadoras y generaciones de computadorasTipos de computadoras y generaciones de computadoras
Tipos de computadoras y generaciones de computadoras
 
Cableado estructurado modulo
Cableado estructurado   moduloCableado estructurado   modulo
Cableado estructurado modulo
 
Mapa Conceptual de los Servidor Apache y IIS.
Mapa Conceptual de los Servidor Apache y IIS.Mapa Conceptual de los Servidor Apache y IIS.
Mapa Conceptual de los Servidor Apache y IIS.
 
CABLEADO ESTRUCTURADO INFORME
CABLEADO ESTRUCTURADO INFORMECABLEADO ESTRUCTURADO INFORME
CABLEADO ESTRUCTURADO INFORME
 
Primera generación (1951 1958)
Primera generación (1951 1958)Primera generación (1951 1958)
Primera generación (1951 1958)
 
Ventajas y desventajas de los medios de transmisión
Ventajas y desventajas de los medios de transmisiónVentajas y desventajas de los medios de transmisión
Ventajas y desventajas de los medios de transmisión
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Sistemas operativos buena
Sistemas operativos  buenaSistemas operativos  buena
Sistemas operativos buena
 
diferencia entre un concentrador y un conmutador
diferencia entre un concentrador y un conmutadordiferencia entre un concentrador y un conmutador
diferencia entre un concentrador y un conmutador
 
Triptico del Tema Internet
Triptico del Tema InternetTriptico del Tema Internet
Triptico del Tema Internet
 
Informe técnico de infraestructura de redes de comunicaciones
Informe técnico de infraestructura de redes de comunicacionesInforme técnico de infraestructura de redes de comunicaciones
Informe técnico de infraestructura de redes de comunicaciones
 

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

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
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 (15)

Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
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
 
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
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
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
 
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
 
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
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
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
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
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
 

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