SESIÓN 4: JavaScript - Páginas Web

 📧En esta tercera práctica (Martes, 7 de Marzo) crearemos un archivo .js, donde pondremos funciones que usaremos en una página web. Haciendo uso de conocimientos aprendidos en clases anteriores:

   
    Para comenzar crearemos una carpeta con: el archivo .html del código (Mipagina.html), las funciones en un archivo .js (javascript.js) y tres variantes en tres .css (estilo1.css, estilo2.css y estilo3.css) diferentes para poder jugar con los gráficos, colores, formas de la web, etc.

    Archivos CSS:



Estilo 1



Estilo 2



Estilo 3

    El último paso será subir los 5 archivos a un servidor gratuito donde podremos interactuar con la web. En este caso he utilizado Webhost. Con este enlace podrás acceder a dicho servidor y ver cómo ha quedado mi web.

    ¡Hasta la próxima!🙋

Comentarios

Publicar un comentario

Entradas populares de este blog

SESIÓN 8: Realidad Aumentada

Imagen
  📧Esta séptima práctica (Martes, 11 de Abril)  ha sido explicada por el grupo del que formo parte. Hemos trabajado con la Realidad Aumentada:     En la propuesta que voy a realizar convertiremos una imagen en vídeo, haciendo así que la interacción con el producto a mostrar sea más interesante. Para ello usaremos la aplicación AlboomAR.      Estos son los pasos a seguir:      1º Entrar en la página de AlboomAR en el siguiente enlace https://www.alboompro.com/es/products/ar/, y creamos una cuenta gratuita.       2º Nueva colección.       3º Subimos la foto con la que queramos que se active el vídeo, y su vídeo correspondiente.       4º Compartimos enlace y código identificativo.       5º Descargamos AlboomAR en el móvil y nos metemos en el enlace que anteriormente habíamos compartido. Una vez dentro, nos aparecerá una cámara, esta identificará la imagen que habíamos subido si se encuentra en su campo de visión.       6º Automáticamente aparecerá el vídeo que queríamos relacionar con
Leer más

SESIÓN 7: Unity

Imagen
   📧Esta secta práctica (Martes, 28 de Marzo)  ha sido explicada por el tercer grupo de compañeros, en ella hemos trabajado con un software nuevo para nosotros, desarrollo de videojuegos: Unity.     Lo primero es crear un proyecto en el que trabajaremos. Una vez hecho este paso, crearemos, un objeto vacío al que llamaremos player (en el que introduciremos una cápsula) y un plano:     Teniendo player seleccionado, nos iremos al lado derecho de la pantalla donde al pinchar en Add Component podremos escribir y seleccionar CharacterController.     En Asset crearemos un archivo Script C# en el que copiaremos el documento descargado del campus PlayerControllerDesplazamiento.css , este lo arrastraremos a la línea que hay justo encima de Add Component. Rellenando los datos de la siguiente manera:     Por último, añadimos obstáculos (de la misma manera que añadimos el plano, en 3D Object) que nuestro personaje tendrá que esquivar, y damos play para probar el juego. El mío ha quedado así:    
Leer más

ACTIVIDAD SEMANA CULTURAL

Imagen
 📧Esta práctica tampoco es como las demás, el CUMe por su semana cultural ofertó varias actividades con mucha variedad; desde catas de cava, juegos como el Lásertag o charlas y cursos.     Yo asistí a un curso de impresión 3D en el FabLab:     En él nos enseñaron los conceptos básicos para saber manejar impresoras 3D, así como preparar los archivos en CAD para una correcta ejecución, con aplicaciones como Cura o PrusaSlicer. Esto me será muy útil a la hora de realizar maquetas, y sobre todo de cara al año que viene, para el TFG. Creo que saber sobre este tema es algo fundamental que todo diseñador debería aprender. Nos vemos en la siguiente práctica.🌺
Leer más