SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
Universidad Gerardo Barrios
Facultad de Ciencia y Tecnología
TAREA
Investigación de W3C
CATEDRA
Ingeniería de software ll
CATEDRÁTICA
Licda. Carla Milagro López Vásquez
RESPONSABLE:
Diana Elizabeth Luna Martínez
USTS049314
¿QUE SON LOS ESTANDARES WEB?
 Son tecnologías, establecidas por el W3C, usadas para crear e interpretar el
contenido basado en web, de tal manera que estos documentos estén para
todos.
 El W3C, organización independiente y neutral, desarrolla estándares
relacionados con la Web también conocidos como Recomendaciones, que
sirven como referencia para construir una Web accesible, interoperable y
eficiente, en la que se puedan desarrollar aplicaciones cada vez más
robustas.
 En la creación de las Recomendaciones del W3C participan sus Miembros (más
de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos
ámbitos: grandes empresas de hardware o software, centros investigadores,
universidades, administraciones públicas, etc.), el Equipo del W3C, expertos
invitados, y cualquier usuario de la Web que quiera mostrar su opinión. Todos
ellos trabajan conjuntamente a través de un proceso basado en el consenso,
la neutralidad y la transparencia de la información.
 Algunos de los estándares Web más conocidos y ampliamente utilizados son:
HTML (HyperText Markup Language), para definir la estructura de los
documentos; XML (eXtensible Markup Language), que sirve de base para un
gran número de tecnologías; y CSS (Cascading Style Sheets), que permite
asignar estilos para la representación de los documentos.
¿PARA QUE NOS SIRVEN?
 La finalidad de los estándares es la creación de una Web universal, accesible,
fácil de usar y en la que todo el mundo pueda confiar. Con estas tecnologías
abiertas y de uso libre se pretende evitar la fragmentación de la Web y
mejorar las infraestructuras para que se pueda evolucionar hacia una Web con
la información mejor organizada.
Acceso Universal
 El W3C se guía por los principios de accesibilidad, internacionalización, e
independencia de dispositivo, entre otros.
 Esto facilita que el acceso a la Web sea posible desde cualquier lugar, en
cualquier momento y utilizando cualquier dispositivo. No importa si se utiliza
hardware, software, o una infraestructura de red específica. Además de las
posibles restricciones técnicas, se tiene en cuenta la existencia de múltiples
idiomas, las diversas localizaciones geográficas, y las diferencias culturales o
tradiciones, así como las posibles limitaciones físicas, psíquicas o sensoriales
de los usuarios.
 La concienciación de que no todas las personas acceden a la Web de la misma forma, permite
centrarse en determinados colectivos que tienen necesidades concretas, como pueden ser las
personas de edad avanzada en el caso de limitaciones psíquicas, físicas o sensoriales.
 El avance de las tecnologías inalámbricas, así como la gran variedad de dispositivos con acceso a
la Web presentes en sectores como el de la telefonía móvil, en el de automoción (navegadores
en los salpicaderos de automóviles), en los electrodomésticos (refrigeradores con pantallas
táctiles) o en los televisores, fomenta la ubicuidad de la Web. Esto pone de manifiesto la
necesidad de utilizar tecnologías y lenguajes unificados, libres y gratuitos, cuyo uso no esté
limitado por patentes comerciales.
Una Web con significado
 Tradicionalmente, se podría considerar la Web como un conjunto de documentos conexos entre sí a
través de términos léxicos y sintácticos.
 Estos documentos están expresados en lenguaje natural y contienen contenido destinado a personas.
Esto limita a las máquinas a la hora de procesar la información de forma eficiente, ya que no pueden
evitar las ambigüedades del lenguaje natural. Gracias al nuevo enfoque del W3C, la Web evoluciona
hacia lo que se denomina Web Semántica, una ampliación de la Web tradicional, que ofrece mecanismos
para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de forma que cualquier
máquina pueda interpretar los datos existentes en la Web de una forma similar a como lo hacen los
humanos. La información no sólo está especificada como una serie de información textual o gráfica
inconexa entre sí, sino que la Web se puede considerar como una gran base de datos organizada y
estructurada teniendo en cuenta la naturaleza semántica de los elementos que la componen.
 Gracias al nuevo enfoque del W3C, la Web evoluciona hacia lo que se
