Diseño de interfaces MEDAC

Según Hansen, ¿qué se debe conocer para un buen diseño de interfaces?. El tamaño del dispositivo. La estética del diseño. Al usuario. El tipo de contenido a mostrar.

¿Qué es la interacción ordenador-persona (IPO)?. La relación entre diferentes dispositivos. La programación de interfaces gráficas de usuario. El estudio del intercambio de información entre personas y ordenadores. La configuración de sistemas de entrada de dato.

¿Cuál de los siguientes elementos NO es parte de una página web según el diseño de interfaces?. Cabecera. Zona de navegación. Cuerpo. Contenido multimedia.

¿Qué significa que un color sea “seguro para la web”?. Que es un color popular. Que se ve igual en todos los navegadores y dispositivos. Que se ajusta al tamaño de la pantalla. Que está permitido en sitios de uso público.

¿Qué propiedad se utiliza para hacer que un elemento sea invisible, pero que todavía ocupe espacio en la página?. display: none;. visibility: hidden.;. opacity: 0;. hide: true;.

En el sistema RGB, ¿cómo se representa el color amarillo?. #FF0000. #00FF00. #0000FF. #FFFF00.

¿Cuál de los siguientes es un elemento de relación en diseño web?. Forma. Color. Dirección. Textura.

¿Qué función tiene la cabecera de una página web?. Identificar el sitio web. Mostrar enlaces a redes sociales. Proveer una sección de comentarios. Configurar los colores de fondo.

¿Qué representa la percepción visual en el diseño web?. La estructura de datos en una página. La facilidad con la que los usuarios pueden comprender el contenido visual. La seguridad de los colores usados. El costo de desarrollo de la interfaz.

¿Cuál es el propósito de un mapa de navegación en un sitio web?. Planificar el contenido multimedia. Indicar la disposición de los elementos gráficos. Definir el tipo de cabecera. Mostrar las relaciones entre secciones y páginas.

¿Qué tipo de elementos NO pertenece a los elementos básicos de diseño según el documento?. Conceptuales. Prácticos. Numéricos. Visuales.

En el contexto del diseño de interfaces web, ¿qué representa el sistema RGB?. Un protocolo de transferencia de datos. Un modelo de diseño de sitios web. Una técnica de codificación de color basada en rojo, verde y azul. Una herramienta de desarrollo web.

¿Cuál es el objetivo principal de las guías de estilo en el diseño web?. Crear un sistema de navegación. Normalizar estilos y diseño en el proyecto. Configurar los formularios. Elegir los hipervínculos de la página.

¿Cuál es una recomendación importante al elegir tipografías para un sitio web?. Usar tipografías decorativas. Escoger fuentes compatibles con todos los navegadores. Emplear más de tres tipos de fuentes. Usar solo fuentes con serifa.

¿Qué tipo de prototipo es el más detallado y permite evaluar la interacción entre pantallas?. Sketching. Wireframe. Boceto digital. Prototipado.

¿Cuál de las siguientes herramientas es específica para crear wireframes?. ProtoShare. wireframe.cc. Photoshop. InDesign.

¿Cuál es la etiqueta HTML utilizada para insertar una imagen?. <img>. <picture>. <insert>. <src>.

¿Qué representa la técnica del wireframing en el diseño de interfaces web?. Un prototipo visual de baja calidad utilizado para el diseño inicial. Un método para mejorar el rendimiento del sitio web. Una técnica de codificación de colores. Una herramienta para el análisis de tráfico web.

¿Qué atributo HTML se utiliza para establecer un valor predefinido en una caja de texto?. value. type. default. name.

¿Qué tipo de enlace utiliza una ruta completa hacia otra página o sitio web?. Relativo. Local. Absoluto. Interno.

¿Qué atributo de tabla permite centrarla en la página?. align. width. border. center.

¿Cuál es la diferencia entre un botón de tipo “button” y uno de tipo “submit”?. “button” envía datos, “submit” no. “submit” envía datos a un servidor, “button” no. Ambos funcionan igual. Ninguno envía datos.

¿Para qué sirve la etiqueta <div> en HTML?. Insertar tablas. Crear bloques de contenido. Agregar imágenes. Crear formularios.

¿Cuál es el valor por defecto para text-align?. left. center. justify. right.

