Test cuestionario de diseño web - the question form
Preguntas: 16 · 10 minutos
1. Un control en el que se puede hacer clic parece texto normal del cuerpo, por lo que los usuarios suelen pasarlo por alto. ¿Qué cambio mejora de forma más directa la percepción de que se puede interactuar con él?
Mover su controlador de clic a otro archivo JavaScript
Acortar la descripción de metadatos de la página
Darle un estilo claro de botón y estados de interacción visibles
Reemplazar su texto por un ícono sin explicación
2. Antes de que las técnicas de diseño con CSS adquirieran capacidades amplias y fueran ampliamente compatibles, ¿qué método se utilizaba habitualmente para organizar diseños de página complejos?
Escenas de WebGL
Plantillas de CSS Grid
Tablas HTML anidadas
Componentes de Shadow DOM
3. Un adorno puramente decorativo aparece junto a un encabezado y no comunica ninguna información. ¿Cuál es el atributo alt más adecuado para su elemento <img>?
Un valor alt como ""imagen decorativa del encabezado""
Un valor alt vacío: alt=""""
Un valor alt que contenga el nombre del archivo de imagen
Ningún atributo alt, porque las imágenes decorativas están exentas
4. Necesitas exportar una imagen fotográfica con muchos colores y sin transparencia. Entre estas opciones tradicionales, ¿qué formato suele ser el más adecuado?
SVG
JPEG
GIF
BMP sin comprimir
5. ¿Qué suele implicar una estrategia CSS que prioriza los dispositivos móviles?
Diseñar únicamente para teléfonos y bloquear las pantallas más grandes
Ofrecer a los usuarios de dispositivos móviles contenido sin estilos ni navegación
Crear un diseño de escritorio de ancho fijo y reducirlo con el zoom del navegador
Comenzar con estilos para áreas de visualización más pequeñas y luego mejorar los diseños en puntos de quiebre más amplios
6. ¿Qué enfoque ilustra mejor la mejora progresiva?
Comenzar con contenido básico funcional y accesible, y luego agregar funciones más avanzadas donde sean compatibles
Exigir el navegador más reciente antes de mostrar cualquier contenido
Crear primero la interfaz animada y agregar texto solo si el tiempo lo permite
Crear sitios independientes y sin relación entre sí para cada marca de navegador
7. Un elemento usa el modelo estándar content-box con width: 200px, un relleno de 20px a cada lado y un borde de 5px a cada lado. Sin contar el margen, ¿cuál es su ancho total renderizado?
230px
240px
250px
200px
8. ¿Cuál es la función principal de CSS en una página web?
Controlar la presentación, incluidos el diseño, el color y la tipografía
Definir el significado y la estructura documental del contenido
Almacenar datos permanentes del usuario en el navegador
Procesar solicitudes en el servidor web
9. Una página de destino contiene un encabezado, texto complementario y una acción principal, pero todos los elementos tienen casi el mismo tamaño y peso visual. ¿Qué principio debe reforzarse primero?
Mejora progresiva
Jerarquía visual
Control de versiones
Normalización de datos
10. Un formulario muestra visualmente la palabra “Correo electrónico” encima de un campo, pero las tecnologías de asistencia no la identifican como el nombre del campo. ¿Cuál es la mejor corrección?
Colocar “Correo electrónico” únicamente en el marcador de posición del campo
Agregar la palabra “Correo electrónico” como un pseudoelemento generado por CSS
Agregar un título al botón de envío del formulario
Asociar mediante programación un elemento <label> con el campo de entrada
11. ¿Qué texto de enlace resulta más útil cuando una persona usuaria de lector de pantalla revisa una lista de enlaces sin los párrafos que los rodean?
Ver el horario del curso
Más
Leer esto
Haz clic aquí
12. ¿Qué elemento HTML identifica de forma más directa el contenido principal exclusivo de una página?
<main>
<article>
<section>
<div>
13. Una página salta hacia abajo a medida que aparecen imágenes grandes durante la carga. ¿Qué cambio reduce de forma más directa este desplazamiento inesperado del diseño?
Colocar todos los scripts en el encabezado del documento
Convertir los enlaces de navegación a mayúsculas
Aumentar la resolución de visualización de las imágenes
Especificar las dimensiones de las imágenes o reservar el espacio correspondiente a su relación de aspecto
14. ¿Cuál era el propósito principal del primer sitio web, creado por Tim Berners-Lee en el CERN?
Proporcionar un motor de búsqueda gráfico para bibliotecas universitarias
Publicar los datos de colisiones de partículas del CERN como un archivo en línea
Explicar el proyecto World Wide Web y cómo podían utilizarlo las personas
Demostrar el primer sistema comercial de compras en línea
15. Según el marco de las WCAG, hacer que el texto pueda distinguirse del fondo favorece principalmente ¿qué principio de accesibilidad?
Operable
Comprensible
Robusto
Perceptible
16. Una página de escritorio con dos columnas debe convertirse en una sola columna legible en pantallas estrechas. ¿Qué técnica facilita este cambio de forma más directa?
Agregar un archivo HTML diferente para cada ancho de pantalla
Usar un diseño flexible con una consulta de medios de CSS adecuada
Colocar el contenido dentro de una tabla HTML
Aumentar el ancho fijo de la página en píxeles