Práctica 4 – Interactividad y Dinamismo con JavaScript

Práctica 4 – Interactividad y Dinamismo con JavaScript

En esta cuarta práctica de la asignatura Sistemas de Comunicación Multimedia, hemos creado una página web interactiva combinando HTML, CSS y JavaScript.

El objetivo principal ha sido introducir funcionalidades dinámicas como:

  • Mostrar mensajes de bienvenida automáticos
  • Alertas emergentes y entradas personalizadas mediante prompt()
  • Efectos visuales como texto parpadeante (blink)
  • Botones que cambian el estilo visual de la página en tiempo real
  • Interacción con el usuario mediante funciones JavaScript externas

Además, se han creado tres hojas de estilo (estilo1.css, estilo2.css y estilo3.css), que el visitante puede cambiar desde la propia web. Esto permite experimentar con diferentes esquemas de color y estructura sin recargar la página.

Captura de la página

Captura de la práctica 4

👉 Puedes visitar la página terminada desde el siguiente enlace: Acceder a la práctica 4 publicada

Esta práctica representa un paso hacia la construcción de sitios web dinámicos y centrados en la experiencia del usuario.

Comentarios

Publicar un comentario

Entradas populares de este blog

Sesión 11 – Aplicaciones móviles con App Inventor

Imagen
Sesión 11 – Creación de aplicaciones móviles con App Inventor La sesión número once fue dirigida por las compañeras María del Carmen Casati y Virginia Fernández Blanco , y estuvo enfocada en el uso de MIT App Inventor , una herramienta gratuita en línea que permite desarrollar aplicaciones móviles de forma sencilla mediante programación por bloques. Durante esta práctica, los participantes aprendimos a diseñar y programar una aplicación básica: al pulsar un botón, se muestra un mensaje personalizado en pantalla. Esta actividad sirvió como introducción al pensamiento lógico y la programación visual.  Aplicación desarrollada Como parte de la práctica, hemos creado una aplicación en la que, al pulsar un botón, aparece el mensaje: "HAS PULSADO EL BOTÓN DE CAMPEÓN DE LIGA, Visca el Barça!" A continuación se muestran los bloques de programación utilizados: Instala y prueba mi app Para poder compartir el enlace y el Qr de mi apk, he tenido que subir estos a mi Google...
Leer más

Sesión 5 – Creación de una web con Wix

Sesión 5 – Creación de una página web en Wix En esta quinta sesión, dirigida por las compañeras Clara Martín Azabal e Irene Muñoz Melgar , se nos propuso una actividad práctica centrada en el diseño y publicación de una página web utilizando la plataforma Wix.com . Para guiarnos durante el desarrollo de la práctica, las compañeras elaboraron una página propia donde explican detalladamente los pasos necesarios para completar la actividad. Puedes consultarla haciendo clic en el siguiente enlace: Guía de la práctica – Página de Clara e Irene En esta práctica, cada estudiante debía crear su propia web con una temática libre, aplicando los conocimientos adquiridos y explorando las herramientas que ofrece Wix para personalizar tanto el contenido como el diseño. Enlace a mi página en Wix: Visita mi página web personal
Leer más