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...
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
Hoy hemos dado un paso importante en nuestro proyecto al integrar un modelo 3D interactivo de una casa en nuestra página web. Gracias a la tecnología WebGL y al uso del formato .glb , ahora los usuarios pueden explorar la vivienda desde cualquier ángulo, directamente desde el navegador y sin necesidad de instalar software adicional. Para lograrlo, creamos una página HTML e incorporamos el visor model-viewer , el cual permite visualizar modelos 3D de forma sencilla e intuitiva. Subimos el archivo habitación.glb (la representación 3D de la casa) a un servicio en la nube y lo enlazamos a nuestro visor web. Con esta integración, conseguimos que cualquier persona pueda interactuar con el modelo de la casa de manera fluida, acercándose, girando la vista y apreciando todos los detalles del espacio. Visualizador 3D - Porsche Habitación en 3D
Comentarios
Publicar un comentario