Want to create interactive content? It’s easy in Genially!

Get started free

20 estandares web

Nestor Gabriel Bonilla Pirir

Created on January 14, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

Witchcraft Presentation

Sketchbook Presentation

Vaporwave presentation

Animated Sketch Presentation

Pechakucha Presentation

Decades Presentation

Color and Shapes Presentation

Transcript

PRESENTACIÓN

20 estandares web

guía de trabajo 1

Índice

HTML

CSS3

JavaScript

HTTPS

DOM

HTTP

CSS Flexbox

JSON

URL

REST

XML

CSS Grid

Responsive Web Design

Cookies

SEO

Web Storage

WAI-ARIA

WebSockets

Progressive Web Apps (PWA)

Web APIs

Como se aplica HTML como estandar web

etiquetas (<tag>contenido</tag>) para estructurar el texto con encabezados (<h1>), párrafos (<p>), listas (<ul>, <ol>), enlaces (<a>) e imágenes (<img>), guardando el archivo con extensión .html y abriéndolo en un navegador para verlo, siendo el <head> para metadatos y el <body> para el contenido visible, que luego se estiliza con CSS.
Ejemplo

Descripción

Es una instrucción especial que va al inicio de nuestro documento HTML y que permite al navegador entender qué versión de HTML se esta utilizando. Esta información determinará la manera en la que el navegador procesará el documento, un DOCTYPE distinto podría implicar hasta una visualización diferente del sitio web dentro del mismo navegador.

donde se Utiliza

Ejemplo

Desarrollo Web General: Es el lenguaje principal para construir la estructura de cualquier sitio web, desde blogs simples hasta complejas aplicaciones web. Navegadores Web: Los navegadores (Chrome, Firefox, Safari) interpretan el código HTML para renderizar y mostrar el contenido visualmente al usuario. Documentos Online: Se usa para crear documentos web con encabezados, párrafos, listas, tablas y multimedia, creando la base de la experiencia de usuario.

Ejemplos

Descripción de CSS3

CSS3 define el diseño visual y la presentación de los sitios web.Controla colores, fuentes, tamaños, animaciones y layouts. Se aplica escribiendo reglas de estilo externas o internas. Permite diseños responsivos y atractivos visualmente. Se utiliza en interfaces web y aplicaciones web.

cOMO SE APLICA css3

Se aplica creando hojas de estilo externas o internas.Se definen reglas para colores, tamaños y posiciones. Se utilizan selectores, clases e identificadores. Se implementan animaciones y transiciones. Se combina con media queries para diseño responsivo.

Donde se utiliza

Se utiliza en el diseño visual de sitios web.Se emplea en interfaces de usuario. Se usa en aplicaciones web responsivas. Se encuentra en navegadores modernos. Se aplica en sistemas web interactivos.

Ejemplos de CSS3

Descripción de JavaScript

JavaScript es un lenguaje de programación orientado a la web.Permite agregar interactividad y dinamismo a las páginas. Se aplica mediante scripts que responden a eventos del usuario. Facilita validaciones, animaciones y comunicación con servidores. Se utiliza en navegadores y aplicaciones web.

Como se aplica javascript

Se aplica escribiendo scripts del lado del cliente.Se asocia a eventos como clics y envíos de formularios. Se manipula el DOM dinámicamente. Se conecta con APIs mediante Fetch o AJAX. Se integra directamente en HTML o archivos externos.

donde se utiliza javascript

Se utiliza en navegadores web.Se emplea en aplicaciones web interactivas. Se usa en aplicaciones del lado del cliente. Se encuentra en frameworks y librerías web. Se aplica en sistemas web dinámicos.

ejemplos

Descripción de DOM

El DOM representa la estructura de un documento HTML o XML.Permite acceder y modificar elementos de la página. Se aplica usando JavaScript para manipular nodos del documento. Hace posible cambiar contenido sin recargar la página. Se utiliza en navegadores web.

Como se aplica dom

Se aplica accediendo a elementos HTML con JavaScript.Se usan métodos como getElementById. Se modifican nodos, atributos y estilos. Se crean y eliminan elementos dinámicamente. Se ejecuta en el navegador web.

donde se utiliza dom

Se utiliza dentro de los navegadores web.Se emplea en páginas HTML dinámicas. Se usa en aplicaciones que modifican contenido. Se encuentra en entornos web. Se aplica en interfaces interactivas.

Ejemplo de dom

descripción de HTTP

HTTP es el protocolo de comunicación de la web.Permite la transferencia de datos entre cliente y servidor. Se aplica mediante métodos como GET, POST y PUT. Define cómo se envían y reciben solicitudes. Se utiliza en sitios web y servicios web.

como se aplica http

