miércoles, 29 de marzo de 2017

HERRAMIENTAS VIDEO Y AUDIO

     En estas prácticas exploramos youtube y soundation, la primera creadora de vídeos y la segunda una página web en donde puedes crear diferentes efectos de sonidos. 

     El objetivo era conocer un poco más de estas herramientas. Youtube como sabemos es de las páginas web más famosas para compartir y crear vídeos, lo que realizamos fue crear uno desde tu canal y resulto demasiado sencillo. Mi ejemplo se encuentra en un gadget de lado derecho. 


     Soundation contiene miles de sonidos gratuitos con el que puedes crear el tuyo de una manera súper sencilla, le das clic en studio y elijes los sonidos que más te gusten, los arrastras a la parte central de la página web y creas tu combinación, lo último que tienes que hacer es guardarlo y compartirlo. Mi ejemplo se encuentra en un gadget de lado derecho. 

Interfaz de soundation: 

lunes, 27 de marzo de 2017

BOOTSTRAP

     Bootstrap permite crear interfaces web con CSS y JavaScript, añadir funciones y cambiar los estilos de la página. 

     En esta práctica elegimos una plantilla desde Brootstrap y la guardamos para poderla modificar por medio de los archivos HTML, CSS y JavaScript.

     Yo elegí la platilla de Cover, que se ve así antes de hacerle modificaciones: 


     Las modificaciones que hice fueron el cambio de los textos; ¿Cómo lo hice?: Seleccione el texto, le di clic derecho- inspeccionar- copie la dirección que me dio- abrí el archivo HTML- edición- buscar- pegue la dirección y me manda directamente al mando, a continuación sólo cambio los textos y guardo. 

     Para cambiar el fondo: Damos clic en cualquier parte de la pantalla-inspeccionar y direcciona a lo siguiente: 


Buscamos en las carpetas descargadas la extención cover.css:27 y buscamos el background dentro del <body>: 

Y el resultado es: 

domingo, 26 de marzo de 2017

FUNCIONES DE LA PÁGINA DE PRUEBA UTILIZANDO JavaScript

En este apartado veremos las funciones que podemos agregar a una página web por medio de un archivo JavaScript.

Para esto realizamos un archivo con extensión .js, en este archivo incluiremos todas las funciones que serán llamadas desde el HTML.

Hubo un problema con Hostinger que no permitió que subiéramos más archivos a la web, por este motivo presento el funcionamiento de los botones por medio de capturas.

               

               


JavaScript

     JavaScript: Lenguaje de programación dinámico interpretado que soporta construcción de objetos basados en prototipos.

     Script: Es una secuencia de ordenes, en un determinado lenguaje que es ejecutado por un cliente Web desde su navegador y ser visto el documento con el contenido.

     Este lenguaje nos ayudará a programar nuestra página web.

     En nuestra página de prueba añadiremos 2 botones que mostraran el estilo de la misma, con ayuda de script haremos posible que se muestren esos cambios.

martes, 7 de marzo de 2017

HOJAS ESTILO CSS

     CSS: Cascading Style Sheet: Describe como los elementos HTML se van a visualizar en la pantalla.

     Una hoja de estilo es un conjunto de propiedades de formato, permiten diferentes estilos para la misma página web o distintas páginas.

     Agregue un gadget en la parte de la cabecera en donde da el enlace directo a mi página de prueba.