Directorio de Tecnologías Web

El desarrollo web moderno se fundamenta en tres tecnologías esenciales que trabajan de manera conjunta para crear sitios funcionales, atractivos y dinámicos. Este directorio presenta un análisis estructurado de HTML5, CSS3 y JavaScript, abordando su evolución, funciones y principales aportes al ecosistema digital actual.

HTML5 – Estructura y contenido de la web

HTML5 (HyperText Markup Language) es la versión más avanzada del lenguaje de marcado utilizado para estructurar el contenido de las páginas web. Su función principal no es el diseño ni la programación, sino definir la organización lógica de la información.

Con la llegada de HTML5, la web incorporó etiquetas semánticas como header, section, article y footer, mejorando la accesibilidad, el posicionamiento en buscadores (SEO) y la compatibilidad con tecnologías asistivas.

Hitos históricos relevantes

1991: Tim Berners-Lee crea el primer documento HTML.
1999: HTML 4.01 se consolida como estándar estable.
2014: HTML5 es publicado como recomendación oficial del W3C.

Comparación de versiones

Aspecto	HTML 4	HTML5
Soporte multimedia	Dependía de complementos externos	Audio y video integrados
Semántica	Limitada y genérica	Estructura clara y significativa

Información verificada en Wikipedia.

CSS3 – Diseño visual y experiencia de usuario

CSS3 (Cascading Style Sheets) es el lenguaje encargado de definir la presentación visual de los documentos HTML. Permite separar el contenido de su apariencia, logrando diseños más organizados y reutilizables.

CSS3 introdujo un enfoque modular que permitió animaciones, transiciones, sombras, degradados y diseño responsivo, facilitando la adaptación de los sitios a distintos dispositivos.

Hitos históricos relevantes

1996: Publicación de CSS nivel 1.
1998: Lanzamiento de CSS nivel 2.
2011: Adopción progresiva de CSS3 por módulos.

Comparación de versiones

Característica	CSS2	CSS3
Diseño adaptable	Soporte limitado	Media queries y layouts flexibles
Efectos visuales	Básicos	Animaciones y transiciones avanzadas

Información verificada en Wikipedia.

JavaScript – Interactividad y lógica

JavaScript es un lenguaje de programación que permite añadir lógica e interactividad a los sitios web. Gracias a él, las páginas pueden responder a acciones del usuario y modificar su contenido sin recargarse.

Actualmente, JavaScript se utiliza también en servidores, aplicaciones móviles y entornos de escritorio.

Hitos históricos relevantes

1995: Creación de JavaScript por Brendan Eich.
1997: Estandarización bajo el nombre ECMAScript.
2015: Lanzamiento de ECMAScript 6.

Versiones destacadas

Versión	Aportes principales
ES5	Compatibilidad estable entre navegadores
ES6	Clases, módulos, funciones flecha y variables modernas

Video educativo de apoyo

Preguntas sobre la actividad

¿Cuál es la función principal de HTML5 en la web?
¿Qué ventaja aportan las etiquetas semánticas de HTML5?
¿Qué diferencia existe entre HTML 4 y HTML5 en el manejo multimedia?
¿Para qué se utiliza CSS3 dentro del desarrollo web?
¿Qué mejoras introduce CSS3 frente a CSS2?
¿Cuál es la función principal de JavaScript en una página web?
¿Quién creó JavaScript y en qué año?
¿Por qué es importante el diseño responsivo?
¿Qué aporta la versión ES6 a JavaScript?
¿Qué aprendiste al realizar esta actividad?

Fuentes de consulta

World Wide Web Consortium (W3C). HTML5 Recommendation.
Mozilla Developer Network. Web Technologies Documentation.
ECMA International. ECMAScript 2015 Language Specification.
Wikipedia. HTML5, CSS y JavaScript.
Duckett, J. HTML & CSS: Design and Build Websites.