Se aplica mediante solicitudes cliente-servidor.Se utilizan métodos como GET y POST. Se envían encabezados y cuerpos de datos. Se gestionan respuestas con códigos de estado. Se implementa en servidores y navegadores.

donde se utiliza http

Se utiliza en la comunicación web.Se emplea entre clientes y servidores. Se usa en sitios web. Se encuentra en servicios web. Se aplica en aplicaciones distribuidas.

Ejemplo

Descripción de https

HTTPS es la versión segura del protocolo HTTP.Protege la información mediante cifrado SSL/TLS. Se aplica instalando certificados de seguridad. Evita ataques y robo de información. Se utiliza en sitios web seguros y comercio electrónico.

Como se aplica https

Se aplica instalando certificados SSL/TLS.Se cifra la comunicación entre cliente y servidor. Se configura en el servidor web. Se fuerza el uso de conexiones seguras. Se valida mediante autoridades certificadoras.

donde se utiliza https

Se utiliza en sitios web seguros.Se emplea en plataformas bancarias. Se usa en comercio electrónico. Se encuentra en sistemas de autenticación. Se aplica en servicios web protegidos.

Ejemplo

descripción de URL

La URL identifica de forma única un recurso en la web.Indica la ubicación de páginas, imágenes o servicios. Se aplica definiendo rutas claras y estructuradas. Permite acceder a recursos desde el navegador. Se utiliza en todos los sistemas web.

como se aplica la url

Se aplica definiendo rutas claras y únicas.Se estructura con protocolo, dominio y recurso. Se usa para acceder a páginas y servicios. Se integra en enlaces y formularios. Se gestiona desde el navegador y servidores.

donde se utiliza url

Se utiliza en navegadores web.Se emplea para acceder a recursos. Se usa en enlaces y formularios. Se encuentra en servicios web. Se aplica en APIs y sitios web.

ejemplo

descripción de XML

XML es un lenguaje de marcado para estructurar datos.Permite almacenar información de forma jerárquica. Se aplica definiendo etiquetas personalizadas. Facilita el intercambio de datos entre sistemas. Se utiliza en servicios web y configuraciones.

como se aplica xml

Se aplica creando estructuras de datos jerárquicas.Se definen etiquetas personalizadas. Se valida con esquemas o DTD. Se intercambia información entre sistemas. Se procesa mediante parsers XML.

donde su utiliza xml

Se utiliza en servicios web.Se emplea en intercambio de datos. Se usa en configuraciones de sistemas. Se encuentra en aplicaciones empresariales. Se aplica en integraciones de software.

ejemplo

descripción dejson

JSON es un formato ligero para intercambio de datos.Es fácil de leer y escribir por humanos y máquinas. Se aplica enviando datos entre cliente y servidor. Es muy utilizado en APIs REST. Se utiliza en aplicaciones web modernas.

como se plica json

Se aplica estructurando datos en pares clave-valor.Se envía y recibe información en APIs. Se serializa y deserializa fácilmente. Se integra con JavaScript de forma nativa. Se utiliza en comunicación cliente-servidor.

donde se utiliza

Se utiliza en APIs web.Se emplea en aplicaciones cliente-servidor. Se usa en servicios REST. Se encuentra en aplicaciones modernas. Se aplica en comunicación de datos.

ejemplo

Descripcion de rest

REST es un estilo arquitectónico para servicios web.Define cómo deben estructurarse las APIs. Se aplica usando recursos y métodos HTTP. Facilita la comunicación entre sistemas. Se utiliza en APIs y aplicaciones distribuidas.

como se aplica rest

REST es un estilo arquitectónico para servicios web.Define cómo deben estructurarse las APIs. Se aplica usando recursos y métodos HTTP. Facilita la comunicación entre sistemas. Se utiliza en APIs y aplicaciones distribuidas.

donde se utiliza rest

Se utiliza en servicios web.Se emplea en APIs públicas y privadas. Se usa en sistemas distribuidos. Se encuentra en aplicaciones backend. Se aplica en integración de plataformas.

ejemplo

descripción CSS Flexbox

Flexbox es un modelo de diseño unidimensional.Permite alinear y distribuir elementos fácilmente. Se aplica usando display: flex. Simplifica el diseño adaptable. Se utiliza en interfaces web responsivas.

como se aplica css flexbox

Se aplica definiendo display: flex.Se alinean elementos en filas o columnas. Se controlan espacios y alineación. Se ajusta el diseño dinámicamente. Se combina con otros modelos CSS.

donde se utiliza css flexbox

Se utiliza en layouts web.Se emplea en diseño responsivo. Se usa en interfaces modernas. Se encuentra en sitios web actuales. Se aplica en componentes visuales.

ejemplos

descripción CSS Grid

CSS Grid es un sistema de diseño bidimensional.Permite crear layouts complejos con filas y columnas.Se aplica usando display: grid.Mejora la organización visual del contenido.Se utiliza en maquetación web avanzada.

