TesIA Exam / Exámenes

DISEÑO DE INTERFACES WEB · Tema 8: Contenidos web interactivos

Examen DIW08 es un examen público disponible en TesIA Exam con preguntas de 1 bloques. Esta ficha pública reúne preguntas con respuesta correcta y explicación para estudiar por examen completo. Trabaja especialmente temas como Tema 8: Contenidos web interactivos. La referencia de centro o procedencia visible es CIFP Cesar Manrique.

30 preguntas Diseño de Interfaces Web CIFP Cesar Manrique Referencia: Examen DIW08

Qué puedes encontrar en este examen

Cada URL pública de examen sirve para localizar el contenido, entender qué bloques toca y revisar preguntas reales antes de abrir la práctica completa.

Tema 8: Contenidos web interactivos

Preguntas, respuestas y explicaciones del examen

Listado público de preguntas asociadas a este examen, con respuesta correcta y explicación cuando está disponible.

#1

23. La lista de opciones configurada para la selección múltiple es equivalente a:

  1. A) Marcar varias casillas de verificación.
  2. B) Marcar varios botones de opción del mismo grupo.
  3. C) Escribir varias líneas en un elemento de área de texto.
  4. D) Nada, no existe ninguna otra opción equivalente.
Respuesta correcta

A) Marcar varias casillas de verificación.

Explicación:

La respuesta correcta es A. Tanto un <select multiple> como un grupo de checkboxes permiten al usuario escoger más de una opción de un conjunto dado, cumpliendo la misma función lógica en el formulario.

#2

9. El empleo de elementos interactivos sirve para fidelizar a los usuarios que visitan la página. ¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. La interactividad mejora la experiencia de usuario, permite la participación activa y hace la web más atractiva, lo cual son factores clave para que el usuario regrese al sitio.

#3

11. Todos los formularios suelen tener al menos dos botones cuyas funciones son:

  1. A) Colocarse en el primer elemento.
  2. B) Limpiar los datos y dejar el formulario vacío de nuevo.
  3. C) Pasar al siguiente elemento.
  4. D) Ejecutar la acción.
Respuesta correcta
  • B) Limpiar los datos y dejar el formulario vacío de nuevo.
  • D) Ejecutar la acción.
Explicación:

La respuesta correcta es B y D. Estos corresponden a los tipos de botón 'reset' (para borrar) y 'submit' (para enviar o procesar), que son los componentes estándar de interacción en formularios HTML.

#4

17. Las páginas que contienen formularios que validan sus datos con Javascript no se validan de nuevo cuando se envían al servidor ¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. Por seguridad, siempre se debe validar en el servidor.
Un usuario podría desactivar Javascript o saltarse la validación del cliente; el servidor es la última barrera de integridad para los datos.

#5

24. EI HTML estático es

  1. A) Aquel cuyo contenido textual no varía.
  2. B) Aquel donde el contenido que se muestra en el navegador no se actualiza nunca.
  3. C) Aquel que no está generado por ningún programa ejecutado en el lado del servidor.
  4. D) Aquel que carece de interactividad.
Respuesta correcta

C) Aquel que no está generado por ningún programa ejecutado en el lado del servidor.

Explicación:

La respuesta correcta es C. El HTML estático se refiere a archivos (.
html) que se sirven tal cual están en el disco, a diferencia del dinámico (PHP, ASP, etc.

#6

22. ¿Cuáles son ejemplos de usos habituales de las hojas de estilo para añadir interactividad?

  1. A) Validación de los datos de un formulario..
  2. B) Alternancia de imágenes.
  3. C) Galería de imágenes.
  4. D) Menús de navegación.
Respuesta correcta
  • B) Alternancia de imágenes.
  • C) Galería de imágenes.
  • D) Menús de navegación.
Explicación:

La respuesta correcta es B, C y D. La respuesta correcta incluye alternancia de imágenes, galerías y menús.
CSS permite crear efectos visuales de interacción sin necesidad de scripts pesados. La validación de datos, sin embargo, requiere lógica de programación que las hojas de estilo no poseen.

#7

16. ¿Cuáles de las siguientes asociaciones son correctas cuando relacionamos el modelo DOM con el HTML?

  1. A) objeto-etiqueta.
  2. B) cuerpo-body.
  3. C) propiedad-atributo.
  4. D) cabecera-metatag.
Respuesta correcta
  • A) objeto-etiqueta.
  • C) propiedad-atributo.
Explicación:

