Diseño de Interfaces Web

¿Cuál es el beneficio de mantener una consistencia visual en una interfaz web?. Mejora la velocidad de la página. Facilita la navegación y comprensión del usuario. Permite el uso de más colores. Incrementa el tamaño de los archivos.

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

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

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

¿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 reducir el tamaño de los archivos. Para evitar la uniformidad en el diseño.

¿Qué elemento ayuda a definir la estructura y organización de una página web?. Uso de animaciones. Diseño de una cuadrícula o grid. Añadir sonido de fondo. Empleo de múltiples tipografías.

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

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

¿Cuál es una buena práctica al seleccionar tipografías para una página web?. Usar más de cinco tipos de fuente diferentes. Elegir tipografías que sean legibles en diferentes tamaños de pantalla. Utilizar solo fuentes cursivas. Evitar el uso de negrita y cursiva.

¿Cuál de los siguientes es un principio básico de la comunicación visual?. Empleo de colores aleatorios. Evitar el uso de imágenes. Mantener un equilibrio visual. Uso excesivo de texto en una página web.

¿Qué permite hacer una plantilla de diseño?. Mejorar la velocidad de carga del sitio. Evitar el uso de hojas de estilo. Estandarizar el diseño y ahorrar tiempo. Crear contenido dinámico sin programación.

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

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

¿Por qué es importante definir una guía de estilo antes de comenzar el desarrollo de una web?. Para asegurar una base sólida y coherente para el desarrollo. Para permitir cambios de diseño frecuentes. Para evitar la creación de prototipos. Para eliminar la necesidad de revisiones.

¿Qué aspecto no se cubre generalmente en una guía de estilo?. Paleta de colores. Tipografía. Estructura de archivos del servidor. Espacios en blanco.

¿Cuál es el propósito principal de una guía de estilo en el diseño web?. Aumentar la cantidad de gráficos utilizados. Mantener una coherencia visual y funcional en todo el sitio web. Permitir el uso de diferentes diseños en cada página. Reducir la calidad de las imágenes.

¿Cuál es una ventaja de usar un gestor de contenido (CMS) en el diseño web?. Requiere conocimientos avanzados de programación. Facilita la gestión y actualización del contenido. Aumenta el tiempo necesario para desarrollar el sitio. Limita las opciones de diseño.

¿Qué es una plantilla de diseño web?. Un archivo de imagen. Un software de edición de fotos. Un diseño predefinido que se puede usar como base para un sitio web. Un lenguaje de programación.

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

¿Qué se debe considerar al elegir una plantilla de diseño?. Que tenga el mayor número de animaciones posible. Que sea compatible solo con un navegador. Que se adapte a las necesidades y objetivos del sitio web. Que sea gratuita, sin importar la calidad.

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

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

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

¿Cuál de los siguientes es un beneficio de aplicar una guía de estilo?. Disminuye la accesibilidad del sitio web. Aumenta el tiempo de desarrollo. Permite diseños inconsistentes. Facilita la colaboración del equipo de desarrollo.

¿Qué incluye una guía de estilo para un sitio web?. Solo las reglas para la codificación. Normas sobre colores, tipografía, y diseño de elementos. Únicamente las imágenes a utilizar. Solo las especificaciones técnicas del servidor.

¿Cómo se enlaza una hoja de estilo externa en un documento HTML?. "<link rel="stylesheet" type="text/css" href="styles.css">". "<style src="styles.css">". "<stylesheet link="styles.css">". "<import href="styles.css">".

¿Cuál es el propósito del atributo alt?. Especificar la fuente de la imagen. Proporcionar texto alternativo para la imagen. Definir el ancho de la imagen. Definir el alto de la imagen.

¿Cómo se pueden aplicar múltiples hojas de estilo externas a un solo documento HTML?. Usando múltiples etiquetas link en la sección head. Usando múltiples etiquetas link en la sección body. Usando la propiedad @import dentro de una etiqueta. No es posible.

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

¿Qué etiqueta HTML se utiliza para crear un enlace?. "<link>". "<a>". "<href>". <url>".

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

¿Cuál es la función principal de la etiqueta 'span' en HTML?. Definir un enlace. Crear un contenedor para agrupar otros elementos. Insertar una imagen. Crear una lista.

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

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

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

¿Cómo se aplica una clase CSS llamada "text-center" a un párrafo?. "<p class="text-center">"Texto"</p>". "<p id="text-center">"Texto"</p>". "<p style="text-center">"Texto"</p>". "<p name="text-center">"Texto"</p>".

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

¿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:30px;} "</style>". "<style>" h1 {font-size:30px;} "</style>". "<style>" h1 {size:30px;} "</style>". "<style>" h1 {text-size:30px;} "</style>".

¿Qué propiedad CSS se utiliza para redefinir el margen de un párrafo a 20px?. padding. margin. border. spacing.

¿Cuál es la forma correcta de definir una clase CSS que aplique un borde rojo sólido de 2px a cualquier elemento?. .border-red {border:2px solid red;}. .border-red {border-color:2px solid red;}. #border-red {border:2px solid red;}. .border-red {border-width:2px solid red;}.

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

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

