CSS y JavaScript

CSS (Hoja de estilo en cascada) describe cómo los elementos HTML se visualizaran en la pantalla.

Una hoja de estilo es un conjunto de propiedades de formato, reglas de definición y aplicación, siendo mas potentes y cómodas, permitiendo la definición de diferentes estilos para la misma página web.

En cuanto a la parte práctica, creamos nuestra página web siguiendo el estilo que mas nos guste y cambiando letras, colores, enlaces, fondos...

Tras crear nuestra página web, nos quedará un último paso, que será alojar nuestra página web en un servidor gratuito.

En este caso, hemos utilizado webhost. Es un hosting muy sencillo en el que realizaremos los siguientes pasos:

1. Registrarse.

2.Arrastrar los archivos HTML y CSS.

3. Copiar el enlace.

Por otra parte, hablaremos de JavaScript. Este es un lenguaje de programación que nos ayudará con el control del comportamiento de una página web "<script>". Se basa en una secuencia de ordenes que puede ser ejecutado por un cliente web desde su navegador y visualizar el documento que está contenido.

De momento, los mas usados son JavaScript y VBScript, que junto a HTML, hace que estos sean mejores en su contenido.

JavaScript es un lenguaje que puede llegar a generar las siguientes apps:

-Un botón.
-Calcular en tiempo real.
-Formularios dentro de una página.
-Animaciones.
-Personalizar páginas web.
...

En nuestra página hemos podido introducir mensajes, enlaces y botones con las diferentes opciones propuestas en clase.

Aquí os dejo una pequeña prueba de la realizada por mi (pincha aquí).

Adobe Clip

Es un día mas en la Guarida, ya que hoy os voy a mostrar una app con la cual podemos montar vídeos, añadiendo la melodía, textos... que nos apetezca. Esta aplicación móvil, la podemos utilizar tanto en Android como en iOS. Es muy sencilla e intuitiva de utilizar, y le podemos dar diversos usos, desde una presentación formal, hasta un vídeo por mero entretenimiento. Sin mas preámbulos, os dejo por aquí uno que he editado con esta app sobre el centro universitario de Mérida, espero que lo disfrutéis y os resulte interesante:

Unity

Bienvenidos de nuevo a la Guarida, en el día de hoy vamos a hablar de una app para la creación de motores gráficos. Su nombre es Unity, a la que podéis acceder para su descarga pinchando aquí.

Empezaremos creando un marcador con cualquier imagen, la cual subiremos a la app como marcador, para hacer un pequeño experimento posteriormente. En mi caso el marcador elegido ha sido el siguiente:



Después de descargar e instalar Unity en nuestro dispositivo, nos adentramos en la página de Vuforia, dónde nos registraremos, puedes hacerlo pinchando aquí. En esta página crearemos una base de datos, donde se encontrarán nuestros marcadores.

Mediante unos ajustes predeterminados, sincronizamos Unity y Vuforia. A partir de aquí, podemos importar los modelos 3D que deseemos, añadiéndoles su marcador correspondiente.

Para finalizar editamos tamaño, grado de visualización... con el que queramos que se muestre nuestro modelo 3D.

En mi caso, elegí "skeleton", y el resultado fue el siguiente: