viernes, 31 de marzo de 2017

Más cosas sobre JavaScript

En la práctica anterior creamos unos botones que nos permitían cambiar el estilo de la página, además de un botón de alerta. En esta práctica, crearemos un archivo .js, en el cual pondremos funciones para que usaremos en nuestra página web. Estas funciones son:


  • Una ventana que se acciona a los 5 segundos de abrir la página.
  • Un mensaje en la parte superior derecha ("Hola clase!") que al seleccionarlo o seleccionar parte de él, nos abre una ventana donde nos pide nuestro nombre y apellido y que no nos dejará cerrar hasta introducirlos. Como resultado nos aparecerá: "Hola (nombre apellido)! Cómo estás hoy?"
  • Un botón que dice "Pulsame cambio header", que hace que nuestro título cambie de color.
  • Otro botón "Pulsame otro cambio header", que nos devuelve a nuestro estilo inicial el título.
  • Un último botón "Pulsame alert!", el cual nos abre una ventana de alerta donde pone "Hola clase!"



Ver cambios: "Mi página de prueba"

lunes, 6 de marzo de 2017

JavaScript

¿Qué es JavaScript?
Es un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML. Además, permite al usuario la posibilidad de crear aplicaciones "on-line", es decir, modificar páginas web en tiempo real.

En la práctica de JavaScript hemos creado unos botones que nos permite cambiar el estilo de "Mi página de prueba". Para ello y mediante Hostinger, hemos hecho dos archivos CSS en los que he cambiado tanto el color de fondo como el estilo de texto. Además, he creado un botón de alerta.

Ver cambios: Mi página de prueba


jueves, 2 de marzo de 2017

Hojas de Estilos - CSS

¿Qué es CSS?
CSS: Cascading Style Sheets
Conjunto de propiedades de formato, más reglas de definición y aplicación.
Permite definir diferentes estilos para la misma página web o para distintas páginas. Son más potentes y cómodas que el formato en HTML.

Gracias a Hostinger, he modificado una página "Mi página de prueba" cambiando el tipo de letra y el color del fondo.