jueves, 16 de marzo de 2017

Más sobre JavaScript

Anteriormente hemos visto que se han añadido a la página web tres botones lo cuales han sido incluidos en el archivo html mediante un script. En esta práctica se ha añadido otro script que muestra el mensaje "Click me!" y al pulsarlo nos dirige a este blog. Además se ha creado un archivo con extensión js y se han incluido varias funciones que añaden los siguientes objetos a la página web:
  • Un mensaje ("¡Hola!") que al seleccionar cualquier parte de él sale una ventana que indica que introduzcamos un nombre y apellidos. Esta ventana no se cerrará hasta que no escribamos algo, a continuación genera un texto en el que pondrá "Hola Nombre Apellidos! Como estas hoy?
  • Un botón ("Pulsame cambio") que cambia el estilo de la cabecera de la página web.
  • Un botón ("Pulsame alert!) que abre una ventana de alerta con el título "Hola clase!
  • Un botón ("Pulsame otro cambio header") que vuelve a cambiar el estilo de la cabecera por el original.
  • Un mensaje que se genera a los 5 segundos de entrar en la página web.


lunes, 6 de marzo de 2017

Práctica con JavaScript

Java Script es un lenguaje de programación que se utiliza principalmente para programar el comportamiento de un sitio web. Es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento html.

A partir de los archivos subidos anteriormente a hoostinger, html y css, se han vuelto a crear otros dos archivos con extensión css los cuales definen otro tipo de estilos. Mediante JavaScript se han añadido, al archivo html, tres botones con la siguiente función:

  • Cambio de estilo: al pulsarlo se cambia el estilo de la página.
  • Cambio de estilo: tiene la misma función que el anterior pero con otro estilo diferente.
  • Estilo original: al pulsarlo la página vuelve a tener su estilo original.



También se ha añadido otro botón que al pulsarlo se muestra una alert box.

jueves, 2 de marzo de 2017

Hojas de Estilos: CSS

CSS es un mecanismo que describe cómo se va a mostrar un documento en la pantalla. Se utiliza para dar estilo a documentos HTML y XML. Funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos.
Con la ayuda de Hostinger, que es un servicio gratuito que permite crear páginas web y tener donde alojarlas, se ha modificado una página y se han realizado los siguientes cambios:

  1. Se ha cambiado el color del fondo.
  2. Se han cambiado los tipos de letras.