Tema6

¿Cuáles son los elementos del desarrollo de un interfaz que debemos mantener separados en beneficio de la usabilidad y mantenimiento de las páginas web? (Elegir 2 opciones). El aspecto gráfico. Las imágenes. El texto. El contenido.

¿Qué propiedad indica la curva de velocidad que se aplicará a una transición?. transition-function. transition-timing-function. transition-speed. transition-property.

Dada la siguiente transición indica que afirmación es cierta transition: width 3s 4s ease-in. La duración de la transición es de 4 segundos. La duración del de lay es de 3 segundos. No se conoce la propiedad a animar. La curva de la velocidad de animación es ease-in.

Indica que animación se produce con el siguiente código. Se mueve el botón cuando se pasa el ratón por encima. Se mueve el botón cuando se pulsa sobre el. El botón cambia de color y se mueve cuando se pasa el ratón por encima. El botón se mueve cuando transcurren 3 segundos desde que se carga la página.

¿Qué sucede si a un elemento le aplicamos una escala de 1?. Que el objeto se hace 1px más grande. El objeto no cambia de tamaño. Que el objeto se hace más ancho pero no más alto. Que el objeto se hace el doble de grande.

¿Cuál es el prefijo que tiene las propiedades CSS animation para los navegadores firefox?. -webkit-. -ms-. -moz-. -firex-.

¿Qué sucede si indicamos valores negativos en la rotación de un elemento?. El elemento gira en el sentido de las agujas del reloj. No funciona, los grados son siempre positivos. El elemento gira en sentido contrario a las agujas del reloj. El elemento se desplaza horizontalmente el valor indicado.

¿Qué representa la palabra hover en el siguiente código CSS? .cuadrado:hover { width: 100%}. Es una clase. Es un atributo. Es una propiedad. Es una pseudo-clase.

¿Qué elementos multimedia podemos desactiva en los navegadores modernos?. Las imágenes en movimiento. Las animaciones de elementos HTML. Los vídeos de reproducción automática. Los sonidos.

Indica cuál de las siguientes propiedades de CSS transform funciona y es correcta. transform: rotate 45deg. transform= rotate(180). transform: rotate (45deg). transform: rotate(45).

El diseño interactivo debe estar centrado en ... El cliente. La publicidad a insertar en la página web. El usuario. La calidad gráfica.

Al utilizar componentes interactivos no debemos olvidarnos de nuestro compromiso con ... El logotipo de la empresa. La usabilidad. El diseño. Los gustos del cliente.

¿Qué es el efecto parallax?. Es un efecto que permite ir mostrando los elementos de una página web conforme se hace scroll. Es un efecto que consiste en que la imagen de fondo se queda estática y el contenido se mueve. Es un efecto que permite realizar animaciones cuando se pone el cursor encima de un elemento. Es un efecto de transición que se produce cuando pulsas un enlace.

¿Cuáles son los usos más habituales de las hojas de estilo para conseguir añadir interactividad a una página web?. Notificaciones de errores. Actualización de los datos mostrados en la página web. Alternancia de imágenes. Validación de los datos introducidos en un cuestionario.

Las animaciones se suelen utilizar para ... Conseguir la atención del usuario. Aumentar el peso de la página web. Añadir más funcionalidad. que se vea la publidad.

¿Qué propiedad de CSS transform nos permite desplazar un elemento?. translate. translateX. Todas las opciones son correctas. TranslateY.

¿Qué debemos de hacer SIEMPRE que creamos un keyframe?. Utilizar las etiquetas from y to. Darle un nombre para que después podamos referenciarlo. Indicar el modo de la animación. Indicar la duración de la animación.

¿Qué tecnología se ha utilizado históricamente para la creación de videojuegos web?. Angular. GIF. CSS. Flash.

¿Qué propiedad puedo cambiar para convertir un cuadrado realizado en CSS en un circulo?. padding. border-radius. circle. width.

Las animaciones es un proceso utilizado para dar la sensación ________ a imágenes o dibujos. De verosimilitud. De realismo. De movimiento. De falsedad.

Indica si es cierta o falsa la siguiente afirmación. Para separar el código CSS del código HTML en una página web almacenamos el código CSS en un documento separado con estensión .css y enlazamos con el documento HTML mediante la etiqueta <style>. Verdadero. Falso.

Indica si la siguiente afirmación es verdadera o falsa. Podemos crear animaciones solo utilizando hojas de estilo. Verdadero. Falso.

¿Cuando se aplican las propiedades de animation?. Se aplican entre keyframe. Se aplican cuando se pasa el cursor sobre el elemento. Se aplican cuando se carga la página web. Se aplican según el tiempo especificado.

¿A qué denominamos HTML estático?. A aquel que carece de interactividad. A aquel que no está generado por ningún programa ejecutado en el lado servidor. A aquel donde el contenido se muestra en el navegador y no se actualiza nunca. A aquel cuyo contenido textual no cambia.

¿Qué formatos de imágenes nos permiten visualizar animaciones? (Elige 2 opciones). SVG. PNG. GIF. SVF.

¿Qué sucede cuando una imagen la rotamos 90 grados en el eje X?. Que se ve la mitad más pequeña. Que la imagen se deforma y se ve más clara. Que la imagen se ve más grande. Que la imagen desaparece.

¿Qué conjunto de propiedades nos permite indicar la forma o animación que va a tener un elemento?. CSS transitions. keyframe. CSS transform. CSS move.

Para hacer una alternancia de imágenes con CSS necesitamos emplear ... linked. focus. active. hover.

Indica cual de las siguientes afirmaciones sobre CSS animation es VERDADERA. CSS animation utiliza transformaciones y transiciones para crear las animaciones. CSS animation es 100% compatible con los navegadores modernos. CSS animation solo permite crear animaciones muy simples. CSS animation es compatible con navegadores antiguos.

Al utilizar componentes interactivos no debemos olvidarnos de nuestro compromiso con ... Los gustos del cliente. El logotipo de la empresa. La usabilidad. El diseño.

Indica que animación produce el siguiente código. Cambia el color de fondo del elemento box. Desplaza en el eje horizontal el elemento box. Cambia la forma del elemento box. Cambia el color del borde del elemento box.