lunes, 27 de marzo de 2017

Herramientas de audio y vídeo

En esta práctica utilizamos Youtube como herramienta de edición de vídeos y Soundation como creadora de distintos efectos de sonidos.

El objetivo era editar vídeos en Youtube desde tu canal y me parece muy sencillo, ya que te proporciona todos los vídeos y música que puedes utilizar, solamente se trata de crear el vídeo como el usuario desee y agregar la música favorita. Les dejo un link del vídeo que edite: https://youtu.be/XQ7D0WO0OYk. También pueden encontrar un gadget con mi vídeo.


Soundation es una página web que te permite editar diferentes audios y efectos de sonidos. Editar audios aquí es sencillo gracias a su facilidad de uso y su variedad de música que puedes encontrar en esta aplicación. Les dejo el link del audio que edite: https://soundation.com/player/dglj0. Así, como pueden encontrar un gadget del lado derecho de mi blog.



Bootstrap

En esta práctica utilizamos la herramiento Bootstrap como herramienta para la creación de una página web. Bootstrap es una página que permite crear interfaces web con CSS y JavaScript, una de sus características es que el sitio web se adapta automáticamente al tamaño de una PC, una tablet u otro dispositivo. Ésta técnica de diseño y desarrollo se conoce como diseño adaptivo.

Esta herramienta me pareció muy sencilla de utilizar ya que solamente hay que descargar los archivos y elegir una plantilla para la página web. A partir de esto, se empieza a modificar el archivo HTML. 

Lo que modifique de la plantilla fue el fondo del encabezado, las imágenes de los elementos circulares y algunas palabras.

Plantilla


Página modificada


martes, 14 de marzo de 2017

JavaScript 2.0

El objetivo de esta práctica fue comprender las distintas funciones y poder aplicarlas en nuestra página web. Esta práctica consistió en agregarle más funciones a nuestra página web. 

Se creó un archivo JavaScript y creamos funciones como crear alertas, mostrar mensajes, etc. Agregué otro botón más para cambio de estilo en la página web, otros dos botones de cambio del header y uno más para pulsar la alerta. También se agregó un texto que dice "Click me!" y al momento de presionar te manda a mi blog.





lunes, 13 de marzo de 2017

JavaScript 1.0

En la práctica de la semana aprendimos acerca del lenguaje JavaScript, el cual se define como un lenguaje que interpreta el cliente por el navegador y se utiliza para programar el comportamiento de un sitio web, cuyo código se puede incluir directamente en el mismo documento HTML.
Este lenguaje me parece muy interesante, es un lenguaje dinámico, ya que cuenta con algunas aplicaciones como pulsar un botón, mostrar mensajes, animaciones, etc.

Lo que realicé en la práctica fue cambiar el estilo de la página web, al dar clic en el botón "Cambio de estilo" cambia el color del fondo y el tipo de letra. Al darle clic en el botón "Estilo inicial" la página vuelve a cómo estaba antes. Adjunto imágenes para que puedan visualizar mejor mi trabajo.

Cambio de estilo



Estilo inicial