La respuesta correcta es A y C. La respuesta correcta son objeto-etiqueta y propiedad-atributo.
En el DOM, cada etiqueta HTML se convierte en un objeto programable, y cada atributo de esa etiqueta (como src, href o id) se convierte en una propiedad de dicho objeto.

#8

2. ¿Qué elementos multimedia permite desactivar el sistema Windows?

  1. A) El sonido de los vídeos.
  2. B) La reproducción de los sonidos de las páginas web.
  3. C) La visualización de imágenes.
  4. D) La activación de las animaciones de las páginas web.
Respuesta correcta
  • B) La reproducción de los sonidos de las páginas web.
  • C) La visualización de imágenes.
  • D) La activación de las animaciones de las páginas web.
Explicación:

La respuesta correcta es B, C y D. La respuesta correcta incluye la reproducción de sonidos, visualización de imágenes y activación de animaciones.
Windows permite configurar estas opciones a través de sus ajustes de accesibilidad y opciones de Internet para mejorar el rendimiento o facilitar.

#9

18. Con respecto al Javascript, ¿cuáles de las afirmaciones siguientes son correctas?

  1. A) Sirve para extender las capacidades del HTML.
  2. B) Es interpretado.
  3. C) Tiene una sintaxis compleja.
  4. D) Es idóneo para detectar las acciones del usuario.
Respuesta correcta
  • A) Sirve para extender las capacidades del HTML.
  • B) Es interpretado.
  • D) Es idóneo para detectar las acciones del usuario.
Explicación:

La respuesta correcta es A, B y D. La respuesta correcta incluye que extiende HTML, es interpretado y detecta acciones del usuario.
Javascript permite dinamismo que el HTML estático no tiene, se ejecuta directamente en el navegador (interpretado) y gestiona eventos (clics, teclado).

#10

29. ¿Cuáles son los elementos del desarrollo de una interfaz que debemos mantener separados en beneficio de la accesibilidad, usabilidad y mantenimiento de las páginas?

  1. A) Texto.
  2. B) Contenido.
  3. C) Comportamiento.
  4. D) Aspecto.
Respuesta correcta
  • B) Contenido.
  • C) Comportamiento.
  • D) Aspecto.
Explicación:

La respuesta correcta es B, C y D. Estos tres pilares (HTML, JS y CSS respectivamente) deben estar desacoplados para que cambios en uno no obliguen a reescribir los otros, mejorando la estructura del sitio.

#11

26. Los siguientes elementos de formulario permiten establecer valores por defecto que le serán mostrados al usuario.

  1. A) input type="text"
  2. B) input type="area"
  3. C) input type="password"
  4. D) input type="radio"
Respuesta correcta
  • A) input type="text"
  • C) input type="password"
  • D) input type="radio"
Explicación:

La respuesta correcta es A, C y D. La respuesta correcta incluye text, password y radio.
Mediante el atributo 'value' (en text/password) o 'checked' (en radio), el desarrollador puede pre-rellenar el formulario. El tipo 'area' no existe como tal en el atributo type (es la etiqueta <textarea>).

#12

15. El diseño interactivo debe estar centrado en

  1. A) el cliente.
  2. B) el usuario
  3. C) los gráficos.
  4. D) los enlaces.
Respuesta correcta

B) el usuario

Explicación:

La respuesta correcta es B. El Diseño Centrado en el Usuario (DCU) es la metodología estándar que prioriza las necesidades, habilidades y limitaciones de quien va a utilizar la aplicación para garantizar su éxito.

#13

27. El objeto de nivel superior del modelo DOM es el

  1. A) window.
  2. B) document.
  3. C) form.
  4. D) browser.
Respuesta correcta

D) browser.

Explicación:

La respuesta correcta es D. En la jerarquía de objetos mencionada en el examen, se sitúa al navegador (browser) en la cúspide, conteniendo a la ventana y esta al documento.

#14

4. El uso de Javascript para la validación de datos de un formulario mejora el tiempo de respuesta de

  1. A) Los usuarios que usan Internet Explorer.
  2. B) Todos los usuarios.
  3. C) Los usuarios con Javascript activado.
  4. D) Las páginas que se validan en el servidor.
Respuesta correcta

C) Los usuarios con Javascript activado.

Explicación:

La respuesta correcta es C. La validación en el lado del cliente (Javascript) evita peticiones innecesarias al servidor, proporcionando feedback instantáneo.

#15

