martes, 14 de marzo de 2017

¿ARCHIVO javascript.js?

En esta sesión practica he creado un archivo con extensión .js donde colocaré las funciones que usaré
en mi web. Lo bueno del  javascript.js es que se podrá usar las funciones en otra pagina web mas rápido al tener ese .js . En el .html  hay que hacer referencia al archivo nuevo  javascript.js que he creado así:

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

Hemos realizado un total de 5 funciones:

- Función para cambiar los estilos de mi web: Cambia el estilo de apariencia de mi web (color,fondo,letra...)

-Función que cambia el "Header" : Cambia el color de letra de la cabecera. Se pone como un botón.

-Función que abre una alerta en mi web: Se pone como un botón y muestra al pulsarse el mensaje "HOLA CLASE!"

-Función de selección: Al seleccionar una parte de texto pide que pongas tu nombre y hasta que no lo pones no se cierra ese mensaje. Luego muestra un mensaje de bienvenido con tu nombre.

-Función que muestra un mensaje a los 5 segundos: Muestra "Bienvenido a esta página" a los 5 segundos de abrir mi web.


Asi es el resultado de mi pagina web con las modificaciones del archivo javascript.js:



lunes, 6 de marzo de 2017

¿COMO HACER CAMBIOS CON JAVASCRIPT?

En la entrada  anterior expliqué que era JavaScript y  creamos un archivo con extensión .css y la enlazábamos al archivo index.html. Con ello hicimos una página web. Lo que haremos ahora es cambiar la apariencia de esa página web añadiendo botones.

Primero añadimos un identificador que llamamos estilo al .html:



Luego  insertamos un script con una función con el nombre que queráis, en mi caso se llama "cambio" y al final, en el body del index.html añadiremos un botón, que lo llamaremos como la función que hará (cambiar estilo) y este llamará al archivo .css especifico: 




Así es como se vería mi web, con los botones para cambiar estilos arriba de la cabecera: 



miércoles, 1 de marzo de 2017

¿Para qué usar JavaScript?

Es un enguaje de programación, que usaremos para programar el comportamiento de un sitio web.

Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien recién celebró la llegada del experimento número 100. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tus navegadores. En este enlace podeis encontrar la página web y investigar un poco: https://www.chromeexperiments.com/

Un ejemplo de chrome experiments es este GOOGLE GRAVITY, que usa JavaScript