JavaScript o LiveScript como se denominaba en sus orígenes es un lenguaje de programación, que usaremos para programar el comportamiento de un sitio web.
Un script es una secuencia de órdenes que puede ser ejecutado por un cliente Web desde el navegador, esto quiere decir que es un lenguaje interpretado y no compilado. El código se puede incluir directamente en un documento HTML aunque es recomendable crear un documento con extensión. js para simplificar el HTML.
Para insertar JavaScript en el código fuente de la página HTML hay que hacerlo entre dos etiquetas <script> código JavaScript </script>
Para usar JavaScript desde un archivo aparte debemos de guardar el documento del código en la misma carpeta que contenga el HTML con la extensión .js. En el código del HTML debemos de llamar el JavaScript con <script src"nombredeldocumentoJavaScript.js"></script>
JavaScript nos permite manejar objetos en tiempo real dentro de una página web. Se pueden incorporar botones, crear animaciones, mostrar mensajes en ventanas emergentes, validación de formularios, cálculos en tiempo real, cambiar los estilos de determinados elementos al pasar por encima con el cursor o al hacer clic y con todo esto lo que se consigue es poder cambiar totalmente el aspecto de una página web a gusto del usuario.
Algunas de las características llamativas de este lenguaje son:
- Los comentarios se preceden de // para comentarios en una sola línea y /* */ para comentarios en varias líneas
- Cada línea de código debe de terminar con ;
- Al definir las variables var no se define el tipo de variable que contendrá.
- Se pueden declarar constantes con la palabra const
- Las funciones se definen mediante la palabra function y para devolver el valor de la función se utiliza return
En próximas entradas seguiremos viendo algunos ejemplos del uso de JavaScript aplicados a nuestra página web.
Página web personal
Práctica CSS
En el desarrollo de la práctica del día 17/02/2020 observamos que el orden jerárquico de los estilos es el siguiente:
- Estilo en línea
- Estilo interno
- Estilo externo
Una vez modificamos y identificamos cada elemento en la página de prueba proseguimos a crear nuestra propia hoja de estilo CSS modificando el ejemplo de "pruebapagina.html" que está en los apuntes del campus virtual.
Lo primero que he hecho es cambiar el color de la cabecera y del menú, así como el color de las barras de separación del menú.
Para poner la fuente a la página web lo que he hecho ha sido ir a Google fonts y elegir la fuente que más me gusta, lo siguiente que he hecho ha sido importar en el .html con "@import" el lugar donde se encuentra la fuente alojada. Finalmente he puesto el nombre de la fuente en la familia de fuentes disponibles dentro de la hoja de estilos.
En último lugar, lo que he hecho ha sido poner un enlace del blog personal dentro de las opciones de menú "Blog personal".
El siguiente enlace lleva a la página web que he creado y que está alojada en el servidor 000webhost.
Enlace a la página web
Madrid Design Festival
Este viernes 14
de febrero muchos alumnos de la titulación de Ingeniería en Diseño industrial y Desarrollo de Productos asistirán al festival de diseño en Madrid, el cual comenzará e l día 13 y finalizará el día 15.
Se espera una gran asistencia de profesionales del sector y estudiantes de diferentes titulaciones.
Las diferentes conferencias y exposiciones tendrán lugar en diferentes zonas de la ciudad, por lo que os recomiendo una buena planificación para no perderte nada.
A continuación os dejo una pequeña lista de las diferentes actividades disponibles en las diferentes jornadas:
- Esto es Food Fesign Thinking
- Diseño Narrativo y de Investigación
- El poder de la organización
- La cara B del Diseño
- La policromía arquitectónica
- ¿Es demasiado tarde para que el diseño salve el mundo?
- Diseño Creativo Redactivo
- Objetos Cotidianos
- La huella de la imagen
- Una celebración del diseño sostenible
En el siguiente enlace podréis ver en qué lugar se realizará cada actividad:
Enlace
Más información sobre Madrid Design Festival:
Pinchando en la siguiente imagen podrás saber más sobre el festival
>
- Jaime Pilo Blas
- Sistemas de Comunicación Multimedia
- Centro Universitario de Mérida