7. El método click que simula el clic del ratón se suele emplear en elementos que tienen en el atributo type los siguientes valores

  1. A) submit.
  2. B) checkbox.
  3. C) radio.
  4. D) label.
Respuesta correcta
  • A) submit.
  • B) checkbox.
  • C) radio.
Explicación:

La respuesta correcta es A, B y C. Estos son elementos de entrada que cambian de estado o ejecutan acciones al ser pulsados.
Aunque las etiquetas (label) pueden recibir clics, el método click() se programa habitualmente sobre los controles de.

#16

19. Para conseguir un formulario más interactivo con CSS podemos emplear las pseudoclases

  1. A) active.
  2. B) hover.
  3. C) linked.
  4. D) focus.
Respuesta correcta
  • B) hover.
  • D) focus.
Explicación:

La respuesta correcta es B y D. La respuesta correcta son hover y focus.
'Focus' es especialmente útil en formularios para resaltar el campo que el usuario está rellenando, y 'hover' para indicar interactividad en botones o campos al pasar el ratón.

#17

30. Para añadir un comportamiento interactivo solemos hacer uso de:

  1. A) Las reglas de estilo.
  2. B) PHP.
  3. C) JSP.
  4. D) DHTML.
Respuesta correcta
  • A) Las reglas de estilo.
  • D) DHTML.
Explicación:

La respuesta correcta es A y D. La respuesta correcta son Las reglas de estilo y DHTML.
DHTML (Dynamic HTML) es la combinación de HTML, CSS y Javascript para crear páginas interactivas. PHP y JSP son tecnologías de servidor, no de comportamiento interactivo directo en el cliente.

#18

5. La orden document.getElementsByTagName("div") ["Datos Especiales"]:

  1. A) Obtiene el elemento cuyo TagName es DatosEspeciales.
  2. B) Obtiene un elemento empleando un vector asociativo.
  3. C) Obtiene los elementos cuyo TagName es div.
  4. D) Obtiene el elemento div con id="DatosEspeciales".
Respuesta correcta
  • B) Obtiene un elemento empleando un vector asociativo.
  • D) Obtiene el elemento div con id="DatosEspeciales".
Explicación:

La respuesta correcta es B y D. Al usar getElementsByTagName, Javascript genera una colección; si usamos un string en el índice, busca el elemento con ese id dentro.

#19

14. ¿Cuál es el nombre del método que sirve para detectar cuándo se abandona el foco de un elemento del formulario?

  1. A) escape.
  2. B) blur.
  3. C) quitfocus.
  4. D) deselect.
Respuesta correcta

B) blur.

Explicación:

La respuesta correcta es B. En el modelo de eventos de Javascript, el evento 'blur' se dispara exactamente cuando un elemento pierde el foco (por ejemplo, al tabular a otro campo o clicar fuera).

#20

21. El empleo de elementos interactivos es intentando lograr una web más dinámica.

  1. A) emplear gran cantidad de imágenes en movimiento
  2. B) una forma de canalizar la creatividad de las personas que diseñan interfaces
  3. C) una forma de hacer más accesible la página
  4. D) una forma de acercarse al usuario y hacerlo participar
Respuesta correcta

D) una forma de acercarse al usuario y hacerlo participar

Explicación:

La respuesta correcta es D. La interactividad busca romper la barrera de la lectura pasiva, permitiendo que el usuario interactúe con el contenido, lo cual define la Web 2.
0 y el dinamismo moderno.

#21

8. Para hacer una alternancia de imágenes con CSS necesitamos emplear la pesudoclase...

  1. A) linked.
  2. B) focus.
  3. C) active.
  4. D) hover.
Respuesta correcta

D) hover.

Explicación:

La respuesta correcta es D. Esta pseudoclase se activa cuando el puntero del ratón se sitúa sobre un elemento, permitiendo cambiar la imagen de fondo o mostrar una diferente, creando el efecto de alternancia visual.

#22

3. La caja de texto permite escribir al usuario varias líneas de texto. ¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. En el desarrollo web estándar, una 'caja de texto' (input type="text") es de una sola línea.
Para permitir múltiples líneas, se debe utilizar el elemento <textarea>.

#23

1. Cuando una etiqueta div tiene como atributo id el valor ejemplo se puede emplear para acceder al elemento con el método:

  1. A) document.getElementByTagName("ejemplo").
  2. B) document.getElementByTagName("ejemplo") [0] si hay varios elementos div y el que tiene id="ejemplo" es el primero.
  3. C) document.getElementByTagName("ejemplo") ["div"].
  4. D) document.getElementByTagName("div") ["ejemplo"].