denomina Web Semántica, una ampliación de la Web tradicional, que ofrece
mecanismos para añadir significado a los recursos (documentos, imágenes,
vídeos, etc.), de forma que cualquier máquina pueda interpretar los datos
existentes en la Web de una forma similar a como lo hacen los humanos. La
información no sólo está especificada como una serie de información textual
o gráfica inconexa entre sí, sino que la Web se puede considerar como una
gran base de datos organizada y estructurada teniendo en cuenta la
naturaleza semántica de los elementos que la componen.
 La Web Semántica fomenta una mejora en el rendimiento y eficiencia de la
Web, lo que se transmite en una experiencia más satisfactoria para el
usuario, el que obtendrá mayor precisión en sus búsquedas y operaciones, y
podrá tener acceso a mayores cantidades de información específica y útil. De
la misma forma, esta estructuración y tratamiento de los datos más preciso
evitará las tareas frustrantes y difíciles, como es la búsqueda, obtención y
mezcla de información desde distintas fuentes.
Confianza en la Web
 La Web es un medio colaborativo, donde los usuarios interactúan creando
contenidos (en wikis, blogs o foros), realizan transacciones (compras online,
operaciones bancarias), o crean redes sociales (de amistad o laborales),
donde se relacionan entre sí.
 Estas actividades requieren que los usuarios confíen entre sí y han promovido
el desarrollo de ciertas tecnologías para asegurar esta confianza: firmas
digitales de documentos que fomentan la responsabilidad de las personas que
se declaran autores de estos; encriptación de los datos para la
confidencialidad; y mecanismos de establecimiento y declaración de las
políticas de privacidad de los datos de los sitios Web.
¿POR QUÉ USAR ESTANDARES?
 El uso de estándares ayuda a que tu sitio web sea:
 Tenga mejor indexación en los buscadores.
 Portabilidad.
 Interoperabilidad.
 Accesible.
¿Cómo funcionan?
 La creación de un estándar Web requiere un proceso controlado, que consta
de varias etapas que aseguran la calidad de la especificación. Este proceso
permite la intervención de todos los usuarios de las tecnologías, con el
objetivo de que puedan aportar su conocimiento y opiniones para la mejora
de los documentos.
 Tras este proceso, elaborado por especialistas en la materia, se obtienen unos
estándares de calidad, y al estar disponible para todo el mundo, las
especificaciones se depuran exhaustivamente antes de ser consideradas como
Recomendación.
 Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados
libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las máquinas se entienden
entre sí y cualquier usuario puede interactuar con el resto.
Ejemplos
 Durante la evolución de la Web, ha quedado patente la necesidad de disponer
de estándares y existe un gran número de estos que han sentado las bases
para el desarrollo de la Web y han fomentado el éxito de esta. Algunos
ejemplos son: el lenguaje de etiquetado para hacer páginas Web, HTML; y
XML, un lenguaje para crear estructuras de documentos.
HTML
 El beneficio de la utilización de estándares se puede observar con la creación
y evolución del lenguaje HTML, para la Web. En 1994, el W3C comenzó el
proceso de estandarización del HTML para representar el contenido en la
Web. La expansión y el número de documentos en la Web se ha visto
incrementado en los últimos años de forma espectacular, hasta convertirse en
una herramienta de uso cotidiano como hoy la conocemos. Esto se ha debido
a la facilidad de creación de documentos y a que todos comparten el mismo
lenguaje para la representación de la información. Al usar el mismo formato
para el desarrollo se consigue que cualquier agente de usuario que interprete
dicho lenguaje represente el documento de la Web de la misma forma. Al ser
independiente de cualquier plataforma (y de cualquier fabricante) permite
que cualquiera lo pueda usar, independientemente del sistema operativo,
navegador, etc. Si hubiesen existido fabricantes que pretendieran imponer
lenguajes alternativos al HTML, tendrían un público restringido a la cantidad
de clientes que usasen su tecnología.
XML
 El lenguaje XML, ampliamente utilizado para estructurar la información de
documentos. El XML fue estandarizado por el W3C, que autorizó su uso
libremente, convirtiéndolo en una pieza clave en la interoperabilidad de la
mayoría de los sistemas de información. Muchos otros lenguajes y tecnologías
están basados en XML, lo que no se habría podido conseguir si este lenguaje
tuviese alguna patente comercial que restringiese su uso.
APLICAR ESTANDARES
 Estructuras en las paginas:
 Una pagina web bien estructurada debe tener los siguientes capas:
 HTML semántico (contenido)
 CSS (presentación)
 Javascript (Comportamiento).
 Cada uno de estos componentes deben estar en un archivo separado.
