Examen: HTML, CSS y WordPress
🧠 Bloque 1: Preguntas a desarrollar (10 puntos)
Instrucciones: Responde de forma clara, estructurada y razonada. Puedes acompañar tus
respuestas con ejemplos o fragmentos de código cuando lo creas necesario.
1. 1. Explica el proceso completo para crear una página web estática con HTML y CSS
desde cero. ¿Qué pasos seguirías?
2. 2. Describe cómo aplicar estilos CSS a una web. ¿Cuáles son las diferentes formas de
hacerlo y en qué situaciones elegirías una u otra?
3. 3. Imagina que estás diseñando una web para móviles. ¿Qué estrategias usarías en
HTML y CSS para asegurar que el diseño sea responsive?
4. 4. Explica el concepto de 'herencia' y 'especificidad' en CSS. ¿Por qué es importante
entenderlo al aplicar estilos?
5. 5. ¿Qué proceso seguirías para instalar WordPress en un servidor local? Enumera y
explica los pasos.
6. 6. En WordPress, ¿qué diferencia hay entre una entrada y una página? ¿En qué casos
usarías una u otra?
7. 7. Describe el proceso para crear un menú de navegación en WordPress utilizando el
personalizador del tema.
8. 8. Supón que quieres personalizar el diseño de un tema de WordPress sin perder los
cambios en futuras actualizaciones. ¿Qué pasos seguirías?
9. 9. Explica cómo puedes insertar contenido multimedia (imágenes, vídeos, audios) en
una entrada de WordPress y qué consideraciones hay que tener para optimizarlo.
10. 10. Analiza el siguiente escenario: un cliente quiere una web rápida, visualmente
atractiva y fácil de mantener. ¿Qué herramientas y estrategias usarías combinando
HTML, CSS y WordPress?
✅ Bloque 2: Preguntas tipo test (10 puntos)
Instrucciones: Marca la opción correcta en cada caso. Solo hay una respuesta válida por
pregunta.
11. 1. ¿Cuál de las siguientes etiquetas se utiliza para agrupar contenido en bloque?
a) <span>
b) <div>
c) <section>
d) Las dos b y c son correctas ✅
12. 2. ¿Qué propiedad de CSS se usa para cambiar el tipo de letra?
a) text-type
b) font-style
c) font-family ✅
d) text-family
13. 3. En diseño responsive, ¿qué unidad es más recomendable para definir tamaños?
a) px
b) em
c) %
d) rem o % ✅
14. 4. ¿Cuál es la mejor forma de organizar los estilos CSS para un proyecto grande?
a) Escribirlos todos en línea
b) Usar un archivo externo de estilos ✅
c) Usar solo estilos incrustados
d) No usar CSS, solo HTML
15. 5. ¿Qué función cumple un “tema hijo” en WordPress?
a) Sirve para administrar usuarios
b) Crea automáticamente menús
c) Permite personalizar sin modificar el tema original ✅
d) Se usa para añadir plugins
16. 6. ¿Cuál es la herramienta principal para modificar el diseño visual en WordPress sin
código?
a) Creador de entradas
b) Personalizador del tema ✅
c) Ajustes generales
d) Widgets
17. 7. ¿Qué hace el plugin “Elementor”?
a) Optimiza imágenes
b) Mejora el SEO
c) Es un constructor visual de páginas ✅
d) Cambia la contraseña
18. 8. ¿Qué se necesita para instalar WordPress en local?
a) Un navegador y conexión a internet
b) Un editor de texto
c) Un servidor local como XAMPP o MAMP ✅
d) Solo una carpeta HTML
19. 9. ¿Qué etiqueta HTML se usa para enlazar un archivo CSS externo?
a) <style src="[Link]">
b) <link href="[Link]" rel="stylesheet"> ✅
c) <script src="[Link]">
d) <css link="[Link]">
20. 10. ¿Para qué sirve la etiqueta <meta viewport> en HTML?
a) Para definir el autor de la web
b) Para insertar imágenes
c) Para controlar el diseño en móviles ✅
d) Para aplicar estilos automáticamente