Respuesta correcta

D) document.getElementByTagName("div") ["ejemplo"].

Explicación:

La respuesta correcta es D. getElementByTagName("div") ["ejemplo"].
Aunque lo más común es usar getElementById, el método getElementsByTagName devuelve una colección donde se puede acceder a un elemento específico usando su id como índice del vector.

#24

6. Se pueden considerar elementos interactivos de la página:

  1. A) Una zona de un elemento que cambia cada cierto tiempo de color.
  2. B) Una zona de "envíanos tu comentario".
  3. C) Una zona de "regístrate para poder realizar la descarga".
  4. D) Una zona de "para participar rellena esta encuesta".
Respuesta correcta
  • B) Una zona de "envíanos tu comentario".
  • C) Una zona de "regístrate para poder realizar la descarga".
  • D) Una zona de "para participar rellena esta encuesta".
Explicación:

La respuesta correcta es B, C y D. La respuesta correcta incluye las zonas de comentarios, registro y encuestas.
La interactividad requiere una acción del usuario que reciba una respuesta del sistema.

#25

12. Al utilizar elementos interactivos en la página no debemos olvidar el compromiso con

  1. A) El diseño.
  2. B) La accesibilidad.
  3. C) La usabilidad.
  4. D) El cliente.
Respuesta correcta
  • B) La accesibilidad.
  • C) La usabilidad.
Explicación:

La respuesta correcta es B y C. Un exceso de interactividad o una mala implementación pueden hacer que la web sea difícil de usar o inaccesible para personas con discapacidades.

#26

25. Los usos más común de Javascript en la validación de datos de un formulario son:

  1. A) La comprobación de que están los datos marcados como obligatorios.
  2. B) La comprobación de que están todos los datos.
  3. C) La correspondencia del contenido de los campos con sus patrones correspondientes.
  4. D) La comprobación de que al menos se ha marcado uno de cada elemento tipo radio con el mismo valor del atributo name.
Respuesta correcta
  • A) La comprobación de que están los datos marcados como obligatorios.
  • C) La correspondencia del contenido de los campos con sus patrones correspondientes.
Explicación:

La respuesta correcta es A y C. Estas son las validaciones de formato y presencia más frecuentes para mejorar la experiencia del usuario antes del envío.

#27

20. Para poder acceder a la propiedad de un elemento dentro del modelo DOM es necesario identificar el elemento dentro del código mediante el atributo

  1. A) class.
  2. B) name.
  3. C) title.
  4. D) id.
Respuesta correcta

D) id.

Explicación:

La respuesta correcta es D. El atributo ID proporciona un identificador único para el elemento, lo que permite a Javascript localizarlo de forma inequívoca mediante document.
getElementById().

#28

10. El modelo de objetos de documento define la forma en la que interactúan entre sí los objetos y elementos que forman parte de un documento y su relación con el navegador.\n¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. Según la revisión del examen, esta definición es incorrecta, posiblemente porque el DOM define la estructura de objetos del documento, pero la relación con el navegador (ventanas, historial) pertenece al BOM (Browser Object.

#29

28. Para independizar el comportamiento del contenido se almacena el código Javascript en un fichero .js que se enlaza en el documento HTML utilizando la etiqueta <script>.\n¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. Esta es la buena práctica de desarrollo conocida como 'separación de capas', donde el HTML es el contenido, el CSS el aspecto y el .
js el comportamiento, facilitando el mantenimiento.

#30

13. ¿Cuáles de los siguientes métodos son equivalentes a la hora de acceder al elemento <div class="div1" id="miDiv">?

  1. A) document.getElementById("div1")..
  2. B) document.getElementByTagName("div") [0].
  3. C) document.getElementById("miDiv").
  4. D) document.getElementByTagName("div").
Respuesta correcta
  • B) document.getElementByTagName("div") [0].
  • C) document.getElementById("miDiv").
Explicación:

La respuesta correcta es B y C. getElementByTagName("div")[0] y document.
getElementById("miDiv"). El primero accede al primer div de la página (que es este) y el segundo lo localiza por su ID único.

Temas incluidos

Otros exámenes de Diseño de Interfaces Web

Practicar este examen

Puedes abrir TesIA Exam y localizar este examen con el mismo nombre para practicarlo en modo estudio o examen, revisar respuestas y continuar tu progreso.

Abrir TesIA Exam