Practica 5.2: Audio y Vídeo

En la práctica propuesta tenemos que crear un video en Youtube y un audio en Soundation, la complicación es mínima y no requiere mucho tiempo.

 Video en Youtube

-Para poder usar los servicios que nos ofrece Youtube tendremos que crearnos un perfil e iniciar sesión gratuitamente. Lo siguiente que debemos hacer es dirigirnos al apartado
"crear" para empezar a editar nuestro video.

-Las opciones de personalización son casi infinitas, youtube te cede imágenes y vídeos que podemos usar libremente, además de contar con la opción de subir nuestras propias obras.

-Insertamos los planos que queremos que se sucedan e introducimos una pieza musical, nuestro vídeo esta completo.

Audio en Soundation

Los pasos a seguir con esta herramienta son muy similares a los que hemos visto con Youtube.

Una vez registrados gratuitamente, nos dirigimos a Studio, donde podemos encontrar las pistas y sonidos que conformarán nuestro trabajo. Una vez elegida la combinación de sonidos ganadora publicaremos nuestra canción.

Práctica 5.1: Bootstrap

Bootstrap es una herramienta que nos pone a nuestro alcence una gran cantidad de códigos para elaborar propios sitios web:

 Para empezar a usar Bootstrap y llevar a cabo nuestra práctica debemos seguir estos pasos:

- Descargar Bootstrap, esta descarga consta de tres carpetas (css,fonts, js)

-Elegiremos uno de los múltiples ejemplos que encontramos en la página y descargaremos su código html.
-Una vez tengamos los códigos podemos modificarlos a nuestro antojo, añadir fotos, cambiar colores etc.

Práctica 4: Ampliación de JavaSript

En esta práctica hemos dado un paso más allá en el uso de JavaScript. En la práctica anterior introducimos JavaScript en nuestro archivo.html, en esta sesión hemos aprendido a crear un archivo .js donde configuraremos las funciones que queremos usar en nuestra página.

- Lo primero que debemos hacer es mencionar a este archivo .js en nuestro documento .html, yo lo he llamado javascript.js:

<script src="javascript.js"></script>

- El segundo paso es elegir la función que queremos que lleve a cabo nuestra página.

  En mi caso voy a colocar un cartel llamativo que sirva de enlace a nuestro blog:

<script type="text/javascript"> 

window.setInterval (BlinkIt, 500); 

var color = "red"; 

function BlinkIt () {

 var blink = document.getElementById ("blink"); 

color = (color == "#ffffff")? "red" : "#ffffff";

 blink.style.color = color; 

blink.style.fontSize='36px';} 

</script>

<div id="blink" onclick="parent.location='http://scm-cum.blogspot.com.es/'"> 

BLOG!</div>

-También he añadido un mensaje agradeciendo la visita a mi página web:

</div>

Selecciona algo del texto: <input type="text" value="Gracias por visitar!"

onselect="myFunction2()">

Nota: La web  mipropia.com tiene límite en el tamaño de los datos que podemos subir, esto nos impide personalizar nuestro blog en mayor medida.

Práctica 3: JavaScript

JavaScript nos permite modificar el comportamiento de una ubicación web, en nuestra prática vamos a proceder a cambiar el estilo de nuestra página web con tan solo pulsar un botón.

Modificaciones que hay que realizar en el archivo index.html:

1.- Hay que añadir un identificador al link del estilo que vamos a usar por defecto. Le podéis poner el nombre que queráis, en mi caso le he puesto "estilo"

 2.- En el head del index.html insertaremos un script con una función con el nombre que queráis, en mi caso se llama "cambio"

 3.- Por último, en el body del index.html añadiremos un botón, cuya etiqueta le he puesto "Cambio de estilo" y que al hacer click, llamará a la función cambio, pasándole como argumento el nombre del nuevo archivo css que hemos creado.

4.- Haremos lo mismo pero a la inversa para volver al estilo original creando un botón que yo he llamado "Vuelta al estilo"

Este ha de ser nuestro resultado final:

http://emiweb25.mipropia.com

Microsoft presenta la Realidad Virtual combinada con Realidad Aumentada

http://www.somosxbox.com/microsoft-presenta-la-realidad-virtual-combinada-realidad-aumentada/735038

Práctica 2: Introducción a JavaScript

Con el objetivo de crear nuestra propia página web, iniciaremos sesión en Hostinger. Esta pagina nos cede el control de un dominio gratuitamente, que nos permitirá alojar nuestra página web. En este dominio subiremos nuestro archivo .HTML y un archivo CSS, en este último realizaremos los cambios en el estilo de nuestra página.

NOTA: La página presenta un problema temporal en la herramienta "Administrador de archivos", por esto nos vemos obligados a proceder a la subida de los archivos con "Administrador de archivos 2", con esta herramienta es necesario descargar  el programa FileZilla haciendo el proceso mas costoso.

En los cambios realizados destacamos el cambio del color de fondo: #7309b8, #521459.
 Y el cambio de letra a Arial.

FileZilla presenta problemas a la hora de modificar archivos ya subidos a nuestro Host.

Enlace de mi página web: http://emilioweb25.esy.es

ACTUALIZACIÓN 08/03/2017
Dados los problemas anteriores con la subida de archivos en Hostinger, me es imposible efectuar los cambios de la práctica 3 en nuestra web, por esta razón he creado otra web gracias al dominio proporcionado por mipropia.com.

Nueva web: http://emiweb25.mipropia.com

Archivo

Práctica 1: HTML

Debemos modificar el código HTML de nuestro blog, realizaremos una modificación sencilla y de rápida aplicación.

Para ello debemos situarnos en la pestaña "Tema" dentro del menú del blog. A continuación accedemos a "editar HTML", como no nos exigen una modificación concreta podremos elegir el elemento a modificar, en mi caso será la cabecera, el título del blog. Para ello modificaremos el estilo del texto en la cabecera, mi elección será centrar el título. 

Introduciremos el código a continuación de "<head>", ya que es este elemento el que queremos modificar.

Para referirnos al estilo del texto introducímos "<style>", seguido del nombre del estilo a modificar "h1"

Una vez que hemos definido el elemento a modificar introducimos la modificación, el código para centrar el texto: " { text-align: center;}"

Cerramos la modificación del estilo de texto con "</style>"

Si hemos introducido los códigos correctamente no debería haber ningún error.

Código HTML modificado.

Esta ha sido una modificación básica, sin embargo con el código HTML podemos modificar todos los elementos que se encuentran en nuestro blog y en cualquier página web.

Primeros pasos

Os doy la bienvenida a mi blog para la asignatura de Sistemas de Comunicación Multimedia. En este espacio llevaré a cabo las prácticas y ejercicios planteados en la asignatura, al igual que publicaré y comentaré noticias relacionadas con esta misma. 

Espero que os resulte interesante.

http://www.raffles.edu.au/courses/multimedia-design.html