Diseño Interfaces Web - Modelos de examen Mayo 2025

¿Qué se entiende por simplicidad en el diseño web?. Evitar el uso de cualquier tipo de imagen. Usar solo un color y una fuente. Crear un diseño limpio y fácil de entender. Eliminar todos los elementos visuales.

¿Cuál es un ejemplo de un sitio web que ofrece plantillas de diseño?. GitHub. Stack Overflow. WordPress. Google Drive.

¿Cuál es una alternativa efectiva para presentar información en un sitio web?. Emplear listas y viñetas para mejorar la claridad. Añadir largos párrafos de texto sin interrupciones. Utilizar tablas para todo tipo de contenido. Evitar el uso de imágenes.

¿Cuál es una ventaja de usar plantillas de diseño?. Limita la funcionalidad del sitio web. Requiere más tiempo para el desarrollo. Aumenta la personalización del sitio. Facilita la creación rápida de un sitio web.

¿Cuál es una característica importante de una buena combinación de colores en una web?. Empleo de colores al azar. Equilibrio y armonía entre los colores. Uso de colores muy brillantes y saturados. Utilizar solo tonos de gris.

¿Qué se entiende por simplicidad en el diseño web?. Eliminar todos los elementos visuales. Evitar el uso de cualquier tipo de imagen. Crear un diseño limpio y fácil de entender. Usar solo un color y una fuente.

¿Por qué es importante el contraste de color en el diseño web?. Para hacer que la página sea más colorida. Para mejorar la legibilidad del texto. Para evitar la uniformidad en el diseño. Para reducir el tamaño de los archivos.

¿Qué tecnología se utiliza para definir la estructura y el contenido de una página web?. HTML. JAVA. SQL. CSS.

¿Cuál es una tecnología comúnmente usada para el diseño de documentos web?. FTP. IMAP. CSS. SMTP.

¿Qué lenguaje de programación es comúnmente utilizado para añadir interactividad a las páginas web?. HTML. PHP. CSS. JavaScript.

¿Qué herramienta se puede utilizar para representar la estructura de un sitio web?. Reproductor de video. Editor de imágenes. Mapa de navegación. Editor de audio.

¿Qué se entiende por un prototipo en el contexto del diseño web?. Un borrador inicial del diseño web. Un archivo de texto con el código fuente. Un sitio web completamente funcional. Una herramienta para editar videos.

¿Qué aspecto de la web se puede mejorar mediante el uso de prototipos?. La compatibilidad del navegador. La velocidad de carga. El contenido textual. La estructura y funcionalidad del diseño.

¿Qué aspecto debe considerarse al elegir colores para personas con discapacidad visual?. Emplear solo colores cálidos. Usar combinaciones de colores con buen contraste. Utilizar colores monocromáticos. Evitar el uso de colores neutros.

¿Cuál de los siguientes es un beneficio de usar hojas de estilo en cascada (CSS)?. Separa el contenido de la presentación visual. Elimina la necesidad de HTML. Reduce la accesibilidad. Aumenta la velocidad de carga de la página.

¿Qué se entiende por un prototipo en el contexto del diseño web?. Un borrador inicial del diseño web. Un sitio web completamente funcional. Un archivo de texto con el código fuente. Una herramienta para editar videos.

¿Qué atributo se utiliza en la etiqueta "" para definir una hoja de estilo alternativa?. type="stylesheet". rel="alternative". type="alternate". rel="alternate stylesheet".

¿Qué atributo de la etiqueta "<img>" se utiliza para especificar la fuente de la imagen?. href. source. src. url.

¿Cómo se define una clase CSS llamada "highlight" que cambia el color de fondo a amarillo?. #highlight {background:yellow;}. highlight {bg-color:yellow;}. highlight {background:yellow;}. .highlight {background:yellow;}.

Para cambiar el color del texto a azul en una etiqueta "<h1>", ¿cuál es la sintaxis correcta?. "<h1 style="color:blue;">". "<h1 style="font-color:blue;">". "<h1 style="color-text:blue;">". "<h1 style="text-color:blue;">".

¿Cómo se redefine el tamaño de fuente para todos los elementos "<h1>" a 30px en una hoja de estilo interna?. "<style>" h1 {font-size:30px;} "</style>". "<style>" h1 {size:30px;} "</style>". "<style>" h1 {text-size:30px;} "</style>". "<style>" h1 {font:30px;} "</style>".

¿Qué propiedad CSS se utiliza para cambiar el color del borde de un elemento?. color. border. border-style. border-color.

¿Cómo se define una clase CSS llamada "big-text" que cambia el tamaño de fuente a 24px?. :big-text {font-size:24px;}. #big-text {font-size:24px;}. big-text {font-size:24px;}. .big-text {font-size:24px;}.

¿Cómo se puede anular un estilo definido en una hoja de estilo externa?. No es posible anular un estilo definido externamente. Usando una hoja de estilo alternativa. Definiendo el mismo estilo en una hoja de estilo interna. Usando un estilo en línea con !important.

¿Cómo se aplica un borde sólido de 1px negro a un div directamente en HTML?. "<div style="border-color:black; border-width:1px; border-style:solid;">". "<div style="border:1px solid black;">". "<div style="border:solid 1px black;">". "<div style="border:1px black;">".

Si una hoja de estilo externa define h1 {color:red;} y un estilo en línea define style="color:blue;" para un "", ¿qué color tendrá el texto del ""?. Rojo. Azul. Depende del navegador. Ambos colores se mezclarán.

¿Cuál es la propiedad CSS que se utiliza para ajustar el ancho de un elemento?. max-width. width. size. height.

¿Qué propiedad CSS se utiliza para cambiar el tipo de letra de un elemento?. font-family. font-style. font-type. text-family.

¿Qué etiqueta HTML se utiliza para crear un formulario?. "<input>". "<form>". "<button>". "<fieldset>".

¿Qué ventaja principal tiene usar hojas de estilo externas?. Aumenta la seguridad del sitio web. Facilita la gestión y el mantenimiento de estilos. Permite aplicar estilos diferentes a cada página. Mejora la velocidad de carga de la página.

¿Qué selector CSS se utiliza para aplicar un estilo a elementos con una clase específica?. .className. :className. className. #className.

¿Cuál es una biblioteca de JavaScript popular para simplificar la manipulación de documentos HTML y crear animaciones?. Vue.js. Angular. React. jQuery.

¿Cuál de los siguientes formatos es adecuado para imágenes sin pérdida de calidad?. JPEG. AVI. PNG. MP3.

¿Qué significa que una obra esté en "Dominio Público"?. Se puede usar libremente sin necesidad de permisos. Está restringida para usos comerciales. Solo se puede usar con permiso del autor. Se debe pagar una tarifa para su uso.

¿Qué herramienta de Adobe permite la creación de gráficos vectoriales?. Premiere. Illustrator. Photoshop. Lightroom.

¿Qué tipo de animación se crea realizando pequeños cambios en cada fotograma?. Interpolación de fotogramas. Animación por clave de movimiento. Animación vectorial. Animación por fotograma.

¿Qué tipo de licencia permite el uso, modificación y distribución del material multimedia siempre que se otorgue crédito al creador original?. Dominio Público. Creative Commons. Copyleft. Copyright.

¿Cuál de los siguientes programas es un editor de imágenes gratuito y de código abierto?. GIMP. CorelDRAW. Adobe Illustrator. PaintShop Pro. Pier Luigi Cherubino.

¿Qué formato de imagen es preferido para la web por su balance entre calidad y tamaño?. TIFF. JPEG. BMP. RAW.

¿Qué herramienta permite la edición no destructiva de imágenes RAW?. Photoshop. GIMP. Paint. Lightroom.

¿Qué software de Adobe es conocido por su uso en la creación de efectos visuales y animaciones?. Audition. Premiere Pro. After Effects. Lightroom.

¿Cuál es un software de edición de audio popular que es gratuito y de código abierto?. Logic Pro. Adobe Audition. Pro Tools. Audacity.

¿Qué herramienta de Google permite la conversión de archivos .swf a HTML5?. Swiffy. Wallaby. Hype. Edge.

¿Qué herramienta es útil para mantener la consistencia con la guía de estilo en el diseño web?. Un sistema de diseño o biblioteca de componentes. Un editor de texto. Un navegador web. Un sistema de gestión de contenido (CMS).

