Esta es la primera clase completa del Núcleo 1 de Aplicaciones Informáticas (6° año), publicada como muestra gratuita. El resto del núcleo y las demás clases del año están disponibles en la tienda.
De HTML/CSS al servidor: repaso y puente
Hasta ahora, todo sitio que armaste vive en el navegador: HTML define la estructura, CSS el estilo. Pero un sitio así es estático — muestra siempre lo mismo, sin importar quién lo visite. En este núcleo damos el salto a los sitios dinámicos, que generan contenido distinto según el usuario, la hora o los datos guardados en una base de datos. La herramienta que nos permite eso es PHP.
Repaso rápido: la estructura de un sitio
Todo sitio web parte de tres capas que ya conocés: HTML (contenido y estructura, con etiquetas como <header>, <nav>, <main>, <footer>), CSS (presentación visual: colores, tipografías, disposición) y, opcionalmente, JavaScript (comportamiento en el navegador). Un archivo .html se abre directo en el navegador y este lo interpreta línea por línea.
- HTML: qué se muestra (estructura y contenido).
- CSS: cómo se ve (estilo visual).
- JavaScript: cómo reacciona en el navegador (interactividad del lado del cliente).
¿Qué le falta a un sitio estático?
Un sitio estático no puede, por sí solo, guardar un mensaje de contacto, recordar un usuario que inició sesión, ni mostrar productos que cambian según el stock. Para eso hace falta un programa que corra en el servidor, antes de que la página llegue al navegador. Ese es exactamente el rol de PHP, que vamos a empezar a ver en la próxima clase.
Para repasar hoy
- Armá un archivo index.html simple con header, nav, main y footer, y un archivo style.css que lo acompañe.
- Escribí con tus palabras qué diferencia hay entre un sitio estático y uno dinámico, con un ejemplo de cada uno.
- Pensá tres sitios que uses a diario que necesiten, obligatoriamente, guardar datos en un servidor (no alcanza con HTML/CSS).
¿Te interesó? Esta es solo la primera de 26 clases del Núcleo 1. Conocé el resto del contenido de esta asignatura.