Sesión 3. HTML y CSS

-

 Archivo HTML sin aplicar ningún estilo:

Una vez guardado el archivo "final.css" nuestra página web se ve así:



Se ha creado un estilo nuevo llamado "estilo1.css" donde he modificado la tipografía, el color y el contenido de la página web. Así es como se ve: 


Para finalizar esta práctica me he dado de alta en el servidor 000webhost y he subido los archivos html y css modificados a mi gusto. En el siguiente enlace puedes ver como ha quedado mi pagina web:


Comentarios

Publicar un comentario

Entradas populares de este blog

Sesión 8. Realidad Aumentada

-
Imagen
La práctica  de hoy  a tratado sobre realidad aumentada. Para llevarla a cabo, hemos tenido que   registrarnos y descargarnos una app en nuestro dispositivo móvil (IOS) llamada Augment.  A continuación hemos cargado nuestro modelo 3D en formato .obj para poder visualizarlo correctamente en el programa, y una vez hecho esto, hemos visualizado dicho objeto en RA. En mi caso he optado por u n maniquí articulado también conocido como  Dummy,  una pieza de madera. A continuación se ve el proceso posterior al  registrarme  en la página  web y subido mi modelo . Capturas de la pantalla del móvil. Puedes pinchar aquí para ir a la página de mi objeto 3D :) También puedes escanear este código QR directamente desde tu app Augment:
Leer más

CARTEL SEMANA CULTURAL.

-
Imagen
 A continuación os muestro el cartel que hemos diseñado mi compañera María Carrasco y yo para la Semana Cultural del Centro Universitario de Mérida. Para la creación de este cartel hemos utilizado el programa Adobe Illustrator. En este cartel queríamos mostrar diferentes  objetos que reflejaran las actividades que se van a desarrollar esa semana y además algo icónico de Mérida (templo). 
Leer más

Sesión 7. Práctica Unity

-
Imagen
En esta práctica realizaremos un sencillo juego con la plataforma Unity. Consiste en la inclusión de elementos 3D usando este programa. Para comenzar, abriremos Unity y en un nuevo proyecto 3D haremos una cápsula, la cual yo he vuelto invisible ya que quería que mi player fuera un muñeco, tal y como se aprecia en el video. También añadiremos un plano a modo de escenario, al cual le he puesto una textura de  piedra, y una pared con textura de ladrillo que  es el obstáculo que nuestro player tiene que saltar y esquivar. Por último he añadido una cámara. Antes de incluir el código, debemos añadirle al player un componente llamado character controller. En nuestro primer script, que llamaremos "PlayerController", controlará la gravedad y el cómo se mueve el jugador.  A continuación se muestra un video de como funciona el mini juego diseñado.
Leer más