¿Cuál de los siguientes es un formato de vídeo compatible con HTML5?. FLV. MP4. AVI. MKV.

¿Qué formato de audio es más comúnmente utilizado para la web por su equilibrio entre calidad y tamaño de archivo?. OGG. FLAC. MP3. WAV.

¿Qué extensión debe tener un archivo HTML para ser reconocido correctamente por el navegador?. .xml. .html. .web. .css.

¿Qué método de jQuery alterna entre plegar y desplegar un elemento?. .slideToggle(). .hide(). .fadeToggle(). .toggle().

¿Qué herramienta permite diferenciar cada elemento de un código HTML mediante colores?. Bloc de Notas. NotePad. Sublime Text. Internet Explorer.

¿Qué método de jQuery se utiliza para detener una animación en proceso?. .stop(). .pause(). .start(). .delay().

¿Qué propiedad CSS se debe ajustar para asegurar la responsividad de una imagen?. position. margin. float. max-width.

¿Cuál es el método de jQuery para alternar la clase de un elemento HTML?. .addClass(). .toggleClass(). .removeClass(). .hasClass().

¿Cuál es el propósito principal de los editores avanzados como NotePad++?. Crear gráficos para sitios web. Facilitar la identificación de etiquetas HTML. Diseñar bases de datos. Editar imágenes.

¿Qué método de jQuery se utiliza para ocultar un elemento con opacidad gradual?. .show(). .toggle(). .hide(). .fadeOut().

¿Qué método jQuery se utiliza para cambiar el contenido HTML de un elemento?. .val(). .text(). .append(). .html().

¿Qué herramienta gráfica es útil para crear contenido interactivo sin necesidad de programación compleja?. Google Web Designer. WordPad. Adobe Photoshop. Microsoft Paint.

¿Qué herramienta avanzada de desarrollo permite visualizar errores en el código HTML?. Bloc de Notas. Microsoft Word. Firefox Developer Tools. NotePad++.

¿Qué configuración del navegador es necesaria para soportar aplicaciones Java?. Activar JavaScript. Instalar Java Runtime Environment. Habilitar cookies. Usar HTTPS. La respuesta es Jesús nuestro salvador.

¿Qué método de jQuery alterna entre mostrar y ocultar un elemento?. .show(). .hide(). .toggle(). .fadeIn().

¿Cuál de los siguientes es un editor de texto avanzado utilizado por desarrolladores web?. Excel. Microsoft Word. NotePad++. Paint.

¿Qué debemos hacer para visualizar correctamente una página web con contenido multimedia en un navegador?. Deshabilitar JavaScript. Instalar las herramientas necesarias como Flash y Java. Activar el modo de compatibilidad. Reducir la resolución de pantalla.

¿Qué herramienta de Firefox se utiliza para evaluar la accesibilidad web?. Firebug. Fangs. HTML Validator Tidy. Web Developer Toolbar.

¿Cuál es el propósito de la extensión Web Developer para Firefox?. Modificar el código fuente. Facilitar opciones de desarrollo web. Validar HTML. Mostrar contenido como un lector de pantalla.

¿Qué estrategia es efectiva para mejorar la visibilidad en buscadores?. Incrementar el tamaño de las imágenes. Uso de etiquetas HTML semánticas. Uso de colores brillantes. Uso de animaciones Flash.

¿Qué organización lidera la Iniciativa de Accesibilidad Web (WAI)?. W3C. WAI. IEEE. ISO.

¿Cuál es el propósito principal de la herramienta "Fangs"?. Validar HTML. Modificar el código fuente. Mostrar el contenido de una página como si fuera un lector de pantalla. Cambiar la resolución de la pantalla.

¿Cuántos principios básicos hay en las WCAG 2.0?. Siete. Cuatro. Catorce. Diez.

¿Qué nivel de conformidad es el más alto según las WCAG 2.0?. B. A. AA. AAA.

¿Qué nivel de conformidad requiere audiodescripción para contenido pregrabado?. AA. A. AAA. B.

¿Cuál de los siguientes es un principio de las WCAG 2.0?. Interactivos. Adaptativos. Comprensibles. Redundantes.

