Entradas

SESIÓN PRÁCTICA-9 RSS, INFOGRF, QR

Imagen
En esta práctica, el objetivo fue crear un código QR que contuviera una infografía informativa y visualmente atractiva. Comencé diseñando la infografía con herramientas como Canva , asegurándome de que el contenido fuera claro, visual y relacionado con el tema asignado. Luego exporté la infografía en formato de imagen. Una vez lista, subí la infografía a una plataforma de almacenamiento en la nube (Google Drive) y generé un enlace público. Con ese enlace, utilicé una herramienta online para crear un código QR que dirige directamente a la infografía. Como paso final, probé el QR con distintos dispositivos para asegurarme de que funcionara correctamente y pudiera visualizarse sin problemas. Esta práctica me permitió combinar diseño digital con tecnología interactiva de forma práctica y creativa.  

SESIÓN PRACTICA-5 DISEÑO PAGINA WEB

En esta práctica he creado un sitio web utilizando la plataforma Wix , una herramienta muy intuitiva que permite diseñar páginas web de forma visual y rápida, sin necesidad de tener conocimientos avanzados en programación. Sin embargo, para enriquecer el proyecto y aplicar lo aprendido, decidí añadir un bloque de código HTML personalizado , dándole estilo con Bootstrap , uno de los frameworks CSS más populares y versátiles. Diseñé la estructura básica del contenido en HTML, incluyendo elementos como títulos, párrafos, botones e imágenes. Lo podeis ver aquí:  sitio web en wix

SESIÓN PRÁCITA-4 JAVASCRIPT

 Este es el enlace a mi pagina web  pagina web

SESION PRACTICA-3 CSS

Introducción En esta entrada, compartiré mi experiencia modificando una página web utilizando CSS . Esta práctica forma parte de la asignatura Sistemas de Comunicación Multimedia (SCM) , donde trabajamos con hojas de estilo para mejorar la apariencia de una página web. El objetivo era: ✅ Aplicar modificaciones al diseño del sitio web. ✅ Añadir un selector de clase para personalizar elementos específicos. ✅ Incluir un enlace a mi blog. ✅ Subir la página a un hosting gratuito. ¿Qué es CSS y por qué es importante? CSS ( Cascading Style Sheets ) es un lenguaje que permite definir el estilo de una página web, separando la presentación del contenido. Con CSS, podemos cambiar colores, fuentes, diseños y hacer que las páginas sean visualmente atractivas sin alterar el código HTML. En esta práctica, trabajamos con un archivo externo de estilos llamado estilo1.css , lo que facilita la gestión del diseño en múltiples páginas. Modificaciones realizadas en el código 1️⃣ Cambio del tipo de letra y c...

SESION PRACTICA-2 HTML

Imagen
Sesión Práctica HTML Autor: Alba Domínguez Blanco En esta sesión practicaremos las etiquetas de HTML Este es un párrafo alineado al centro Este es un párrafo alineado a la izquierda      Sesión 2. Práctica HTML Listas Lista ordenada Herramientas páginas web Web 3D Redes sociales Audio/Video/Fotografía Inteligencia Artificial Realidad Aumentada Realidad Virtual Lista no ordenada Audio/Video/Fotografía Web 3D Redes sociales Herramientas páginas web Inteligencia Artificial Realidad Aumentada Realidad Virtual Tabla de horario Lunes Martes Miércoles Jueves Viernes Mañana 11:00 - 13:00 9:00 - 11:00 ---- ---- ...

HTML

Imagen
  Lenguaje html:  ¿Qué es el HTML? HTML es un lenguaje de marcado utilizado para estructurar el contenido de la web. No es un lenguaje de programación, ya que no tiene lógica ni funciones, pero es esencial para la creación de sitios web. Se complementa con: CSS (Cascading Style Sheets) : Define el diseño y la apariencia de la página. JavaScript : Añade interactividad y dinamismo. Gracias a HTML, se pueden crear desde páginas web simples hasta aplicaciones web complejas cuando se combina con otras tecnologías. ¿Cómo trabaja un documento en la web? Un documento HTML sigue una estructura básica que permite a los navegadores entender su contenido. Funciona mediante: Estructura básica : Cada documento HTML comienza con <!DOCTYPE html> , seguido de <html> , <head> , y <body> . Encabezado ( <head> ) : Contiene metadatos, enlaces a hojas de estilo CSS y scripts. Cuerpo ( <body> ) : Contiene el contenido visible de la página, como texto, imágenes, en...

FAVICON

Imagen
 Favicon. Información necesaria en la que podemos entender lo que es el favicon y como se realiza: obtenida a través de la inteligencia artificial ChatGpt.  ¿Qué es un Favicon? Un favicon (abreviatura de "favorite icon") es un pequeño ícono que aparece en la pestaña del navegador, en los marcadores y en otras partes de la interfaz web. Su función principal es ayudar a identificar visualmente un sitio web y mejorar su reconocimiento. Normalmente, es una imagen cuadrada de 16x16 píxeles o 32x32 píxeles , aunque algunos navegadores permiten resoluciones mayores. Herramientas para Generar un Favicon Aquí tienes algunas herramientas gratuitas y fáciles de usar para crear tu propio favicon: Favicon.io – Permite generar favicons a partir de imágenes, texto o emojis. RealFaviconGenerator – Crea favicons compatibles con todos los navegadores y dispositivos. Canva – Puedes diseñar un favicon con plantillas y luego descargarlo en formato PNG o ICO. Favicon Generator – Convierte i...