Diseño de Interfaces web

¿Qué es el diseño de interfaces web?. La estructura lógica de una base de datos. El diseño gráfico y la experiencia de usuario de una aplicación web. La programación del backend de una aplicación. La instalación de un servidor web.

¿Cuál de las siguientes tecnologías se utiliza comúnmente para diseñar interfaces web?. SQL. HTML y CSS. PHP. Python.

¿Qué significa la sigla UX en el contexto de diseño web?. User Experience. User Example. Unique Execution. Universal Extension.

¿Qué es el atributo ID en HTML?. Un identificador único para un elemento. Un atributo para definir el tipo de dato. Un elemento invisible en la página. Un selector de CSS.

¿Qué propiedad en CSS se utiliza para cambiar el color de fondo?. color. background-color. font-color. text-background.

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

¿Qué significa CSS?. Creative Style System. Cascading Style Sheets. Computer Style Syntax. Central Style System.

¿Cuál de las siguientes opciones define mejor el atributo alt en una etiqueta <img>?. El título de la imagen. El texto alternativo que describe la imagen. El tamaño de la imagen. La URL de la imagen.

¿Qué propiedad de CSS se utiliza para cambiar el tamaño del texto?. font-family. font-weight. font-size. text-size.

¿Cuál es el propósito del atributo placeholder en un campo de entrada HTML?. Proporcionar un valor predeterminado al campo. Mostrar un texto indicativo dentro del campo hasta que el usuario escriba algo. Definir el tipo de dato del campo. Cambiar el color de fondo del campo.

El atributo class en HTML se puede usar en múltiples elementos. Verdadero. Falso.

CSS Grid es una técnica para crear diseños de página en dos dimensiones. Verdadero. Falso.

El atributo src se utiliza para vincular hojas de estilo externas. Verdadero. Falso.

¿Qué hace el siguiente código jQuery? $(document).ready(function() { alert("Hola Mundo!"); });. Muestra un mensaje de alerta cuando la página se carga. Muestra el mensaje "Hola Mundo!" solo si el documento está vacío. Llama a una función para ocultar un elemento. Muestra un mensaje solo cuando el documento está listo.

¿Cómo seleccionas todos los elementos <div> usando jQuery?. $(".div"). $("div"). $("#div"). $("div, .div").

¿Cuál es la función de jQuery que se utiliza para ocultar un elemento de la página?. .hide(). .visible(). .opacity(). .remove().

¿Cómo puedes cambiar el texto de un elemento con el id #miElemento usando jQuery?. $("#miElemento").text("Nuevo Texto");. $("#miElemento").change("Nuevo Texto");. $("#miElemento").update("Nuevo Texto");. $("#miElemento").html("Nuevo Texto");.

¿Cómo puedes agregar una clase activo a un elemento con jQuery?. $("#miElemento").addClass("activo");. $("#miElemento").setClass("activo");. $("#miElemento").class("activo");. $("#miElemento").insertClass("activo");.

¿Qué función de jQuery permite realizar una animación para cambiar la opacidad de un elemento?. .fadeIn(). .fadeOut(). .fadeTo(). .fade().

¿Cuál es la forma correcta de seleccionar todos los elementos con la clase .miClase usando jQuery?. $(".miClase"). $("#miClase"). $(miClase). $(.miClase).

¿Qué es la accesibilidad web?. El diseño de páginas web con colores brillantes. La capacidad de una página web para ser utilizada por personas con discapacidades. La optimización de la página web para dispositivos móviles. La creación de sitios web que se carguen rápidamente.

¿Cuál es el objetivo principal de las WCAG (Web Content Accessibility Guidelines)?. Mejorar el rendimiento de los motores de búsqueda. Asegurar que los contenidos web sean accesibles para todas las personas, incluidas aquellas con discapacidades. Optimizar la experiencia del usuario en dispositivos móviles. Asegurar que las páginas web se vean correctamente en todos los navegadores.

¿Cuál de las siguientes acciones mejora la accesibilidad web?. Usar colores brillantes y texto pequeño. Proporcionar texto alternativo en imágenes. Usar solo imágenes en lugar de texto. Agregar múltiples fuentes de música de fondo.

¿Qué es la usabilidad en el contexto de diseño web?. El diseño de la interfaz gráfica de usuario. La facilidad con la que los usuarios pueden interactuar con una página web para lograr sus objetivos. La cantidad de contenido que se puede mostrar en una página. La implementación de tecnología avanzada en la página web.

La accesibilidad solo se refiere a los usuarios con discapacidad visual. Verdadero. Falso.

Las etiquetas <alt> en las imágenes son importantes para la accesibilidad porque permiten a los lectores de pantalla describir las imágenes a los usuarios ciegos o con visión limitada. Verdadero. Falso.

El contraste entre el texto y el fondo no tiene importancia para la accesibilidad web. Verdadero. Falso.

El uso de un diseño responsivo mejora la usabilidad de una página web en dispositivos móviles. Verdadero. Falso.

