SlideShare una empresa de Scribd logo
1 de 11
Xavier Acosta P.
     8 Sistemas
LA WEB
• Nació en 1989 de la mano de Tim Berners-Lee
  (W3C)

• Sufrió la “Guerra de los Navegadores”

• Aumento del uso de los estándares y del
  soporte de los navegadores

• El Boom de las Redes Sociales
Estándares WEB




 XHTML/HTML
 CSS
 XML
 DOM
 XFORMS
Ventajas de usar Estándares
    •   Todos hablamos el mismo idioma
    •   Será interpretado en el futuro
    •   Ahorro de tiempo y dinero
    •   Accesibilidad WEB
    •   Menos tiempo de descarga
    •   Hace el código mas limpio
    •   Es la forma correcta de hacer las cosas
Como sería un mundo sin Estándares?

        Un destornillador para cada marca
         de tornillos

        Un enchufle para cada
         aparato, marca o pais

        Una talla de pantalon para cada
         marca
Usabilidad
Tiene como objetivo crear sistemas:

Eficientes
         Eficientes
Efectivos
Seguros
Útiles   Efectivos
Fáciles de aprender
         Seguros
Fáciles de recordar

         Útiles
         Fáciles de aprender
         Fáciles de recordar
Usabilidad
Es un trabajo a largo plazo



                                Control Total
                                de la Calidad




       Es estratégica y se debe trabajar desde el
        corazón de las operaciones del negocio
Ejemplo

Hemos creado un diseño en el cual tenemos un
bloque de contenido, compuesto por texto e
imágenes.

Ese diseño se utiliza en veinte páginas
diferentes del sitio. Nuestro cliente está de
acuerdo en todo salvo que desea que el fondo
del bloque no sea azul sino verde y que los
textos empiecen un poco más a la derecha
Tradicional
Deberíamos abrir cada una de las
 20 páginas
Encontrar el código de las tablas y
 celdas correspondientes a la
 sección por modificar
Cambiar algunos bgcolor
Ir repitiendo el proceso 20 veces
Cuando volvemos a visitar a nuestro
      cliente este nos dice:


        “Perfecto, pero podríamos probar
        con rojo en vez de verde y el borde
        en negro?”
De Acuerdo a Estándares
   No deberíamos tocar el código
    HTML
   Bastaría con cambiar tres líneas

Más contenido relacionado

Similar a Estandares web

Informatica brayan
Informatica brayanInformatica brayan
Informatica brayanBrayan Leon
 
Estandares de creacion de paginas web
Estandares de creacion de paginas webEstandares de creacion de paginas web
Estandares de creacion de paginas webyetni
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...KareliaRivas
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidadricardogil
 
Programas para gestionar tiendas on line
Programas para gestionar tiendas on lineProgramas para gestionar tiendas on line
Programas para gestionar tiendas on lineJoaquin Gimeno Perez
 
Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares webtecnologhy2013
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxJUANANTONIOMACKLISHG
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásAlojate.com
 
Tecnologias emergentes
Tecnologias emergentesTecnologias emergentes
Tecnologias emergentesFrank Simpson
 

Similar a Estandares web (20)

Diseño con estándares
Diseño con estándaresDiseño con estándares
Diseño con estándares
 
Actividad no 7
Actividad no 7Actividad no 7
Actividad no 7
 
Pc y mac
Pc y macPc y mac
Pc y mac
 
Pc y mac
Pc y macPc y mac
Pc y mac
 
Informatica brayan
Informatica brayanInformatica brayan
Informatica brayan
 
Estandares de creacion de paginas web
Estandares de creacion de paginas webEstandares de creacion de paginas web
Estandares de creacion de paginas web
 
Front
FrontFront
Front
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
Programas para gestionar tiendas on line
Programas para gestionar tiendas on lineProgramas para gestionar tiendas on line
Programas para gestionar tiendas on line
 
Justificación
JustificaciónJustificación
Justificación
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares web
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
 
Html basico
Html basicoHtml basico
Html basico
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
Tecnologias emergentes
Tecnologias emergentesTecnologias emergentes
Tecnologias emergentes
 

Último

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Katherine Concepcion Gonzalez
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxhenarfdez
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 

Último (20)

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 

Estandares web

  • 1. Xavier Acosta P. 8 Sistemas
  • 2. LA WEB • Nació en 1989 de la mano de Tim Berners-Lee (W3C) • Sufrió la “Guerra de los Navegadores” • Aumento del uso de los estándares y del soporte de los navegadores • El Boom de las Redes Sociales
  • 3. Estándares WEB XHTML/HTML CSS XML DOM XFORMS
  • 4. Ventajas de usar Estándares • Todos hablamos el mismo idioma • Será interpretado en el futuro • Ahorro de tiempo y dinero • Accesibilidad WEB • Menos tiempo de descarga • Hace el código mas limpio • Es la forma correcta de hacer las cosas
  • 5. Como sería un mundo sin Estándares? Un destornillador para cada marca de tornillos Un enchufle para cada aparato, marca o pais Una talla de pantalon para cada marca
  • 6. Usabilidad Tiene como objetivo crear sistemas: Eficientes  Eficientes Efectivos Seguros Útiles  Efectivos Fáciles de aprender  Seguros Fáciles de recordar  Útiles  Fáciles de aprender  Fáciles de recordar
  • 7. Usabilidad Es un trabajo a largo plazo Control Total de la Calidad  Es estratégica y se debe trabajar desde el corazón de las operaciones del negocio
  • 8. Ejemplo Hemos creado un diseño en el cual tenemos un bloque de contenido, compuesto por texto e imágenes. Ese diseño se utiliza en veinte páginas diferentes del sitio. Nuestro cliente está de acuerdo en todo salvo que desea que el fondo del bloque no sea azul sino verde y que los textos empiecen un poco más a la derecha
  • 9. Tradicional Deberíamos abrir cada una de las 20 páginas Encontrar el código de las tablas y celdas correspondientes a la sección por modificar Cambiar algunos bgcolor Ir repitiendo el proceso 20 veces
  • 10. Cuando volvemos a visitar a nuestro cliente este nos dice: “Perfecto, pero podríamos probar con rojo en vez de verde y el borde en negro?”
  • 11. De Acuerdo a Estándares No deberíamos tocar el código HTML Bastaría con cambiar tres líneas