Mantenimiento de la página web | Mediateca de EducaMadrid

Hoy vamos a meternos de lleno en ese viaje tan fascinante que transforma una simple idea, 00:00:00

una pequeña chispa, en esa página web que vemos y usamos en nuestras pantallas todos los días. 00:00:05

Es una pregunta que seguro que más de una persona se ha hecho. 00:00:11

Porque, a ver, detrás de cada clic que hacemos, de cada página que carga, hay todo un mundo. 00:00:14

Un universo invisible de código, de diseño. 00:00:19

Pero, ¿qué se esconde ahí de verdad? 00:00:22

Pues vengo, vamos a descubrirlo. 00:00:24

Vale, pues este va a ser nuestro recorrido de hoy. 00:00:25

Primero, veremos la anatomía de una web, su esqueleto. 00:00:28

Después, los tres lenguajes que son la clave de todo. 00:00:31

Echaremos un vistazo a cómo se puede construir una web sin saber código, 00:00:33

dónde vive en Internet, cómo hace Google para encontrarla 00:00:37

y, por último, algo fundamental, por qué hay que cuidarla. 00:00:40

Vamos a empezar por el principio, por los cimientos. 00:00:43

Para entenderlo todo mucho mejor, vamos a imaginar que una página web es como una casa. 00:00:46

Y claro, antes de poner un solo ladrillo, ¿qué hace falta? 00:00:50

Pues un plano, ¿verdad? Una estructura bien definida. 00:00:54

Y aquí una distinción importante, porque a menudo se confunden estos dos términos 00:00:56

Un sitio web sería la casa entera con todas sus habitaciones y pasillos 00:01:01

Y una página web es, pues eso, solo una de esas habitaciones 00:01:06

Son dos cosas distintas, pero que obviamente van de la mano 00:01:10

Y si nos fijamos bien, aunque cada web nos parezca un mundo diferente 00:01:12

La gran mayoría, por no decir todas, comparten el mismo esqueleto universal 00:01:17

Una estructura básica dividida en tres partes, que sirve para organizarlo todo 00:01:21

Es muy sencillo. Mirad, arriba del todo está la cabecera, que es donde solemos encontrar el logo, el menú para navegar, lo primero que vemos. Luego, en medio, está el cuerpo, que es la chicha, el contenido principal, que cambia de una página a otra. Y abajo del todo, el pie de página, donde se suele poner la información de contacto, los enlaces a redes sociales, los avisos legales, esas cosas. 00:01:26

Vale, ya tenemos el plano, la estructura. ¿Y ahora qué? Pues ahora tocan los materiales de 00:01:48

construcción. Siguiendo con la metáfora de la casa, los lenguajes de programación serían los 00:01:53

ladrillos, la pintura, los cables… Y hay tres que son absolutamente esenciales. 00:01:57

El primero es el HTML. Este es, literalmente, el esqueleto, los huesos de la casa. No se preocupa 00:02:02

de si queda bonito o feo, solo de la estructura pula y dura. Le dice al navegador, oye, esto es 00:02:08

un titular, esto de aquí es un párrafo y aquí ponme una imagen. Es el armazón que lo sujeta 00:02:14

absolutamente todo. Después entra en juego el CSS. Si el HTML son los ladrillos y las paredes, 00:02:19

el CSS es el equipo de decoración y de interiorismo. Es el que llega y dice, vamos a pintar esta pared 00:02:25

de azul, este texto va a tener esta tipografía y dejemos un poco más de espacio aquí. Vaya, 00:02:31

que es el que se encarga de que todo tenga buen aspecto. Y por último tenemos a JavaScript. Esto 00:02:36

es la magia, la electricidad de la casa. Es lo que hace que las cosas pasen, que cuando pulsas un 00:02:41

botón ocurra algo, que amarezca una animación, que un mapa se mueva. En definitiva, le da vida, 00:02:46

le da interactividad a la página. O sea que la clave está en cómo trabajan juntos estos tres. 00:02:52

Hay que pensar que con HTML y CSS por sí solos lo que tenemos es algo estático, como si fuera una 00:02:57

foto o un folleto de papel. Puede ser muy bonito, sí, pero no se puede interactuar con él. Es 00:03:03

JavaScript el que lo convierte en algo vivo, en una experiencia dinámica. Pero bueno, todo esto 00:03:08

