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.

miércoles, 22 de febrero de 2017

Aprende animación con este curso de Pixar gratuito


Aprende las técnicas de animación de Pixar y descubre los secretos de la productora que ha dado vida a Wall-E, Buzz Lightyear y compañía con este curso gratuito patrocinado por Disney.

Toy Story, Mostruos SA o del Revés son algunas de las obras maestras de Pixar. Si además de disfrutarlas como espectador te gustaría conocer qué técnicas se emplearon para diseñar a sus personajes y aprender tú mismo, entonces te interesará el curso online gratuito que ha lanzado la productora de Disney.

Se trata de Pixar in The Box y contiene 8 unidades cada una de una hora de duración aproximada, donde accederás a lecturas, videotutoriales y diferentes actividades prácticas sobre patrones, modelado de ambientes y personales, o randerizados entre otras técnicas de animación fundamentales para hacer películas,




Más sobre HTML

En este blog se ha realizado un cambio en la plantilla con html que ha consistido en centrar el título y se ha realizado de la siguiente forma:

  1. Se accede a la plantilla del blog y nos vamos a editar html
  2. Se crea un estilo para indicar que el encabezado, que en este caso se identifica por h1, esté alineado en el centro de la página:
    <style>
    h1 {
    text-align: center;
    }
    </style>
  3. Este estilo se coloca dentro de la zona del encabezado (<head>).
  4. Si le damos a vista previa podemos observar el cambio realizado.


lunes, 20 de febrero de 2017

Lenguaje HTML

HTML es el lenguaje con el que se define el contenido de las páginas web. Se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
Es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.

Este lenguaje se escribe en un documento de texto, de modo que cuando se programe en HTML se hará con un editor de texto y se guardarán los trabajos con extensión .html. Además consta de etiquetas, cada una con un significado, de la forma <B>


En el siguiente vídeo se explica muy bien en lo que consiste el lenguaje HTML:
https://youtu.be/M4wmJVvlzeY