lunes, 27 de marzo de 2017

Soundation

Soundation es un editor de audio que funciona sobre una interfaz web desarrollada en Flash.
Dispone de un amplio catálogo de ejemplos gratuitos, ordenador por estilos. El editor permite guardar nuestras producciones tanto en MP3 como en WAV o difundirla a través de la red.


El audio se ha añadido como un gadget en la parte inferior izquierda del blog.

Crear vídeo con YouTube

Esta práctica tiene como objetivo editar un vídeo con la herramienta de edición de vídeos de YouTube, solo se necesita tener una cuenta de Google.
Para crear el vídeo se ha utilizado la opción "CC", que se encuentra en el editor de vídeo, y sirve para buscar vídeos dentro de YouTube con Licencia de Creative Commons, además de añadir un audio.
El vídeo creado se ha puesto como un gadget en la parte inferior izquierda del blog.

Bootstrap

Bootstrap es un framework, originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript. Su particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.
Los diseños creados con Bootstrap son simples, limpios e intuitivos. Esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.

En la práctica con Bootstrap hemos creado otra página web y para ello se han seguido los siguientes pasos:

  1. Acceder a http://getbootstrap.com/ y descargar los archivos (carpeta zip).
  2. Elegir la plantilla que más nos guste y le damos a "guardar como" de manera que se nos guardará un archivo html.
  3. Seleccionamos el elemento de la plantilla al que queremos añadirle una imagen y le damos a inspeccionar elemento. De esta forma sabremos en qué parte se sitúa la imagen que queremos cambiar y así será más fácil cambiarla en el archivo html.
  4. Por último subimos todos los archivos de la carpeta a hostinger, incluyendo el archivo html y la imagen que hemos cambiado.

jueves, 16 de marzo de 2017

Más sobre JavaScript

Anteriormente hemos visto que se han añadido a la página web tres botones lo cuales han sido incluidos en el archivo html mediante un script. En esta práctica se ha añadido otro script que muestra el mensaje "Click me!" y al pulsarlo nos dirige a este blog. Además se ha creado un archivo con extensión js y se han incluido varias funciones que añaden los siguientes objetos a la página web:
  • Un mensaje ("¡Hola!") que al seleccionar cualquier parte de él sale una ventana que indica que introduzcamos un nombre y apellidos. Esta ventana no se cerrará hasta que no escribamos algo, a continuación genera un texto en el que pondrá "Hola Nombre Apellidos! Como estas hoy?
  • Un botón ("Pulsame cambio") que cambia el estilo de la cabecera de la página web.
  • Un botón ("Pulsame alert!) que abre una ventana de alerta con el título "Hola clase!
  • Un botón ("Pulsame otro cambio header") que vuelve a cambiar el estilo de la cabecera por el original.
  • Un mensaje que se genera a los 5 segundos de entrar en la página web.


lunes, 6 de marzo de 2017

Práctica con JavaScript

Java Script es un lenguaje de programación que se utiliza principalmente para programar el comportamiento de un sitio web. Es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento html.

A partir de los archivos subidos anteriormente a hoostinger, html y css, se han vuelto a crear otros dos archivos con extensión css los cuales definen otro tipo de estilos. Mediante JavaScript se han añadido, al archivo html, tres botones con la siguiente función:

  • Cambio de estilo: al pulsarlo se cambia el estilo de la página.
  • Cambio de estilo: tiene la misma función que el anterior pero con otro estilo diferente.
  • Estilo original: al pulsarlo la página vuelve a tener su estilo original.



También se ha añadido otro botón que al pulsarlo se muestra una alert box.

jueves, 2 de marzo de 2017

Hojas de Estilos: CSS

CSS es un mecanismo que describe cómo se va a mostrar un documento en la pantalla. Se utiliza para dar estilo a documentos HTML y XML. Funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos.
Con la ayuda de Hostinger, que es un servicio gratuito que permite crear páginas web y tener donde alojarlas, se ha modificado una página y se han realizado los siguientes cambios:

  1. Se ha cambiado el color del fondo.
  2. Se han cambiado los tipos de letras.