¿Cuál es el propósito de utilizar unidades relativas como em o % en CSS?. Hacer que el diseño sea más flexible y se adapte a diferentes tamaños de pantalla. Asegurar que los elementos se posicionen siempre en el mismo lugar. Mejorar la velocidad de carga de la página. Establecer un tamaño absoluto que no cambie independientemente del dispositivo.

¿Para qué sirve la regla @import en CSS?. Definir propiedades de fondo. Importar hojas de estilo. Cambiar el tamaño de la fuente. Aplicar pseudoclases.

La propiedad font-size se puede definir en: px. %. em. Todas las anteriores.

¿Cuál es la diferencia entre padding y margin?. padding es el espacio interno, margin el externo. padding es el espacio externo, margin el interno. Ambos son iguales. Solo padding se usa en flexbox.

La propiedad border-radius permite: Cambiar el color del borde. Añadir esquinas redondeadas. Ajustar el grosor del borde. Establecer el tamaño del fondo.

¿Cuál es el propósito de CSS en el diseño web?. Crear contenido dinámico. Proporcionar funcionalidad de backend. Aplicar estilos y formatos a una página web. Gestionar bases de datos.

¿Qué selector en CSS se utiliza para aplicar estilo a un solo elemento único en HTML?. Selector de clase. Selector de etiqueta. Selector universal. Selector de ID.

¿Qué propiedad controla el tamaño de la fuente en CSS?. text-size. font-size. font-weight. size.

¿Qué significa "float" en CSS?. Controla el alineamiento de los elementos. Define la opacidad de un elemento. Controla el tamaño del borde. Controla la posición fija de un elemento.

¿Cuál es la función de la propiedad @media en CSS?. Importar archivos multimedia. Aplicar estilos en función del dispositivo o tamaño de pantalla. Crear animaciones en CSS. Establecer la fuente predeterminada.

¿Cuál es el principal propósito de las guías de estilo en el diseño de interfaces web?. Reducir el tiempo de carga de las páginas web. Facilitar la navegación y mejorar la experiencia del usuario. Normalizar los estilos y contribuir a un diseño homogéneo del sitio. Incrementar la interactividad con el usuario.

¿Qué propiedad CSS se utiliza para establecer un color de fondo en una caja?. margin. padding. background-color. border-style.

¿Cuál de las siguientes es una propiedad específica del bloque de contenido en el modelo de cajas?. border-radius. padding-top. width. margin-top.

¿Cómo se centra un elemento en el eje horizontal utilizando flexbox?. justify-content: center. align-items: center. flex-direction: center. align-content: center.

¿Qué es el modelo de cajas en CSS?. Un método para animar elementos en una página web. Un sistema para agregar contenido multimedia. Un patrón de diseño para la disposición de elementos en una página web. una tecnica de seguridad web.

Qué ventaja principal tiene utilizar hojas de estilo externas en lugar de estilos internos o en línea?. Facilita la personalización de cada página web individualmente. Mejora la uniformidad y mantenimiento del diseño del sitio web. Reduce el tiempo de carga de la página. Permite usar imágenes como fondo de texto.

¿Cuál es la función de la propiedad width en el bloque de contenido?. Ajustar el ancho del borde. Definir el ancho del contenido. Cambiar el color de fondo. Definir el grosor del margen.

¿Qué propiedad se utiliza para añadir una línea debajo del texto?. text-decoration. line-height. font-variant. text-align.

¿Cuál de las siguientes propiedades ajusta el espacio entre el contenido y el borde de la caja?. margin. width. border. padding.

¿Qué permite la propiedad border-top-left-radius?. Redondear todas las esquinas. Redondear la esquina superior izquierda. Aplicar color al borde superior. Ajustar el grosor del borde superior izquierdo.

¿Cuál de los siguientes elementos NO es parte de una página web según el diseño de interfaces?. Cabecera. Zona de navegación. Cuerpo. Contenido multimedia.

¿Cuál es la diferencia principal entre padding y margin?. El padding ajusta el espacio interno, y el margin el espacio externo. El margin ajusta el espacio interno, y el padding el espacio externo. Ninguno ajusta el espacio. Ambos ajustan el espacio interno.

¿Para qué se utiliza el framework Bootstrap en el diseño de interfaces web?. Para simplificar y agilizar el diseño responsivo de sitios web. Para mejorar la velocidad de carga del sitio. Para crear interfaces interactivas con JavaScript. Para conectar la interfaz web con bases de datos.

