html y css (si se pudo).

abril 15, 2025

Con el objetivo de conocer la composición de los lenguajes de programación HTML y CSS utilizados para crear páginas web, se nos encomendó desarrollar una web simple que incluya los siguientes recursos:

un elemento h1
un elemento h2 con un color definido
un texto de párrafo
un enlace externo (a otro sitio web)
una imagen que ya esté subida a la web o un recurso multimedia incrustado (video, audio, otro)
una segunda página enlazada a la primera
estilos para los enlaces
un div con definición de color de fondo y estilo de borde
2 tipografías de Google (en h1 y en p)

Teniendo esto en cuenta, y recibiendo ayuda de dios (ChatGPT), logré desarrollar mi web. Atención, porfis: Tuve que rehacer la web ya que w3spaces suspendió la anterior debido a un exceso de visitas en el espacio y solicitudes de archivo. Así que, si les interesa el código, se los dejo copiados en este documento de google para que entren con el mail institucional. No lo saquen directamente de la web que no tengo más mails para iniciar sesión y empezar de cero, gracias. ;;;

━━━━⊱⋆⊰━━━━

Como bien dije, solicité ayuda de una IA para desarrollar principalmente los detalles agregados como el block de notas y la caja sorpresa con la intención de darle un toque personalizado a la misma. Les dejo algunos prompts que usé:

"¿Cómo puedo agregar un efecto en el cursor que simule destellos suaves cuando el usuario pasa el mouse por la página? Quiero que se vea un pequeño círculo que se expanda y se desvanezca."

"¿Cómo puedo hacer un block de notas interactivo para que el texto que el usuario escriba se guarde temporalmente y luego se recupere al cargar la página? (Si es posible, usando solo HTML y CSS básico)."

"¿Cómo puedo crear una caja sorpresa en HTML y CSS que se muestre en la esquina de la página? Quiero que tenga un botón que abra una pequeña caja que revele un mensaje o una imagen/gif cuando se haga clic."

"¿Cómo puedo hacer que mi título y subtítulo tengan un suave efecto de brillo o resplandor cuando paso el mouse sobre ellos, de modo que parezca que se iluminan sin hacer un cambio drástico en el color? Quiero que este efecto se vea delicado y sutil."

━━━━⊱⋆⊰━━━━

En cuanto al resto, fue tomando forma durante el proceso, a medida que aparecían nuevas ideas y mientras revisaba tanto mi propio material teórico como los recursos brindados en el curso. Sinceramente, crear esta web implicó varias idas y vueltas, intentos y correcciones, por lo que no recuerdo en cuál de todos los delirios surgieron ciertas decisiones. Sin embargo, considero que, en líneas generales, se ajusta a lo solicitado.