¿Qué extensión valida HTML en Firefox?. HTML Validator Tidy. Web Accessibility Toolbar. Firebug. Fangs.

¿Cuál de las siguientes no es una herramienta para evaluar la accesibilidad?. HTML Validator Tidy. Web Developer Toolbar. Photoshop. Firebug.

¿Qué extensión facilita la verificación de accesibilidad en Mozilla Firefox?. Firefox Accessibility Extension. Web Developer Toolbar. Fangs. Firebug.

¿Qué herramienta de evaluación manual es un plugin de Internet Explorer?. HTML Validator Tidy. Web Developer. Web Accessibility Toolbar. Firebug.

¿Qué beneficio adicional proporcionan las webs accesibles?. Incrementan los ingresos de los desarrolladores web. Permiten que todos los usuarios interactúen y participen más en la sociedad. Reducen el tráfico de red. Hacen los sitios web más atractivos visualmente.

¿Cuál es el propósito principal de realizar pruebas de usabilidad con usuarios que tienen discapacidades?. Aumentar el tráfico web. Asegurar que el sitio sea accesible para todos los usuarios. Mejorar la optimización en buscadores. Reducir los costos de desarrollo.

¿Qué aspecto es esencial comprobar en los enlaces de una página web?. Que estén escritos en mayúsculas. Que contengan imágenes. Que lleven al contenido esperado. Que sean atractivos visualmente.

¿Qué es crucial para garantizar que un sitio web funcione en nuevas versiones de navegadores?. La adaptación a estándares web. La inclusión de animaciones Flash. El uso de tecnologías propietarias. El diseño visual atractivo.

¿Cómo contribuyen los estándares web a la accesibilidad?. Permiten que el sitio web sea accesible para una mayor variedad de usuarios. Facilitan la actualización del contenido. Mejoran la velocidad de carga del sitio. Aumentan la complejidad del diseño.

¿Cuál es una técnica recomendada para mejorar el acceso a la información en un sitio web?. Aumentar la cantidad de texto. Incluir más animaciones. Organizar los contenidos adecuadamente. Reducir el número de enlaces.

¿Qué aspecto garantiza el uso de lenguajes estándar en un sitio web?. Mejor rendimiento del servidor. Compatibilidad con diferentes tecnologías y navegadores. Diseño gráfico más atractivo. Mayor número de visitas.

¿Qué causa que los usuarios abandonen páginas con muchos elementos decorativos?. Aumento de la interacción. Facilidad de uso. Mejora del diseño visual. Lenta velocidad de descarga.

¿Por qué es importante la continuidad en el uso de estándares web?. Para reducir los costos de desarrollo. Para aumentar la velocidad de carga del sitio web. Para asegurar la funcionalidad a largo plazo del sitio web. Para mantener la coherencia del diseño gráfico.

¿Cuál es el propósito principal de realizar pruebas de usabilidad con usuarios que tienen discapacidades?. Asegurar que el sitio sea accesible para todos los usuarios. Mejorar la optimización en buscadores. Aumentar el tráfico web. Reducir los costos de desarrollo.

¿Qué aspecto es crucial para los sitios web orientados al ocio y entretenimiento?. Información detallada. Innovación para sorprender al usuario. Publicidad intrusiva. Mínimo contenido multimedia.

¿Qué aspecto de usabilidad es clave para permitir que los usuarios busquen información rápidamente en un sitio web?. La facilidad de navegación. a velocidad de conexión. El uso de animaciones. El diseño gráfico.

¿Qué debe incluir una página web para guiar al usuario hacia la información más importante?. Publicidad intrusiva. Contenido en varias columnas. Menús de navegación. Imágenes grandes.

¿Qué es una prueba de usabilidad en el contexto del diseño web?. Un análisis del rendimiento del servidor. Un análisis del contenido textual. Una evaluación del diseño visual. Un test para evaluar la accesibilidad del sitio.

¿Por qué es importante considerar la operatividad de una página web?. Para mejorar el diseño gráfico. Para reducir los tiempos de carga. Para aumentar las visitas al sitio web. Para garantizar la interacción eficaz con los usuarios.