Cómo funciona una página web

¿Qué es una página web?

Una página web es un documento digital que un navegador puede interpretar y mostrar en una pantalla.

Puede contener texto, imágenes, botones, formularios, vídeos, enlaces y muchos otros elementos.

Cuando visitas una web, tu ordenador no recibe una “imagen” de la página. Recibe diferentes archivos e instrucciones que el navegador utiliza para construir lo que ves.

Las tres piezas que debes conocer.

HTML

Define la estructura y el contenido de la página: títulos, textos, imágenes, botones y secciones.

CSS

Controla la apariencia: colores, tamaños, espacios, tipografías y distribución.

JavaScript

Permite añadir comportamiento e interacción, como menús, animaciones o acciones dinámicas.

¿Qué ocurre cuando visitas una web?

Imagina que escribes en tu navegador:

digitalukhti.com

De forma simplificada, ocurre lo siguiente:

Escribes el dominio en el navegador.

El navegador busca dónde está alojada esa web.

El servidor envía los archivos necesarios.

El navegador interpreta HTML, CSS y JavaScript.

La página aparece en tu pantalla.

Dominio y alojamiento no son lo mismo.

Estos dos conceptos suelen confundirse cuando alguien crea su primera página web.

DOMINIO

La dirección.

Es el nombre que una persona escribe para encontrar tu web, por ejemplo digitalukhti.com.

ALOJAMIENTO

El lugar donde vive la web.

Es el servicio donde están almacenados los archivos que forman tu página.

Una forma sencilla de recordarlo: el dominio es la dirección de una casa y el alojamiento es el terreno donde está construida.

¿Qué papel tiene el navegador?

Chrome, Safari, Firefox o Edge son navegadores.

Su trabajo consiste en leer los archivos de una página y convertirlos en una interfaz que puedas utilizar.

Por eso, cuando más adelante escribamos HTML y CSS, estaremos dando instrucciones al navegador.

RESUMEN

Lo que debes recordar.

Una web está formada por archivos.
HTML crea la estructura.
CSS controla la apariencia.
JavaScript añade interacción.
El dominio es la dirección de la web.
El alojamiento guarda los archivos.
El navegador interpreta esos archivos y muestra la página.

PONLO EN PRÁCTICA

Observa una web con otros ojos.

Abre una página web que utilices habitualmente e intenta identificar:

El dominio.
El menú de navegación.
Los títulos principales.
Los botones.
Las diferentes secciones.

No necesitas saber todavía cómo están construidos. El objetivo es empezar a reconocer las piezas que forman una página web.

Cómo funciona una página web.