como se aplica css grid

Se aplica usando display: grid.Se definen filas y columnas. Se posicionan elementos con precisión. Se crean layouts complejos fácilmente. Se adapta a distintos tamaños de pantalla.

donde se utiliza css grid

Se utiliza en maquetación web.Se emplea en diseños complejos. Se usa en páginas web modernas. Se encuentra en interfaces avanzadas. Se aplica en sistemas de diseño.

ejemplos

descripción Responsive Web Design

Es una técnica para adaptar sitios a distintos dispositivos.Permite una mejor experiencia de usuario. Se aplica usando media queries y layouts flexibles. Ajusta el diseño a diferentes tamaños de pantalla. Se utiliza en sitios web modernos.

como se aplica Responsive Web Design

Se aplica usando media queries.Se crean diseños flexibles. Se ajusta contenido según el dispositivo. Se prioriza la experiencia del usuario. Se prueba en diferentes resoluciones.

donde se utiliza Responsive Web Design

Se utiliza en sitios web móviles.Se emplea en aplicaciones multiplataforma. Se usa en portales adaptables. Se encuentra en diseño web moderno. Se aplica en experiencias de usuario.

ejemplo

descripcion WAI-ARIA

WAI-ARIA mejora la accesibilidad web.Ayuda a usuarios con discapacidades.Se aplica agregando atributos ARIA al HTML.Facilita el uso de lectores de pantalla.Se utiliza en aplicaciones web accesibles.

como se aplica WAI-ARIA

Se aplica agregando atributos ARIA.Se mejora la accesibilidad de componentes. Se complementa HTML semántico. Se facilita el uso con lectores de pantalla. Se valida con herramientas de accesibilidad.

donde se utiliza WAI-ARIA

Se utiliza en sitios web accesibles.Se emplea en aplicaciones inclusivas. Se usa con lectores de pantalla. Se encuentra en interfaces interactivas. Se aplica en sistemas accesibles.

ejemplos

descripción SEO

SEO optimiza la visibilidad de un sitio web.Mejora el posicionamiento en motores de búsqueda. Se aplica usando buenas prácticas de contenido y estructura. Incluye etiquetas semánticas y metadatos. Se utiliza en páginas web públicas.

como se aplica SEO

Se aplica estructurando correctamente el HTML.Se usan etiquetas semánticas y metadatos. Se optimiza contenido y enlaces. Se mejora la velocidad del sitio. Se siguen buenas prácticas web.

donde se utilizo seo

Se utiliza en sitios web públicos.Se emplea en motores de búsqueda.Se usa en páginas informativas.Se encuentra en portales empresariales.Se aplica en posicionamiento web.

ejemplo

descripción Web Storage

Web Storage permite almacenar datos en el navegador.Ofrece almacenamiento local y por sesión. Se aplica usando localStorage y sessionStorage. No requiere conexión al servidor. Se utiliza en aplicaciones web del cliente.

como se aplica Web Storage

Se aplica usando localStorage.Se almacenan datos localmente. Se guarda información sin servidor. Se recuperan datos con JavaScript. Se controla desde el navegador.

donde se utiliza Web Storage

Se utiliza en navegadores web.Se emplea en aplicaciones del cliente. Se usa en sistemas web offline. Se encuentra en aplicaciones interactivas. Se aplica en gestión de datos locales.

ejemplos

descripción Cookies

Las cookies almacenan información del usuario.Permiten guardar sesiones y preferencias. Se aplican mediante encabezados HTTP. Facilitan la autenticación del usuario. Se utilizan en sitios web dinámicos.

como se aplica Cookies

Se aplican almacenando datos pequeños.Se envían mediante encabezados HTTP. Se usan para sesiones y preferencias. Se configuran con fechas de expiración. Se gestionan desde el servidor o cliente.

donde se utiliza Cookies

Se utilizan en sitios web dinámicos.Se emplean en autenticación de usuarios. Se usan en sistemas de sesión. Se encuentran en navegadores web. Se aplican en personalización del sitio.

ejemplos

descripcion WebSockets

WebSockets permiten comunicación en tiempo real.Mantienen una conexión abierta cliente-servidor. Se aplican mediante un canal persistente. Reducen la latencia de comunicación. Se utilizan en chats y aplicaciones en vivo.

como se aplica WebSockets

Se aplican creando conexiones persistentes.Se establece comunicación bidireccional. Se reduce el uso de peticiones repetidas. Se transmiten datos en tiempo real. Se implementan en cliente y servidor.

donde se utiliza WebSockets

Se utilizan en aplicaciones en tiempo real.Se emplean en chats en línea. Se usan en juegos online. Se encuentran en sistemas interactivos. Se aplican en notificaciones en vivo.

ejemplos