Examen nivel 1 — Elementor

Examen — preguntas reforzadas

15 preguntas para validar la construcción de una página: contenedores Flexbox, widgets básicos, las 3 pestañas, estilo/espaciado y responsive.
Responde a todo y luego haz clic en Corregir: cada explicación vuelve a enseñar el concepto.

1.1 · Recuerdo

1. En un contenedor Flexbox, ¿qué ajusta la "dirección"?

La alineación en fila (horizontal) o en columna (vertical) El color de fondo del contenedor El tamaño de la fuente El nombre del contenedor

La dirección define si los elementos se alinean en fila (horizontal) o en columna (vertical).

1.1 · Aplicación

2. Para espaciar de forma regular 3 tarjetas en una fila, ¿qué ajuste usas?

Un margen distinto en cada una El gap del contenedor Un CSS personalizado obligatorio Nada, es automático y no ajustable

El gap fija un espacio regular entre los elementos, más limpio que márgenes individuales.

1.1 · Arbitraje

3. Nadia quiere que 3 tarjetas en fila se apilen en el móvil. ¿Qué debe activar?

Un segundo H1 El CSS personalizado únicamente El wrap (salto de línea) del contenedor La eliminación de las tarjetas en el móvil

El wrap permite a los elementos pasar a la línea siguiente cuando falta anchura: las tarjetas se apilan en el móvil.

1.2 · Recuerdo

4. ¿Cuántos H1 debe tener una página?

Tantos como se quiera Ninguno Exactamente tres Uno solo

Un solo H1 (el título principal), luego H2/H3 en jerarquía — importante para el SEO y la accesibilidad.

1.2 · Aplicación

5. ¿Qué reflejo para cada imagen insertada?

Rellenar un texto alternativo (alt) descriptivo Ponerla en H1 Duplicarla tres veces Dejarla sin descripción

El alt describe la imagen para los motores y los lectores de pantalla: a rellenar en cada imagen útil.

1.2 · Arbitraje

6. En el móvil, ¿cómo hacer un botón de contacto lo más eficaz posible?

Ocultarlo para ganar sitio Enlazarlo con "tel:" para llamar con un toque Escribir "Haz clic aquí" sin precisar la acción Ponerlo muy pequeño

Un enlace "tel:" lanza la llamada con un toque en el móvil — ideal para un artesano localizable por teléfono; el texto debe anunciar la acción.

1.3 · Recuerdo

7. ¿En qué pestaña se ajustan los márgenes y paddings?

Contenido Estilo Avanzado Ninguna: hace falta CSS

Los márgenes y paddings están en la pestaña Avanzado (con posicionamiento y responsive).

1.3 · Recuerdo

8. ¿Qué se encuentra en la pestaña Estilo?

El texto y los enlaces Los márgenes y paddings El nombre del widget La apariencia: colores, tipografía, bordes

Estilo agrupa la apariencia: colores, tipografía, fondo, bordes, sombras.

1.3 · Aplicación

9. Nadia quiere cambiar el texto de un botón. ¿Qué pestaña?

Contenido Avanzado Estilo Responsive

El texto y el enlace de un elemento están en la pestaña Contenido (el "qué").

1.4 · Recuerdo

10. ¿Cuál es la buena práctica para los colores de un sitio?

Ajustarlos elemento por elemento cada vez Definirlos en global (ajustes del sitio) y reutilizarlos Usar el mayor número posible de colores Evitar todo color

Definir colores y fuentes en global asegura la coherencia y permite modificarlos en un solo lugar.

1.4 · Aplicación

11. ¿Por qué comprobar el contraste texto/fondo?

Para hacer más pesada la página No tiene ninguna importancia Por la legibilidad y la accesibilidad Únicamente para la impresión en papel

Un contraste suficiente hace que el texto se lea sin esfuerzo, incluso para personas con baja visión y a pleno sol.

1.4 · Arbitraje

12. El cliente duda sobre el color de marca y podría cambiarlo. ¿Cómo prepararse?

Evitar todo color de marca Codificar el color de forma fija en cada botón Rehacer todas las páginas a mano si hace falta Definir el color en global para cambiarlo en todas partes de una vez

Al definir el color de marca en global (Site Settings), un solo cambio se propaga a todo el sitio.

1.5 · Recuerdo

13. ¿Un ajuste hecho en modo móvil afecta al desktop?

No: se aplica al punto de ruptura móvil (y a los más pequeños) Sí, siempre Solo si se recarga la página Elimina la versión desktop

Los ajustes por punto de ruptura se aplican al modo elegido (y a los más pequeños) sin romper los demás.

1.5 · Aplicación

14. ¿Cómo aligerar una página en el móvil?

Añadir aún más imágenes Ocultar los elementos inútiles (p. ej. imagen decorativa grande) en el móvil Poner todos los títulos en H1 Desactivar el responsive

Se pueden ocultar en el móvil los elementos decorativos/pesados mediante Avanzado → Responsive, para una página más ligera y legible.

1.5 · Arbitraje

15. La página es perfecta en la vista previa de Elementor. ¿Se puede entregar?

Sí, la vista previa basta siempre Sí, si el desktop queda bien No: hay que probar también en un teléfono real antes de entregar No: hay que comprar Pro primero

La vista previa ayuda, pero siempre se prueba en un teléfono real (tamaños, botones con el pulgar, velocidad real) antes de entregar.

¿Y ahora qué?

Puntuación ≥ 80%: pasa al Nivel 2 (diseño y contenido rico).
Puntuación < 80%: repasa 1.1 a 1.5 y rehaz los retos 48h.