JUGANDO CON JAVA

En esta pequeña práctica, jugaremos con java para hacer nuestra página algo más dinámico y activo.

Ya hemos visto como HTML nos ayuda a insertar el contenido de nuestra página y como CSS modifica el estilo y formato de dicho contenido, ahora llega el momento de hacer que nuestra página pueda interactuar con el usuario, para ello usaremos Java.

Java es un lenguaje de programación, el cual nos ayuda a programar el comportamiento que va a tener nuestra página a través de un script.

¿Cómo aplicamos java a nuestro contenido?

  1. Debemos crear un archivo .js el cual va a contener las ordenes de comportamiento para nuestra página.
  2. Debemos hacer referencia a nuestro archivo .js desde nuestro HTML para que este pueda acceder a sus ordenes.
  3. En caso de que cambiemos nuestro formato con diferentes archivos .css debemos crearlos y hacer referencia a ellos desde nuestro archivo .js
En resumen, tendremos tres archivos principales:
  • .html con nuestro contenido.
  • .js con nuestras ordenes.
  • .css con los diferentes estilos y formatos.

¿Qué cambios hemos realizado en nuestra página?

La página a la que vamos a incorporar java es la pagina original.
Una vez realizados los cambios, tenemos la pagina siguiente.

Como podemos comprobar, los cambios realizados son:
  1. Incorporamos una "etiqueta" la cual cambia de color y lleva a través de un vínculo a nuestro blog principal una vez pulsada. 
  2. Barra de buscador.
  3. Cambios de estilos.
  4. Cambio de header o cabezera.
  5. Alertas.

Comentarios

Publicar un comentario

Entradas populares de este blog

Imagen
UNREAL ENGINE Unreal es un entorno de desarrollo, que incluye todas las herramientas necesarias para construir un juego o simulación. Consiguiendo unos renderizados de muy alta calidad y en un gran abanico de usos, como pueden ser juegos, arquitectura, diseño de transportes, transmisión en vivo, cine, etc. En mi caso, recuerdo jugar al Unreal Tournament, un juego en primera persona basado en la conquista de banderas el cual utilizadaba el motor gráfico de unreal. Además, Fortnite, uno de los juegos más conocidos actualmente también lo utiliza, no solo para el juego en sí, sino que diferentes artistas lo han utilizado como medio de transmisión en directo. Dj's como deadmau5, Steve Aoki o Dillon Francis han transmitido conciertos en directo desde el juego, aqui os lo dejamos por si quereis verlo. Esto, es solo uno de tantos usos y aplicaciones que tiene Unreal Engine, para nosotros los diseñadores puede tener usos  muy interesantes como simulador y animador, consig
Leer más
Imagen
Realidad aumentada La realidad aumentada como herramienta de comunicación entre lo virtual y el mundo real. En esta parte del temario nos hemos centrado en la realidad aumentada, esa herramienta que nos permite pasar objetos virtuales al mundo real, su origen, características, usos y como funciona. Para comprenderla de una manera más didáctica, hemos realizado una pequeña práctica en la que con ayuda de un código html, un marcador y la una biblioteca de realidad aumentada en la web (AR.js), conseguimos con la cámara de nuestro ordenador pasar una figura simple a la realidad e interactuar con ella.  En mi caso he modificado: Figura: Cono Color: Verde Posición, desplazada hacia la derecha, para poder ver si en el marcador de nuestro móvil se provocan reflejos producidos por el brillo del ordenador. Código final, con los cambios marcados: <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script> <script src="https://c
Leer más
Imagen
Herramientas de Audio, video y Web3D En esta practica seguimos añadiendo conocimientos sobre el universo web, en este caso herramientas para manipulación de audio, vídeo y modelos 3D. Hasta ahora hemos estado viendo diferentes maneras de crear, modificar y manipular paginas web y archivos en ella, llega el momento de introducir en ellas algo mas de vida, en este caso aprenderemos a insertar archivos en 3D para poder visualizarlos y manipularlos desde la web. Para conseguir este objetivo, nos ayudaremos babylon, una herramienta que nos permite trabajar sobre WebGL, añadiendo archivos 3D y de audio a la visualización, es una herramienta útil ya que tiene infinidad de plugins con los que podremos cargar diversos tipos de archivos 3D, además de tener gran cantidad de información sobre su manejo y uso. Empecemos. Para realizar esta practica hemos añadido un código base que después iremos modificando para conseguir nuestra propia forma. Este código base esta formado de:
Leer más