¿que debe cumplir una pagina web
estándar?
 Un documento web cumple con estándar si:
 Tiene un HTML o XHTML valido.
 Usa CSS en lugar de tablas para manejar layout.
 Esta correctamente estructurado y posee un markup semántico.
 Funciona en todos los browsers.
Ventajas de usar estándares
 Tiene un montaje mas rápido.
 Facil mantenimiento, menor costo de mantenimiento,
 Diseño centralizado
 Compativilidad con todos los browsers.
 Se descarga y presenta mas rápidamente.
 Menor consto de ancho de banda.
 Mayor accesibilidad, mejor experiencia del usuario.
 Mejor posicionamiento en los buscadores.
 Mayor cantidad de usuarios que pueden accerder a nuestro sitio.
Motores de Busqueda
 La pagina web debe tener el tag
 <title>
 Debe poseer uso adecuado de headers
 <h1>…</h1>, <h2>…</h2>, etc.
 Uso de metatag description, keywords.
 Uso de archivo favicon.ico
 Especificar fuentes rss como tag rel.
Estandares para las paginas
 No usar tablas para manejar el layout en su lugar hacer un correcto uso de los
layers <div>
 Las tabas solo deben ser utilizadas para mostrar datos tabulares.
 Las imágenes deben tener usar el tag de texto alternativo alt=“texto
alternativo”
Tags Basicos
 Heading
 <h1> </h1>, <h2> </h2>,…
 Parrafos
 <p>Texto de parrafo</p>
 Hipervinculos
 <a href=“Introducir el link”>Texto para el link</a>
 Elementos de una lista
 <li>…</li>
 Lista ordenadas <ol>…</ol>
 Lista no ordenada
 <ul>…</ul>
Estructura
 Un sitio web esta formado por diversos componentes, unos pocos son visibles para el usuario
pero la gran mayoría no lo son.
Experiencia de usuario “Es la sensación, sentimiento, respuesta emocional, valoración y satisfacción del usuario
respecto a un producto,
 Resultado del fenómeno de interaccionan con el producto y la interacción con su proveedor”
Hassan y Martin
Rueda de la Experiencia de usuario
Visibilidad
 Como llega nuestro usuario a nosotros
 Motores de Búsqueda
 Enlaces
 Trafico Directo
Diseño Grafico
 Es un componente que aporta a que nuestro sitio sea amigable.
Arquitectura de la información
 Con respecto a la arquitectura de la información hay que en cuenta lo
siguiente:
 Organizar y clasificar el contenido
 Definir una estructura de navegación
 Señalización
 Búsqueda
Diseño de Interacción
 Al tomar en cuenta la interacción con el usuario se debe definir los procesos
mediante los cuales el usuario va a interactuar con nuestro sitio.
 Esta interacciones deben ser para el usuario fáciles de recordar, y utilizar.
Usabilidad
 Medir la usabilidad de nuestros sitios debería convertirse en un proceso
periodístico para una mejora continua de nuestro sitio web.
 Deben realizarse constantes pruebas con usuarios, pruebas heurísticas.
Accesibilidad
 La accesibilidad se refiere a que nuestro sitio web debe poder ser visitado
desde cualquier lugar del mundo independiente del hardware, software, red,
idioma, cultura, ubicación geográfica y capacidades de los usuarios.
¿Que dicen los expertos?
 El poder de la web esta en su universidad. Con acceso a la web para todos
independientemen te de su discapacidad.

Más contenido relacionado

La actualidad más candente

Manual configuración GPO
Manual configuración GPOManual configuración GPO
Manual configuración GPOcyberleon95
 
Seguridad En Profundidad, Defense in Depth (DiD)
Seguridad En Profundidad, Defense in Depth (DiD)Seguridad En Profundidad, Defense in Depth (DiD)
Seguridad En Profundidad, Defense in Depth (DiD)Melvin Jáquez
 
Trabajo Practico- Redes inalambricas
Trabajo Practico- Redes inalambricasTrabajo Practico- Redes inalambricas
Trabajo Practico- Redes inalambricaspaolarg
 
Presentacion De Nagios
Presentacion De NagiosPresentacion De Nagios
Presentacion De Nagiosmagicdrums
 
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIA
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIAHERRAMIENTAS DE DESARROLLO DE MULTIMEDIA
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIAloresanjuanelo
 
Cuestionario de multimedia
Cuestionario de multimediaCuestionario de multimedia
Cuestionario de multimediapablo burbano
 
SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER BenjaminAnilema
 
DESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptxDESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptxNELSON RODRIGUEZ
 
Cámaras de seguridad
Cámaras de seguridadCámaras de seguridad
Cámaras de seguridadmetalrules95
 
Configuración de equipos de comunicación
Configuración de equipos de comunicaciónConfiguración de equipos de comunicación
Configuración de equipos de comunicaciónDiana Amaya
 
Esquema cliente servidor y tipos de sitios web
Esquema cliente servidor y tipos de sitios webEsquema cliente servidor y tipos de sitios web
Esquema cliente servidor y tipos de sitios webFran Lorenzo
 
Presentación OpenStack Comunidad Venezuela
Presentación OpenStack Comunidad VenezuelaPresentación OpenStack Comunidad Venezuela
Presentación OpenStack Comunidad VenezuelaEnder Mujica Diaz
 
Pasos para instalar el antivirus Avira
Pasos para instalar el antivirus AviraPasos para instalar el antivirus Avira
Pasos para instalar el antivirus Avirajorgedariold
 
ESET Infografía: ¿Cómo funciona el phishing?
ESET Infografía: ¿Cómo funciona el phishing?ESET Infografía: ¿Cómo funciona el phishing?
ESET Infografía: ¿Cómo funciona el phishing?ESET Latinoamérica
 

La actualidad más candente (20)

Presentacion Red Hat
Presentacion Red HatPresentacion Red Hat
Presentacion Red Hat
 
Manual configuración GPO
Manual configuración GPOManual configuración GPO
Manual configuración GPO
 
Seguridad En Profundidad, Defense in Depth (DiD)
Seguridad En Profundidad, Defense in Depth (DiD)Seguridad En Profundidad, Defense in Depth (DiD)
Seguridad En Profundidad, Defense in Depth (DiD)
 
Ensayo Cliente Servidor
Ensayo Cliente ServidorEnsayo Cliente Servidor
Ensayo Cliente Servidor
 
Trabajo Practico- Redes inalambricas
Trabajo Practico- Redes inalambricasTrabajo Practico- Redes inalambricas
Trabajo Practico- Redes inalambricas
 
Presentacion De Nagios
Presentacion De NagiosPresentacion De Nagios
Presentacion De Nagios
 
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIA
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIAHERRAMIENTAS DE DESARROLLO DE MULTIMEDIA
HERRAMIENTAS DE DESARROLLO DE MULTIMEDIA
 
Cuestionario de multimedia
Cuestionario de multimediaCuestionario de multimedia
Cuestionario de multimedia
 
SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER
 
Gestion y administracion web
Gestion y administracion webGestion y administracion web
Gestion y administracion web
 
DESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptxDESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptx
 
Cámaras de seguridad
Cámaras de seguridadCámaras de seguridad
Cámaras de seguridad
 
Configuración de equipos de comunicación
Configuración de equipos de comunicaciónConfiguración de equipos de comunicación
Configuración de equipos de comunicación
 
Esquema cliente servidor y tipos de sitios web
Esquema cliente servidor y tipos de sitios webEsquema cliente servidor y tipos de sitios web
Esquema cliente servidor y tipos de sitios web
 
Presentación OpenStack Comunidad Venezuela
Presentación OpenStack Comunidad VenezuelaPresentación OpenStack Comunidad Venezuela
Presentación OpenStack Comunidad Venezuela
 
Arquitectura de redes_de_computadora
Arquitectura de redes_de_computadoraArquitectura de redes_de_computadora
Arquitectura de redes_de_computadora
 
Pasos para instalar el antivirus Avira
Pasos para instalar el antivirus AviraPasos para instalar el antivirus Avira
Pasos para instalar el antivirus Avira
 
Middleware
MiddlewareMiddleware
Middleware
 
Sistemas operativos.pptx modulo 1
Sistemas operativos.pptx modulo 1Sistemas operativos.pptx modulo 1
Sistemas operativos.pptx modulo 1
 
ESET Infografía: ¿Cómo funciona el phishing?
ESET Infografía: ¿Cómo funciona el phishing?ESET Infografía: ¿Cómo funciona el phishing?
ESET Infografía: ¿Cómo funciona el phishing?
 

Destacado

Destacado (20)

Paralelo entre html y htlm5
Paralelo entre html y htlm5Paralelo entre html y htlm5
Paralelo entre html y htlm5
 