suena a que hay que ser un experto programador, ¿no? Pues la buena noticia es que hoy en día ya 00:03:13

no necesariamente. Han surgido un montón de herramientas, como si fueran herramientas 00:03:18

eléctricas de última generación, que nos lo ponen todo mucho más fácil. Por un lado están los CMS, 00:03:23

los sistemas de gestión de contenidos. El más famoso es WordPress, seguro que suena. Esto es 00:03:29

como comprar una casa prefabricada. Ya tienes la estructura base y solo hay que preocuparse 00:03:34

de decorarla y llenarla con el contenido, sin tener que tocar ni una sola línea de 00:03:38

código. Y luego están los editores Wysi Wysi G. Un nombre un poco raro que viene del 00:03:42

inglés de What you see is what you get, que significa lo que ves es lo que obtienes. Y 00:03:47

es exactamente eso. Con estas herramientas se van arrastrando y soltando elementos en 00:03:52

la pantalla y se ve cómo va a quedar al momento. Es súper intuitivo, casi como si estuviéramos 00:03:55

maquetando una revista. Perfecto, ya tenemos la casa construida, sea con código o con estas 00:04:00

herramientas. Pero claro, una casa no puede flotar en el aire. Necesita un terreno donde 00:04:06

estar y, por supuesto, una dirección para que la gente sepa cómo llegar. Pues en el mundo de 00:04:10

Internet ese terreno es el hosting. Es un servicio que se contrata para guardar todos los archivos de 00:04:15

la web en un ordenador siempre conectado. Y la dirección es el nombre de dominio, el famoso 00:04:20

www.loquesea.com. Son las dos piezas imprescindibles. Sin terreno y sin dirección, la casa es invisible 00:04:26

larga. Claro, porque se puede tener la casa más espectacular del mundo, con la dirección 00:04:34

más chula. Pero, si no aparece en el mapa, ¿cómo la van a encontrar? Y hoy en día 00:04:39

el gran mapa de Internet es, básicamente, Google. 00:04:44

El trabajo de Google, simplificándolo mucho, tiene tres fases. Primero, sus arañas o bots 00:04:48

no paran de recorrer Internet para descubrir páginas nuevas. 00:04:53

A eso se le llama rastreo. 00:04:56

Segundo, todo lo que encuentran lo analizan 00:04:58

y lo guardan en una biblioteca gigantesca. 00:05:00

Eso es la indexación. 00:05:02

Y tercero, y lo más importante, 00:05:03

cuando alguien busca algo, 00:05:05

su algoritmo decide qué páginas son las más relevantes 00:05:06

y las ordena. 00:05:09

Por eso no solo importa que Google te encuentre. 00:05:10

Lo que importa es que te ponga el primero. 00:05:12

Y ya para terminar, un punto que a veces se olvida. 00:05:14

Hemos construido la casa, la hemos puesto en el mapa 00:05:17

y ya está. 00:05:19

Pues no. 00:05:20

Igual que una casa de verdad, 00:05:21

una web necesita mantenimiento. No se puede construir y abandonar a su suerte. Y mantenerla 00:05:22

significa muchas cosas. Significa actualizar el contenido, que no se quede anticuado, reparar 00:05:27

enlaces que se hayan roto, optimizar que cargue rápido, que nadie tiene paciencia. Y algo que 00:05:33

hoy es vital, asegurarse de que se ve perfectamente en un móvil. Una web que no se cuida es como una 00:05:38

tienda con el cartel de cerrado en la puerta. Al final, como hemos visto, crear una web es 00:05:44

una mezcla de muchas cosas, de estructura, de diseño, de funcionalidad, pero lo más 00:05:48

interesante de todo es que hoy en día las herramientas para hacerlo están al alcance 00:05:54

de cualquiera. Cualquiera puede construir su propio rincón en Internet. La gran pregunta 00:05:57

ahora es ¿qué se va a construir en ese rincón? ¿Qué historia se va a contar? 00:06:02

Mantenimiento de la página web - Contenido educativo

Del mismo autor…

Programa con Scracth Jr unos fuegos artificiales.

Vídeo: Reto Nezha Jardinero

Lengua I Tema 2 Clase 28 20260111 - Propiedades textuales: repaso y ejercicios

Invasores Invisibles

Programa un juego de saltos con Scratch Jr y añade la emoción del deporte

La Battalla por tu comida

LUCES