DIW06 - Contenidos web interactivos

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

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

¿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.

Las animaciones se suelen utilizar para ... conseguir la atención del usuario. que se vea la publicidad. aumentar el peso de la página web. añadir más funcionalidad.

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

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

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

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

¿Qué es el efecto parallax?. Es un efecto que permite realizar animaciones cuando se pone el cursor encima de un elemento. 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 de transición que se produce cuando pulsas un enlace.

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

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

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

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

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

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

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

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

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

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

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

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

¿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. El contenido. Las imágenes. El texto.

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

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

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

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

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

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.

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

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