Documento html
Documento htmlDocumento html
Documento html
 
Diferencia entre url y html
Diferencia entre url y htmlDiferencia entre url y html
Diferencia entre url y html
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3c
 
Introdución a la web: HTTP, URL y HTML
Introdución a la web: HTTP, URL y HTMLIntrodución a la web: HTTP, URL y HTML
Introdución a la web: HTTP, URL y HTML
 
Expo w3c
Expo w3cExpo w3c
Expo w3c
 
Situacion e commerce
Situacion e commerceSituacion e commerce
Situacion e commerce
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Web 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialWeb 2.0, W3C y Software Social
Web 2.0, W3C y Software Social
 
DEXGate2 datasheet
DEXGate2 datasheetDEXGate2 datasheet
DEXGate2 datasheet
 
Gestión del ecommerce Prestashop 1.6 - Guía para gestores
Gestión del ecommerce Prestashop 1.6 - Guía para gestoresGestión del ecommerce Prestashop 1.6 - Guía para gestores
Gestión del ecommerce Prestashop 1.6 - Guía para gestores
 
Lect motivation intrinsic extrinsic july15.pptx
Lect motivation intrinsic extrinsic july15.pptxLect motivation intrinsic extrinsic july15.pptx
Lect motivation intrinsic extrinsic july15.pptx
 
Medidas de usabilidad
Medidas de usabilidadMedidas de usabilidad
Medidas de usabilidad
 
Html
HtmlHtml
Html
 
Resolución 057 corazonarte 2017
Resolución 057 corazonarte 2017Resolución 057 corazonarte 2017
Resolución 057 corazonarte 2017
 
Javier Garzas (URJC Kybele) Claves para implantar un modelo de estimación sof...
Javier Garzas (URJC Kybele) Claves para implantar un modelo de estimación sof...Javier Garzas (URJC Kybele) Claves para implantar un modelo de estimación sof...
Javier Garzas (URJC Kybele) Claves para implantar un modelo de estimación sof...
 
Sgbd comerciales vs libres
Sgbd comerciales vs libresSgbd comerciales vs libres
Sgbd comerciales vs libres
 
LEED 101
LEED 101LEED 101
LEED 101
 

Similar a ESTANDARES W3C EN LA WEB

Qué son los estándares web
Qué son los estándares webQué son los estándares web
Qué son los estándares webEnrique Reyes
 
Universidad capitán general gerardo barrios
Universidad capitán general gerardo barriosUniversidad capitán general gerardo barrios
Universidad capitán general gerardo barriosHerbert Arevalo
 
Que son los estándares w3 c para el desarrollo wed (tarea)
Que son los estándares  w3 c para el desarrollo wed (tarea)Que son los estándares  w3 c para el desarrollo wed (tarea)
Que son los estándares w3 c para el desarrollo wed (tarea)D4nil0
 
Tarea de-ingenieria-de-software-ll bryan
Tarea de-ingenieria-de-software-ll bryanTarea de-ingenieria-de-software-ll bryan
Tarea de-ingenieria-de-software-ll bryanBrayan Molina
 
Tarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendozaTarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendozageovannimendoza
 
Estándar W3C para el desarrollo web
 Estándar W3C  para el desarrollo web Estándar W3C  para el desarrollo web
Estándar W3C para el desarrollo webdavidhuezo10
 
Desarrollo web para estándar W3C
  Desarrollo web para estándar W3C    Desarrollo web para estándar W3C
Desarrollo web para estándar W3C davidhuezo10
 
W3 c consorcio world wide web
W3 c   consorcio world wide webW3 c   consorcio world wide web
W3 c consorcio world wide webRhamyro Alcoser
 

Similar a ESTANDARES W3C EN LA WEB (20)

Qué son los estándares web
Qué son los estándares webQué son los estándares web
Qué son los estándares web
 
ESTANDARES DE LA W3C
ESTANDARES DE LA W3CESTANDARES DE LA W3C
ESTANDARES DE LA W3C
 
Que es la W3C
Que es la W3CQue es la W3C
Que es la W3C
 
Universidad capitán general gerardo barrios
Universidad capitán general gerardo barriosUniversidad capitán general gerardo barrios
Universidad capitán general gerardo barrios
 
El erick
El erickEl erick
El erick
 
Que son los estándares w3 c para el desarrollo wed (tarea)
Que son los estándares  w3 c para el desarrollo wed (tarea)Que son los estándares  w3 c para el desarrollo wed (tarea)
Que son los estándares w3 c para el desarrollo wed (tarea)
 