¿Cuál es la principal ventaja de utilizar preprocesadores CSS como Sass y Less?. Permiten escribir CSS de manera más estructurada y eficaz. Aumentar la velocidad de carga de la página. Facilitar la creación de páginas web estáticas. No ofrecen ninguna ventaja sobre CSS.

¿Qué procesador utiliza Ruby para su funcionamiento?. Sass. Less. Stylus. Bootstrap.

¿Qué ventaja principal ofrecen los preprocesadores como Sass y Less en el diseño de interfaces web?. Facilitan la creación y mantenimiento de hojas de estilo más complejas. Aumentan la velocidad de carga de la página. Permiten la escritura de código HTML más eficiente. Mejoran automáticamente el SEO del sitio web.

¿Qué símbolo se utiliza para declarar una variable en Sass?. &. $. @. %.

¿Cuál es la principal diferencia entre Less y Sass en cuanto a su sintaxis de implementación?. Sass es más flexible que Less. Sass no necesita ser compilado, Less sí. Less es más difícil de instalar. Sass utiliza Ruby mientras que Less usa JavaScript.

En el contexto de Less, ¿qué significa anidar selectores?. Combinar múltiples selectores en una única regla de estilo. Crear una jerarquía de selectores que refleja la estructura HTML. Usar un selector dentro de una variable o mixin. Aplicar estilos solo si se cumplen ciertas condiciones.

En Sass, ¿cómo se crea un bloque de código reutilizable?. @include mixin_name;. @function mixin_name {};. @mixin mixin_name {};. @variable mixin_name {};.

¿Qué comando se utiliza en Sass para monitorear cambios en un archivo .scss y compilarlo a .css?. Sass --compile. sass --watch. sass --build. sass --sync.

¿Qué permite hacer el operador $dim1: 100px; en Sass?. Definir una constante con un valor fijo. Crear una variable que almacene un valor. Asignar un color de fondo a una clase. Definir una regla de estilo para una clase.

¿Cuál de las siguientes afirmaciones es correcta sobre Sass y Less?. Sass no permite el uso de variables, pero Less sí. Less requiere una instalación más compleja debido a su dependencia de Ruby. Sass compila automáticamente a CSS, mientras que Less requiere una compilación manual de comandos. Less permite anidamiento, mientras que Sass no lo soporta.

¿Qué característica permite a Sass y Less mejorar la reutilización de código en un proyecto CSS?. La capacidad de generar CSS dinámico sin necesidad de variables. Los mixins, que permiten agrupar reglas CSS reutilizables. El uso de animaciones CSS predefinidas. La capacidad de importar imágenes de forma directa dentro de las hojas de estilo.

¿Cómo se utiliza un "mixin" con parámetros en Sass para definir un estilo común y flexible?. Se crea un mixin con parámetros, y al incluirlo en un selector, se pasa el valor del parámetro para personalizar el estilo. Los mixins no pueden tener parámetros, ya que siempre aplican los mismos valores a todos los elementos. Los mixins con parámetros solo pueden ser utilizados en reglas específicas como @media y no en otras partes del código. Los parámetros de un mixin se definen dentro de la regla @include, no en el mixin mismo.

¿Cuál es el principal objetivo de la interacción persona-ordenador (IPO) en el diseño de interfaces web?. Maximizar el uso de elementos gráficos. Aumentar la velocidad de carga de la página. Mejorar el intercambio de información entre personas y ordenadores. Reducir el costo de desarrollo web.

¿Qué tipo de imagen permite ampliarse sin perder calidad?. Imágenes de mapa de bits. Imágenes vectoriales. Imágenes rasterizadas. Imágenes comprimidas.

En términos de derechos de autor, ¿qué permite una licencia Creative Commons?. Prohibir cualquier uso de la obra sin permiso explícito. Permitir varios grados de uso compartido, edición y distribución según el tipo de licencia seleccionada (respuesta correcta). Solo permite el uso de obras en proyectos comerciales. Garantiza que la obra permanezca en el dominio público.

¿Cuál es la principal ventaja del formato JPEG?. Permitir animación. Alta tasa de compresión con pérdidas. Soporte limitado a 256 colores. Alta calidad sin pérdidas.