Usar encabezados jerárquicos correctamente (como <h1>, <h2>, etc.) mejora la accesibilidad de la página. Verdadero. Falso.

El uso de formularios sin etiquetas adecuadas no afecta a la accesibilidad de la página. Verdadero. Falso.

¿Qué significa la usabilidad en términos de accesibilidad web?. La facilidad con la que los usuarios pueden acceder a la página web, independientemente de sus capacidades. El tiempo que tarda una página web en cargarse. La facilidad con la que los motores de búsqueda pueden indexar una página web. La belleza visual de una página web.

¿Cuál de las siguientes afirmaciones describe mejor el principio de "perceptibilidad" en las pautas WCAG?. Los contenidos deben ser accesibles a través de tecnologías de asistencia como lectores de pantalla. Los contenidos deben ser legibles en cualquier dispositivo. Los contenidos deben estar disponibles para todos los navegadores. Los contenidos deben ser accesibles únicamente mediante texto.

En CSS, el símbolo # se utiliza para seleccionar un ID. Verdadero. Falso.

JavaScript se utiliza solo para el diseño gráfico de una página web. Verdadero. Falso.

El atributo href en HTML se utiliza para definir un enlace a otro recurso. Verdadero. Falso.

CSS Flexbox se utiliza para crear diseños unidimensionales. Verdadero. Falso.

HTML es un lenguaje de programación. Verdadero. Falso.

Un archivo CSS puede ser enlazado a múltiples páginas HTML. Verdadero. Falso.

El elemento <footer> en HTML define el pie de página de un documento. Verdadero. Falso.

El atributo disabled en HTML se usa para desactivar un elemento de formulario. Verdadero. Falso.

Los selectores en CSS solo pueden aplicarse a clases. Verdadero. Falso.

En HTML, el atributo lang define el idioma de un documento. Verdadero. Falso.

Los comentarios en CSS se encierran entre <!-- y -->. Verdadero. Falso.

El atributo type en la etiqueta <script> especifica el tipo de contenido de un script. Verdadero. Falso.

¿Qué etiqueta HTML se utiliza para insertar una imagen en una página web?. <picture>. <img>. <src>. <image>.

¿Qué propiedad en CSS se utiliza para centrar un texto horizontalmente?. align. text-align. justify. center-text.

¿Cuál de los siguientes selectores CSS selecciona un elemento por su identificador?. . #. *. >.

¿Qué etiqueta HTML define una lista no ordenada?. <list>. <ul>. <li>. <ol>.

¿Qué propiedad de CSS se utiliza para establecer el margen externo de un elemento?. padding. border. margin. spacing.

¿Qué etiqueta HTML se utiliza para definir una tabla?. <table>. <grid>. <tab>. <td>.

¿Qué significa la sigla SEO en el contexto de desarrollo web?. Simple Engine Optimization. Search Engine Optimization. Secure Enhanced Object. Static Engine Operator.

¿Cuál es la función de la etiqueta <meta> en HTML?. Añadir contenido visible en la página. Definir metadatos como descripción, autor o palabras clave. Crear enlaces a otros documentos. Establecer el idioma de una página.

¿Qué propiedad CSS define el estilo de borde de un elemento?. border-style. border-width. border-color. border-effect.

¿Qué valor de la propiedad position en CSS coloca un elemento en una posición fija en la pantalla?. static. relative. absolute. fixed.

La etiqueta <strong> en HTML se utiliza para mostrar texto en negrita. Verdadero. Falso.

La propiedad opacity: 0 en CSS hace que el elemento sea completamente transparente. Verdadero. Falso.

HTML5 introdujo la etiqueta <video> para reproducir contenido multimedia. Verdadero. Falso.

El atributo name en HTML se usa para asignar un nombre único a un elemento. Verdadero. Falso.

La pseudoclase :hover en CSS se activa cuando el usuario hace clic en un elemento. Verdadero. Falso.

La etiqueta <section> en HTML se utiliza para definir una sección del documento. Verdadero. Falso.

En CSS, display: none oculta un elemento pero sigue ocupando espacio en el diseño. Falso. Verdadero.

La etiqueta <audio> permite incrustar archivos de sonido en una página web. Verdadero. Falso.

La etiqueta <form> en HTML se utiliza para crear formularios de entrada de datos. Verdadero. Falso.

La propiedad z-index en CSS determina el orden de apilamiento de los elementos. Verdadero. Falso.

La propiedad float en CSS permite alinear un elemento al centro de la página. Verdadero. Falso.

La etiqueta <canvas> en HTML5 se utiliza para dibujar gráficos en el navegador. Verdadero. Falso.

La etiqueta <br> se utiliza para insertar un salto de línea en HTML. Verdadero. Falso.

Los colores en CSS pueden definirse utilizando valores RGB o hexadecimales. Verdadero. Falso.

La etiqueta <nav> en HTML se utiliza para definir un área de navegación en una página web. Verdadero. Falso.