QUE ES W3C
QUE ES W3CQUE ES W3C
QUE ES W3C
 
Tarea de-ingenieria-de-software-ll bryan
Tarea de-ingenieria-de-software-ll bryanTarea de-ingenieria-de-software-ll bryan
Tarea de-ingenieria-de-software-ll bryan
 
Estandares W3C
Estandares W3CEstandares W3C
Estandares W3C
 
W3c
W3cW3c
W3c
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Tarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendozaTarea de ingenieria de software ll de geovanni mendoza
Tarea de ingenieria de software ll de geovanni mendoza
 
W3 d
W3 dW3 d
W3 d
 
Estándar W3C para el desarrollo web
 Estándar W3C  para el desarrollo web Estándar W3C  para el desarrollo web
Estándar W3C para el desarrollo web
 
W3 c
W3 cW3 c
W3 c
 
Desarrollo web para estándar W3C
  Desarrollo web para estándar W3C    Desarrollo web para estándar W3C
Desarrollo web para estándar W3C
 
W3 c mony
W3 c monyW3 c mony
W3 c mony
 
ESTANDARES DEL W3C
ESTANDARES DEL W3CESTANDARES DEL W3C
ESTANDARES DEL W3C
 
Estandares del w3 c
Estandares del w3 cEstandares del w3 c
Estandares del w3 c
 
W3 c consorcio world wide web
W3 c   consorcio world wide webW3 c   consorcio world wide web
W3 c consorcio world wide web
 

Último

Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Luis Olivera
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 

Último (20)

Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
Clase N°4 - Purificación y secuenciación de acidos nucleicos Benoit Diringer ...
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 

