Entradas

Mostrando entradas de marzo, 2023

SESIÓN 6: Bootstrap

Imagen
   📧Esta quinta práctica (Martes, 21 de Marzo)  ha sido explicada por el segundo grupo de compañeros, en ella hemos trabajado con Bootstrap para realizar un portfolio:           Para ello, y tras crear una carpeta en la que iremos añadiendo todos los archivos, modificaremos el código HTML, añadiéndole nuestros datos, nombres y demás información. Este archivos y las fotos utilizadas en los carruseles irán dentro de la carpeta que subiremos al servidor WebHoost000 para poder verlo.     Si queréis ver cómo ha quedado mi portfolio, podéis pinchar aquí .     ¡Nos vemos la semana que viene!🌷

SESIÓN 5: Webs 3D

Imagen
  📧Esta cuarta práctica (Martes, 14 de Marzo)  ya ha sido explicada por el primer grupo de compañeros, en ella hemos aprendido a realizar webs 3D, sirviéndonos esta de portfolio personal para mostrar nuestros proyectos.     Para hacerla yo he seleccionado el método 1, que es relativamente parecido a la práctica realizada la semana pasada.  👇      Para ello he creado dos archivos con el mismo nombre pero diferente extensión. El primero .html ( El portfolio de Elena.html ) y el segundo .css ( El portfolio de Elena.css ) con sus respectivos códigos. Ambos archivos los meteremos en una misma carpeta, junto con el vídeo (.mp4) que queramos añadir al fondo de nuestra web. De esta manera y subiéndolo todo al servidor podremos visualizar el siguiente resultado:      El resultado es un vídeo de fondo que se reproducirá en bucle mientras leemos e interactuamos con el resto de la web, esta vez sólo es un ejemplo pero lo podemos implementar en webs más complejas. Aquí puedes acceder a la página

SESIÓN 4: JavaScript - Páginas Web

Imagen
  📧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!🙋

SESIÓN 3: Hojas de estilo - CSS

Imagen
  📧La segunda clase teórica (Martes, 28 de Febrero) la hemos dedicado a aprender y practicas con diferentes hojas de estilo (CSS) y las diferentes formas de modificar el estilo de un archivo .html:      Aquí presento el resultado del .html con el que voy a trabajar y su respectivo código .css: 👇         Y he aquí el resultado de la modificación del estilo con código CSS incluido:      En el HTML únicamente se ha modificado el nombre de la web, sin embargo, en el CSS se han cambiado principalmente tamaños y colores.     Por último, os dejo aquí el enlace al blog de la asignatura.      ¡Nos vemos pronto!🌺