CREAR TEST

TEST BORRADO, QUIZÁS LE INTERESE: Diseño de interfaces MEDAC

COMENTARIOS	ESTADÍSTICAS	RÉCORDS

REALIZAR TEST

Título del Test: Diseño de interfaces MEDAC Descripción: a estudia Autor: Juan Perez OTROS TESTS DEL AUTOR Fecha de Creación: 29/11/2024 Categoría: Informática Número Preguntas: 92

COMPARTE EL TEST

Comentar

Deson ( hace 10 días ) le amo juan perez Responder

Temario:

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 .

Denunciar Test