Bienvenida

Este sitio fue desarrollado como parte del seminario Lenguajes de Programación en la Maestría en Comunicación Digital Interactiva (UNR). Su objetivo es experimentar con HTML y CSS para construir una landing page, comprendiendo la lógica estructural y visual de la web.

A continuación encontrarás una selección de contenidos, un programa tentativo de temas, preguntas frecuentes y un canal de contacto. Todo el código está escrito con buenas prácticas de accesibilidad y diseño adaptable a móviles.

Ver contenidos

Contenido

HTML

Lenguaje de marcado utilizado para estructurar la información de una página web.

CSS

Hojas de estilo para definir el diseño visual y la presentación de los elementos.

Accesibilidad

El diseño web debe considerar la inclusión de todas las personas, promoviendo interfaces comprensibles y adaptables.

Afiche de la Maestría en Comunicación Digital Interactiva
Maestría en Comunicación Digital Interactiva — UNR

Programa

  1. Estructura base: HTML semántico

    Etiquetas, bloques, enlaces, imágenes, listas y navegación.

  2. Estilos: CSS esencial

    Variables, tipografías web, colores, cajas, espaciados y componentes reutilizables.

  3. Responsive & Accesibilidad

    Diseño fluido, media queries, contraste, focus visible, skip links y semántica.

  4. Optimización ligera

    Buenas prácticas: tamaños de imagen, carga de fuentes y reducción de movimiento.

Preguntas frecuentes

¿Cómo subo el sitio a Neocities?

Creá una cuenta, entrá a Edit Site y arrastrá index.html, estilos.css y tus imágenes.

¿Puedo cambiar tipografías y colores?

Sí. Editá las --variables en :root dentro de estilos.css.

¿Cómo se logra el difuminado de la imagen?

Usamos mask-image con gradientes, con fallback a un borde suave si el navegador no lo soporta.

Contacto

¿Comentarios o consultas? Escribime:

leolasala99@gmail.com

© 2025 Comunicación Digital Interactiva · UNR