¿Cómo se define una hoja de estilo alternativa en HTML?. "<link rel="stylesheet" type="text/css" href="style.css">". "<link rel="alternate stylesheet" type="text/css" href="alternate.css">". "<link rel="stylesheet" type="alternate/css" href="style.css">". "<link rel="stylesheet" type="text/alternate" href="alternate.css">".

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

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

¿Qué acción no está permitida bajo una licencia Creative Commons con la cláusula "No Derivatives"?. Compartir la obra original. Modificar la obra. Usar la obra para proyectos personales. Dar crédito al autor original.

¿Qué implica la cláusula "No Comercial" en una licencia Creative Commons?. La obra puede ser usada para fines comerciales. La obra no puede ser usada para fines comerciales. La obra no puede ser modificada. La obra debe compartirse bajo la misma licencia.

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

¿Cuál es la principal diferencia entre una licencia Creative Commons y el Copyright tradicional?. Creative Commons siempre requiere pago. Copyright permite más libertad de uso. Creative Commons permite al autor conceder ciertos permisos anticipadamente. Copyright no requiere otorgar crédito al autor.

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

¿Qué formato de imagen es ideal para animaciones simples en la web?. JPEG. GIF. BMP. TIFF.

¿Qué programa es ampliamente utilizado para la edición de imágenes y diseño gráfico?. Adobe Premiere. Adobe Photoshop. Adobe After Effects. Adobe Audition.

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

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

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

¿Qué es una guía de estilo en el contexto del diseño web?. Un manual para usar software de diseño. Un conjunto de reglas y recomendaciones para mantener la consistencia visual y funcional de un sitio web. Una lista de formatos de archivos multimedia. Un tutorial sobre programación web.

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

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

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

¿Qué tipo de interpolación en Flash transforma un objeto en otro?. De movimiento. De forma. De color. De tamaño.

¿Qué opción de sincronización de audio en Flash permite que el sonido se reproduzca de manera continua en el fondo, descargándose de internet conforme se va reproduciendo la animación?. Evento. Flujo. Inicio. Detener.

¿Qué formato de vídeo es compatible con HTML5 y es ampliamente utilizado para compartir vídeos en línea?. AVI. FLV. MKV. MP4.

¿Cuál de los siguientes aspectos NO es típicamente cubierto por una guía de estilo?. Tipografía. Colores. Formatos de vídeo. Espaciado.

¿Cuál de los siguientes programas permite crear animaciones con imágenes fijas y es parte de Adobe Creative Cloud?. Lightroom. Premiere Pro. Animate. Photoshop.

¿Cuál de los siguientes formatos de audio es adecuado para su uso en la web por su compresión sin pérdida?. MP3. WAV. FLAC. AAC.

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

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

¿Qué función de jQuery se utiliza para retrasar la animación de un elemento?. .stop(). .animate(). .delay(). .slideUp().

¿Cuál es el propósito de la función callback en jQuery?. Ejecutar código antes de que termine la animación. Ejecutar código después de que termine la animación. niciar una animación. Detener una animación.

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

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

¿Qué configuración del navegador es necesaria para soportar aplicaciones Java?. Instalar Java Runtime Environment. Habilitar cookies. Activar JavaScript. Usar HTTPS.

¿Cuál de las siguientes es una biblioteca de JavaScript que facilita la creación de contenido interactivo?. React. jQuery. Angular. Vue.js.

¿Qué instrucción en jQuery se utiliza para asegurarse de que el código se ejecute solo cuando el documento HTML esté completamente cargado?. $(document).load(function() { ... });. $(document).ready(function() { ... });. $(document).start(function() { ... });. $(document).init(function() { ... });.

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

¿Qué herramienta se usa para comprobar el rendimiento de un sitio web en distintos navegadores?. Google Analytics. Lighthouse. Google Trends. Firebase.

¿Qué herramienta de desarrollador en Chrome permite emular dispositivos móviles?. Console. Network. Device Mode. Elements.

¿Qué etiqueta HTML se usa para insertar una imagen en una página web?. pic. img. src. href.

¿Cuál es el propósito del atributo 'controls' en la etiqueta ?. Establecer la fuente del video. Proveer controles de reproducción al usuario. Iniciar la reproducción automática del video. Repetir el video en bucle.

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

¿Qué formato de imagen es mejor para gráficos con transparencia?. JPEG. PNG. BMP. GIF.

¿Qué método de jQuery oculta un elemento con un efecto de deslizamiento hacia arriba?. .hide(). .slideUp(). .fadeOut(). .toggle().

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

¿Qué función de jQuery se usa para agregar un evento de clic a un botón?. .hover(). .click(). .mouseover(). .keypress().

¿Qué tecnología es adecuada para agregar videos a una página web sin necesidad de plugins adicionales?. Flash. Silverlight. HTML5. Java.

¿Qué pauta se relaciona con la creación de contenido que se presenta de diferentes formas sin perder estructura?. Operatividad. Robustez. Perceptibilidad. Comprensibilidad.

