DanieL MoVa

Explorar & Crear

Mi experiencia creando una página web

Página Web 2026-06-12

No recuerdo en que punto comencé a pensar en la idea de crear un pequeño rincón en en internet, lo que si recuerdo es buscar una y otra vez ¿Cómo crear una página web gratis?. Recuerdo tomar cursos o ver un tutorial y terminar con un HTML básico solamente con un "Hello World".

En una de esas búsquedas hace un par de años encontré: The Odin Project. Un curso muy bien estructurado, con muchísimos recursos (completamente en inglés) y lo más importante... GRATIS. En medio de las horas muertas de mi trabajo hacía una o dos lecciones todos los días y cuando me dí cuenta ya había acabado el curso inicial. Me sentía cómodo creando páginas HTML sencillas, generando documentos o carpetas desde la terminal y aprendiendo un poco de Linux pero viendo las páginas en Neocities me dí cuenta de lo mucho que me faltaba.

Necocities es un lugar lleno de creatividad hecha páginas web como: blamensir o Xsolimini. Encontrarme con esos ejemplos me dejó pensando en lo poco que entendía acerca del internet. Estas personas crean experiencias interactivas con puro código y mientras tanto yo no sé cómo hacer una barra de navegación persistente... De todos modos me lancé sin miedo a ver que podía conseguir como mis conocimientos y los recursos de Neocities.

Fué un proceso repetitivo, encontrar un termino o una herramienta que no conocía, buscar todo lo que pudiera acerca de ese tema y toparme con la triste realidad de que era muy complejo o no me servía para lo que quería hacer. Había muchos caminos posibles y todos requerían seguramente unos buenos meses de estudio para generar algo remotamente interesante y la verdad me daba mucha pereza dedicarle más tiempo a algo así.

Mi primer descubrimiento realmente útil fue encontrar 11ty y la magia negra que son los Static Site Generators o SSG para los parceros... En pocas palabras y con mi poco conocimiento: Son herramientas para mantener páginas web de una manera más sencilla. Ej: ¿Se acuerdan de hace un par de párrafos cuando dije que no sabía cómo hacer un menú de navegación persistente en toda la página? un SSG se encarga de eso. Tú solo escribes una vez tu encabezado, tu barra de navegación o la galería de fotos de tu perro con trajecitos chistosos y luego 11ty se encarga de poblar todas las páginas web que quieras con ese elemento. También se pueden hacer mil y un cosas más pero se escapan a mi comprensión mortal.

Ahora bien, sería mentira decir que leyendo la documentación entendí 11ty... Las páginas de documentación parecen textos de alquimia para ojos mortales como los míos... yo necesitaba algo escrito en común y por suerte me topé con Flamedfury un tutorial desactualizado que por alguna razón es la mejor guía que hay en el internet acerca de ese SSG. Tiene sus fallos como no explicarte cómo automatizar la actualización de la página pero para eso está !este otro tutorial!!! Sigues los pasos de esas dos guías (o solo de la última que lo contiene todo, de una manera mas tosca pero lo contiene) y tienes un sitio web funcional... Sencillo, no muy a tu estilo pero funcional.

En tema de personalización... LocalGhost, Daliwali, Twelve Men, Koilwood, Xsolimini, Strflr y sobre todo Nomnomnami. Fueron mi inspiración y mis recursos para hacer una página web atractiva. Oprimir f12 en cualquier página que te interese y ver que puedes extraer para la tuya (sin copiar y pegar el código directamente) es la manera más sencilla de entender realmente cómo funciona toda la IndieWeb por dentro.

Al final de todo este camino, después de luchar con CSS Frameworks, elegir que variante de color rojo me gusta más y dibujar elementos a mano me di cuenta de algo importante. Yo no empecé todo este proceso porque quiera expresarme a través de HTML y Javascript... Mi manera de expresión y por lo que quería tener una página web en un primer momento es escribir, dibujar, animar, etc. Quiero que esta página web se sienta viva por el contenido que suba, no por la calidad y la complejidad técnica detrás de la misma... No me tomen a mal, aprender un poco de programación me ha abierto muchas puertas y es divertido cacharrear con el código pero mi objetivo es que este lugar sea una vitrina acerca de las cosas que me interesan en este mundo. No sé en que punto pulir esta vitrina se convirtió en todo lo que podía pensar y quiero corregir eso.

Por el momento... esta es mi página web, sencilla, directa y a mi estilo.

HTML Comment Box is loading comments...