¿Qué propiedad de las imágenes define el grado de detalle basado en píxeles por pulgada?. Tamaño. Tasa de compresión. Resolución. Profundidad de color.

¿Qué formato de imagen es más adecuado para logos e iconos?. JPEG. PNG. BMP. TIFF.

¿Qué herramienta gratuita permite la creación de iconos en Windows?. Canva. Adobe Photoshop. IcoFx. GIMP.

¿Qué licencia Creative Commons permite compartir la obra sin fines comerciales y obliga a compartir bajo la misma licencia?. CC BY. CC BY-ND. CC BY-SA. CC BY-NC-SA.

¿Qué sucede con las imágenes comprimidas utilizando un algoritmo con pérdidas?. Reducen su tamaño sin afectar la calidad. Mantienen su tamaño pero pierden píxeles. Disminuyen en calidad y tamaño. Aumentan el tamaño pero se optimizan.

¿Cuál es la herramienta gratuita de Google para crear banners animados?. Canva. Google Web Designer. Pixelmator. Banner Snack.

¿Qué propiedad de las imágenes indica el número de bits necesarios para describir el color de un píxel?. Resolución. Tasa de compresión. Profundidad de color. Tamaño.

Que propiedad CSS es fundamental para crear animaciones personalizadas mediante @keyframes. transition. transform. animation. background-animation.

¿Cuál es el formato de audio más utilizado para su publicación en sitios web debido a su alta calidad y tamaño reducido?. WAV. MP3. OGG. RA.

¿Qué formato de audio tiene una licencia pública general de GNU y es de código abierto?. MP3. WAV. OGG. RA.

¿Qué atributo se utiliza en la etiqueta <audio> para permitir la reproducción automática del audio?. controls. autoplay. loop. hidden.

¿Cuál de estos formatos de vídeo es el más adecuado para usar en HTML5?. AVI. MOV. MP4. FLV.

¿Qué etiqueta HTML permite mostrar y ocultar bloques de texto sin necesidad de JavaScript?. <dialog>. <details>. <summary>. <hidden>.

¿Qué atributo permite hacer que el contenido de un elemento HTML sea editable por el usuario?. contentEditable. spellcheck. editable. modificable.

¿Cuál es la principal ventaja del formato de audio MP3?. Alta calidad pero gran tamaño. Código abierto. Alta calidad y tamaño reducido. Ideal para transmisión en tiempo real.

¿Qué atributo se debe utilizar para ocultar los controles de reproducción en la etiqueta <video>?. autoplay. controls=false. hidden. muted.

¿Qué característica define a la función transform en CSS?. Cambia la posición de un elemento en el documento. Altera la forma, tamaño y posición de un elemento. Añade efectos visuales como sombras a un elemento. Crea una transición entre dos estados de un elemento.

¿Cuál de los siguientes es un formato de vídeo recomendado para streaming online?. MP4. OGG. MOV. AVI.

¿Qué atributo permite ocultar un elemento HTML hasta que se active una acción específica?. hidden. display.

¿Cuál de las siguientes opciones NO es una característica de las animaciones en CSS?. animation. keyframes. transform. hover.

¿Qué propiedad CSS se utiliza para definir la duración de una animación?. animation-duration. animation-timing-function. animation-delay. animation-iteration-count.

¿Qué propiedad CSS permite definir el número de veces que se repite una animación?. animation-duration. animation-timing-function. animation-delay. animation-iteration-count.

¿Qué función de JQuery se utiliza para crear animaciones interactivas?. animate(). transition(). transform(). effect().

¿Cuál de las siguientes opciones NO es un tipo de transición en CSS?. opacity. transform. background-color. font-size.

¿Qué propiedad CSS se utiliza para definir el tiempo que tarda una transición en completarse?. transition-duration. transition-timing-function. transition-delay. transition-property.

¿Qué tipo de animación se utiliza para crear efectos de movimiento o desplazamiento?. transform. transition. keyframes. animation.

¿Cuál de las siguientes opciones NO es un tipo de transformación en CSS?. translate. rotate. scale. hover.

¿Qué tipo de animación se utiliza para crear efectos de cambio de tamaño o forma?. transform. transition. keyframes. animation.

¿Qué propiedad CSS se utiliza para definir el punto de inicio de una animación?. animation-delay. animation-direction. animation-fill-mode. animation-play-state.