ESTANDARES W3C EN LA WEB

  • 1.
  • 2. Universidad Gerardo Barrios Facultad de Ciencia y Tecnología TAREA Investigación de W3C CATEDRA Ingeniería de software ll CATEDRÁTICA Licda. Carla Milagro López Vásquez RESPONSABLE: Diana Elizabeth Luna Martínez USTS049314
  • 3. ¿QUE SON LOS ESTANDARES WEB?  Son tecnologías, establecidas por el W3C, usadas para crear e interpretar el contenido basado en web, de tal manera que estos documentos estén para todos.  El W3C, organización independiente y neutral, desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.
  • 4.  En la creación de las Recomendaciones del W3C participan sus Miembros (más de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos ámbitos: grandes empresas de hardware o software, centros investigadores, universidades, administraciones públicas, etc.), el Equipo del W3C, expertos invitados, y cualquier usuario de la Web que quiera mostrar su opinión. Todos ellos trabajan conjuntamente a través de un proceso basado en el consenso, la neutralidad y la transparencia de la información.
  • 5.  Algunos de los estándares Web más conocidos y ampliamente utilizados son: HTML (HyperText Markup Language), para definir la estructura de los documentos; XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías; y CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
  • 6. ¿PARA QUE NOS SIRVEN?  La finalidad de los estándares es la creación de una Web universal, accesible, fácil de usar y en la que todo el mundo pueda confiar. Con estas tecnologías abiertas y de uso libre se pretende evitar la fragmentación de la Web y mejorar las infraestructuras para que se pueda evolucionar hacia una Web con la información mejor organizada.
  • 7. Acceso Universal  El W3C se guía por los principios de accesibilidad, internacionalización, e independencia de dispositivo, entre otros.  Esto facilita que el acceso a la Web sea posible desde cualquier lugar, en cualquier momento y utilizando cualquier dispositivo. No importa si se utiliza hardware, software, o una infraestructura de red específica. Además de las posibles restricciones técnicas, se tiene en cuenta la existencia de múltiples idiomas, las diversas localizaciones geográficas, y las diferencias culturales o tradiciones, así como las posibles limitaciones físicas, psíquicas o sensoriales de los usuarios.
  • 8.  La concienciación de que no todas las personas acceden a la Web de la misma forma, permite centrarse en determinados colectivos que tienen necesidades concretas, como pueden ser las personas de edad avanzada en el caso de limitaciones psíquicas, físicas o sensoriales.  El avance de las tecnologías inalámbricas, así como la gran variedad de dispositivos con acceso a la Web presentes en sectores como el de la telefonía móvil, en el de automoción (navegadores en los salpicaderos de automóviles), en los electrodomésticos (refrigeradores con pantallas táctiles) o en los televisores, fomenta la ubicuidad de la Web. Esto pone de manifiesto la necesidad de utilizar tecnologías y lenguajes unificados, libres y gratuitos, cuyo uso no esté limitado por patentes comerciales.
  • 9. Una Web con significado  Tradicionalmente, se podría considerar la Web como un conjunto de documentos conexos entre sí a través de términos léxicos y sintácticos.  Estos documentos están expresados en lenguaje natural y contienen contenido destinado a personas. Esto limita a las máquinas a la hora de procesar la información de forma eficiente, ya que no pueden evitar las ambigüedades del lenguaje natural. Gracias al nuevo enfoque del W3C, la Web evoluciona hacia lo que se denomina Web Semántica, una ampliación de la Web tradicional, que ofrece mecanismos para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de forma que cualquier máquina pueda interpretar los datos existentes en la Web de una forma similar a como lo hacen los humanos. La información no sólo está especificada como una serie de información textual o gráfica inconexa entre sí, sino que la Web se puede considerar como una gran base de datos organizada y estructurada teniendo en cuenta la naturaleza semántica de los elementos que la componen.
  • 10.  Gracias al nuevo enfoque del W3C, la Web evoluciona hacia lo que se denomina Web Semántica, una ampliación de la Web tradicional, que ofrece mecanismos para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de forma que cualquier máquina pueda interpretar los datos existentes en la Web de una forma similar a como lo hacen los humanos. La información no sólo está especificada como una serie de información textual o gráfica inconexa entre sí, sino que la Web se puede considerar como una gran base de datos organizada y estructurada teniendo en cuenta la naturaleza semántica de los elementos que la componen.
  • 11.  La Web Semántica fomenta una mejora en el rendimiento y eficiencia de la Web, lo que se transmite en una experiencia más satisfactoria para el usuario, el que obtendrá mayor precisión en sus búsquedas y operaciones, y podrá tener acceso a mayores cantidades de información específica y útil. De la misma forma, esta estructuración y tratamiento de los datos más preciso evitará las tareas frustrantes y difíciles, como es la búsqueda, obtención y mezcla de información desde distintas fuentes.
  • 12. Confianza en la Web  La Web es un medio colaborativo, donde los usuarios interactúan creando contenidos (en wikis, blogs o foros), realizan transacciones (compras online, operaciones bancarias), o crean redes sociales (de amistad o laborales), donde se relacionan entre sí.  Estas actividades requieren que los usuarios confíen entre sí y han promovido el desarrollo de ciertas tecnologías para asegurar esta confianza: firmas digitales de documentos que fomentan la responsabilidad de las personas que se declaran autores de estos; encriptación de los datos para la confidencialidad; y mecanismos de establecimiento y declaración de las políticas de privacidad de los datos de los sitios Web.
  • 13. ¿POR QUÉ USAR ESTANDARES?  El uso de estándares ayuda a que tu sitio web sea:  Tenga mejor indexación en los buscadores.  Portabilidad.  Interoperabilidad.  Accesible.
  • 14. ¿Cómo funcionan?  La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación. Este proceso permite la intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos.  Tras este proceso, elaborado por especialistas en la materia, se obtienen unos estándares de calidad, y al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como Recomendación.
  • 15.  Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las máquinas se entienden entre sí y cualquier usuario puede interactuar con el resto.
  • 16. Ejemplos  Durante la evolución de la Web, ha quedado patente la necesidad de disponer de estándares y existe un gran número de estos que han sentado las bases para el desarrollo de la Web y han fomentado el éxito de esta. Algunos ejemplos son: el lenguaje de etiquetado para hacer páginas Web, HTML; y XML, un lenguaje para crear estructuras de documentos.
  • 17. HTML  El beneficio de la utilización de estándares se puede observar con la creación y evolución del lenguaje HTML, para la Web. En 1994, el W3C comenzó el proceso de estandarización del HTML para representar el contenido en la Web. La expansión y el número de documentos en la Web se ha visto incrementado en los últimos años de forma espectacular, hasta convertirse en una herramienta de uso cotidiano como hoy la conocemos. Esto se ha debido a la facilidad de creación de documentos y a que todos comparten el mismo lenguaje para la representación de la información. Al usar el mismo formato para el desarrollo se consigue que cualquier agente de usuario que interprete dicho lenguaje represente el documento de la Web de la misma forma. Al ser independiente de cualquier plataforma (y de cualquier fabricante) permite que cualquiera lo pueda usar, independientemente del sistema operativo, navegador, etc. Si hubiesen existido fabricantes que pretendieran imponer lenguajes alternativos al HTML, tendrían un público restringido a la cantidad de clientes que usasen su tecnología.
  • 18. XML  El lenguaje XML, ampliamente utilizado para estructurar la información de documentos. El XML fue estandarizado por el W3C, que autorizó su uso libremente, convirtiéndolo en una pieza clave en la interoperabilidad de la mayoría de los sistemas de información. Muchos otros lenguajes y tecnologías están basados en XML, lo que no se habría podido conseguir si este lenguaje tuviese alguna patente comercial que restringiese su uso.
  • 19. APLICAR ESTANDARES  Estructuras en las paginas:  Una pagina web bien estructurada debe tener los siguientes capas:  HTML semántico (contenido)  CSS (presentación)  Javascript (Comportamiento).  Cada uno de estos componentes deben estar en un archivo separado.
  • 20. ¿que debe cumplir una pagina web estándar?  Un documento web cumple con estándar si:  Tiene un HTML o XHTML valido.  Usa CSS en lugar de tablas para manejar layout.  Esta correctamente estructurado y posee un markup semántico.  Funciona en todos los browsers.
  • 21. Ventajas de usar estándares  Tiene un montaje mas rápido.  Facil mantenimiento, menor costo de mantenimiento,  Diseño centralizado  Compativilidad con todos los browsers.  Se descarga y presenta mas rápidamente.  Menor consto de ancho de banda.  Mayor accesibilidad, mejor experiencia del usuario.  Mejor posicionamiento en los buscadores.  Mayor cantidad de usuarios que pueden accerder a nuestro sitio.
  • 22. Motores de Busqueda  La pagina web debe tener el tag  <title>  Debe poseer uso adecuado de headers  <h1>…</h1>, <h2>…</h2>, etc.  Uso de metatag description, keywords.  Uso de archivo favicon.ico  Especificar fuentes rss como tag rel.
  • 23. Estandares para las paginas  No usar tablas para manejar el layout en su lugar hacer un correcto uso de los layers <div>  Las tabas solo deben ser utilizadas para mostrar datos tabulares.  Las imágenes deben tener usar el tag de texto alternativo alt=“texto alternativo”
  • 24. Tags Basicos  Heading  <h1> </h1>, <h2> </h2>,…  Parrafos  <p>Texto de parrafo</p>  Hipervinculos  <a href=“Introducir el link”>Texto para el link</a>  Elementos de una lista  <li>…</li>  Lista ordenadas <ol>…</ol>  Lista no ordenada  <ul>…</ul>
  • 25. Estructura  Un sitio web esta formado por diversos componentes, unos pocos son visibles para el usuario pero la gran mayoría no lo son.
  • 26. Experiencia de usuario “Es la sensación, sentimiento, respuesta emocional, valoración y satisfacción del usuario respecto a un producto,  Resultado del fenómeno de interaccionan con el producto y la interacción con su proveedor” Hassan y Martin
  • 27. Rueda de la Experiencia de usuario
  • 28. Visibilidad  Como llega nuestro usuario a nosotros  Motores de Búsqueda  Enlaces  Trafico Directo
  • 29. Diseño Grafico  Es un componente que aporta a que nuestro sitio sea amigable.
  • 30. Arquitectura de la información  Con respecto a la arquitectura de la información hay que en cuenta lo siguiente:  Organizar y clasificar el contenido  Definir una estructura de navegación  Señalización  Búsqueda
  • 31. Diseño de Interacción  Al tomar en cuenta la interacción con el usuario se debe definir los procesos mediante los cuales el usuario va a interactuar con nuestro sitio.  Esta interacciones deben ser para el usuario fáciles de recordar, y utilizar.
  • 32. Usabilidad  Medir la usabilidad de nuestros sitios debería convertirse en un proceso periodístico para una mejora continua de nuestro sitio web.  Deben realizarse constantes pruebas con usuarios, pruebas heurísticas.
  • 33. Accesibilidad  La accesibilidad se refiere a que nuestro sitio web debe poder ser visitado desde cualquier lugar del mundo independiente del hardware, software, red, idioma, cultura, ubicación geográfica y capacidades de los usuarios.
  • 34. ¿Que dicen los expertos?  El poder de la web esta en su universidad. Con acceso a la web para todos independientemen te de su discapacidad.