¿Qué extensión de Mozilla Firefox ayuda a verificar la accesibilidad web?. Firebug. Fangs. Firefox Accessibility Extension. Web Accessibility Toolbar.

¿Qué error puede producirse si no se reconoce el lenguaje natural utilizado en la web?. Fallos de navegación. Errores en las abreviaciones que los dispositivos Braille o lectores de pantalla no pueden traducir. Lentitud en la carga de la página. Incompatibilidad con navegadores antiguos.

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

¿Qué se entiende por accesibilidad web?. La capacidad de un sitio web para ser accedido solo desde dispositivos móviles. La capacidad de un sitio web para ser accedido independientemente del contexto, idioma, cultura, lugar geográfico y discapacidad. La capacidad de un sitio web para cargar rápidamente. La capacidad de un sitio web para ser accesible solo desde un país.

¿Qué herramienta permite evaluar la accesibilidad de un sitio web de forma automática?. Web Developer Toolbar. HTML Validator Tidy. Firebug. Ninguna herramienta puede garantizar una evaluación completa al 100%.

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

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

¿Qué nivel de conformidad se recomienda cumplir como mínimo para garantizar la accesibilidad básica?. A. AA. AAA. B.

¿Qué se debe asegurar al crear tablas para garantizar la accesibilidad?. Que sean fáciles de transformar a través de aplicaciones y navegadores accesibles. Que utilicen colores brillantes. Que tengan bordes gruesos. Que estén centradas en la página.

¿Cuál de las siguientes extensiones permite modificar el código fuente en Firefox?. Firebug. HTML Validator Tidy. Fangs. Web Accessibility Toolbar.

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

¿Qué herramienta permite la verificación de HTML en Firefox?. Web Developer Toolbar. HTML Validator Tidy. Firebug. Fangs.

¿Qué beneficio adicional ofrece el uso de texto alternativo en imágenes?. Mejora la estética del sitio web. Incrementa el tiempo de carga. Mejora la accesibilidad y el SEO. Reduce la compatibilidad con navegadores antiguos.

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 animaciones Flash. Uso de colores brillantes.

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

¿Qué extensión de Firefox ayuda a usuarios con discapacidades a navegar por el contenido?. Firebug. Firefox Accessibility Extension. Fangs. Web Accessibility Toolbar.

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

¿Qué herramienta muestra el contenido de una página como un lector de pantalla?. Firebug. HTML Validator Tidy. Fangs. Web Developer Toolbar.

¿Cuál de las siguientes herramientas permite ver el contenido de una página como si fuera un lector de pantalla?. Firebug. HTML Validator Tidy. Fangs. Web Accessibility Toolbar.

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

¿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é debe considerar un diseñador web al crear una página para usuarios con diferentes capacidades?. La velocidad del servidor. Las expectativas y capacidades de los usuarios. La cantidad de publicidad. El uso de animaciones Flash.

¿Cuál es una de las principales ventajas de utilizar estándares como HTML, XML y XHTML en el diseño web?. Mejora la estética del sitio web. Facilita la continuidad y adaptabilidad del sitio web. Aumenta la velocidad de carga. Reduce la necesidad de pruebas de usabilidad.

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

¿Qué tipo de sitio web se centra principalmente en actividades comerciales y la promoción de productos?. Sitio web educativo. Blog personal. Web corporativa. Foro de discusión.

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

¿Qué principio de usabilidad se refiere a la facilidad de comprensión de la interfaz y el contenido?. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

¿Qué lenguaje de marcas es fundamental para garantizar la adaptabilidad de un sitio web a nuevas tecnologías?. JavaScript. CSS. HTML. PHP.

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

¿Qué garantiza la implementación de HTML y CSS según los estándares web?. Mejora del rendimiento del servidor. Consistencia y fiabilidad del contenido. Aumento del tráfico web. Reducción del número de enlaces.

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

¿Cuál es un beneficio de utilizar lenguajes estándar como HTML en el desarrollo web?. Mejora el diseño gráfico. Asegura la compatibilidad con diferentes navegadores. Aumenta la cantidad de visitas. Reduce la necesidad de contenido multimedia.

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

¿Qué factor puede mejorar la navegación en una página web?. Mayor cantidad de publicidad. Sistema de navegación bien diseñado. Más animaciones. Texto en varias columnas.

¿Qué problema puede surgir si un sitio web no sigue los estándares web?. Aumento de la velocidad de carga. Incompatibilidad con ciertos navegadores. Reducción del costo de desarrollo. Mejora del rendimiento del servidor.

¿Por qué es importante probar la usabilidad de una interfaz web en diferentes navegadores?. Para aumentar la velocidad del sitio. Para asegurar la compatibilidad y funcionalidad. Para reducir el costo de desarrollo. Para mejorar el diseño gráfico.

¿Cuál es un problema común que lleva a los usuarios a abandonar una página web?. Falta de elementos visuales. Tiempo de descarga superior a tres segundos. Demasiados colores. Poca cantidad de texto.

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

¿Qué es necesario validar en una página web para mejorar la usabilidad?. La cantidad de texto. Que todos los enlaces estén operativos. La complejidad del diseño. El número de imágenes.