Glosario
Las palabras técnicas que te vas a encontrar una y otra vez al aprender a programar y al subir tu propia web. Búscalas aquí cuando no te suenen — es normal no conocerlas todas al principio.
No hay ningún término que coincida con tu búsqueda.
📁 Archivos y rutas
Archivo — file
Un documento guardado en el ordenador: una foto, un vídeo o, en nuestro caso, código. Cada archivo tiene un nombre y una extensión (la parte después del punto) que dice qué tipo de archivo es, como .html o .css.
Carpeta (directorio) — folder
Un contenedor que agrupa archivos y otras carpetas para organizarlo todo. En una web es normal tener carpetas como css/, js/ o img/ dentro de la carpeta principal del proyecto.
Extensión de archivo
Las letras después del punto en el nombre de un archivo, como .html, .css, .js o .png. Le dicen al ordenador (y a ti) qué tipo de contenido es.
Ruta — path
La "dirección" que indica dónde está guardado un archivo o una carpeta dentro del ordenador o del servidor. Funciona como las señales de una carretera: te dice el camino exacto para llegar hasta ese archivo.
Ruta relativa
Una ruta que parte del archivo desde el que estás escribiendo, no desde el principio del disco. Si tu página es index.html y tu imagen está en img/logo.png, la ruta relativa es simplemente img/logo.png.
Ruta absoluta
Una ruta completa desde el principio: desde la raíz del disco (en tu ordenador) o desde la raíz del dominio (en una web), como https://code.egv.es/img/logo.png. No depende de desde dónde la escribas.
Raíz — root
El punto de partida de todo: la carpeta principal a partir de la cual cuelgan todas las demás. En tu web, la raíz del sitio es la carpeta donde vive tu index.html principal; todo lo demás va dentro o debajo de ella.
Unidad de disco — drive
En Windows, la letra que ves delante de una ruta, como C:\ o D:\: indica en qué disco están guardados los archivos. Ojo, no confundir con un driver de hardware, que es otra cosa — el programa que hace funcionar un dispositivo como la impresora o la tarjeta gráfica.
🌐 Servidor y FTP
Servidor
Un ordenador, normalmente encendido las 24 horas, que guarda los archivos de tu web y los envía a quien la visite. Cuando alguien escribe tu dominio en el navegador, se lo está pidiendo al servidor.
Hosting — alojamiento
El servicio que te alquila espacio en un servidor para guardar los archivos de tu web, para que esté visible en internet las 24 horas. Es lo que ofrece EGV Host.
Dominio
El nombre que escribes en el navegador para llegar a una web, como egv.es o code.egv.es. Por debajo, ese nombre apunta a la dirección real del servidor donde vive la web.
FTP — File Transfer Protocol
El método más habitual para subir archivos desde tu ordenador hasta el servidor de tu hosting. Necesitas un programa cliente de FTP (como FileZilla) y los datos de acceso que te da tu proveedor.
SFTP
Una versión de FTP más segura: los archivos viajan cifrados entre tu ordenador y el servidor, así que nadie puede verlos por el camino. Se usa igual que el FTP normal, solo cambia el protocolo por debajo.
Subir / desplegar — deploy
El proceso de copiar los archivos de tu web desde tu ordenador hasta el servidor, para que los cambios que hiciste en local se vean también en la web real.
Servidor local — localhost
Una copia del servidor que corre dentro de tu propio ordenador, para poder probar tu web antes de subirla de verdad a internet. Suele verse como localhost o 127.0.0.1 en el navegador.
{ } HTML, CSS y JavaScript
Etiqueta — tag
La pieza básica del HTML: marca dónde empieza y termina cada elemento, como <p> para un párrafo. La mayoría van por parejas, de apertura y cierre.
Elemento
Lo que forma una etiqueta junto con su contenido, como <p>Hola</p> completo. Toda página web está hecha de elementos anidados unos dentro de otros.
Atributo
Información extra que se añade dentro de una etiqueta de apertura, como href en un enlace o class en cualquier elemento. Se escribe como nombre="valor".
Selector — CSS
La parte de una regla CSS que dice a qué elementos afecta el estilo, como p, .destacado o #titulo-principal. Puede seleccionar por etiqueta, por clase o por id.
Clase — class
Una etiqueta que le pones a uno o varios elementos para darles estilo en grupo, con class="nombre" en HTML y .nombre en CSS. La misma clase se puede repetir en varios elementos.
ID
Un identificador único para un solo elemento de la página, con id="nombre" en HTML y #nombre en CSS. A diferencia de la clase, un id no debería repetirse dos veces en la misma página.
Variable — JavaScript
Una especie de caja con nombre donde guardas un valor para usarlo más tarde, como let nombre = "Ana". Su contenido puede cambiar mientras el programa se ejecuta.
Función — JavaScript
Un bloque de código con nombre que puedes ejecutar cuantas veces quieras llamándolo, en vez de repetir el mismo código una y otra vez.
Consola del navegador
Una herramienta integrada en el navegador (se abre con la tecla F12) donde puedes ver errores de tu código, probar JavaScript directamente y depurar tu página.
Comentario
Texto dentro del código que el navegador ignora al mostrar la página; sirve para dejarte notas a ti mismo. En HTML se escribe <!-- así -->, en CSS /* así */ y en JavaScript // así.