TesIA Exam / Exámenes

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

DIW Unidad 8 Interactividad 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.

32 preguntas Diseño de Interfaces Web CIFP Cesar Manrique Referencia: DIW Unidad 8 Interactividad

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

9. ¿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 la alternancia de imágenes, galerías y menús.
Estos pueden implementarse mediante pseudoclases CSS como : hover. La validación de formularios requiere lógica de programación (JavaScript o servidor) y no puede hacerse solo con CSS.

#2

31. 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
  • A) Active
  • B) Hover
  • D) Focus
Explicación:

La respuesta correcta es A, B y D. La respuesta correcta incluye Active (al pulsar), Hover (al pasar el ratón) y Focus (al tener el foco).
Estas pseudoclases permiten resaltar visualmente qué campo se está editando o qué botón se va a pulsar .

#3

10. 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 cliente permite detectar errores antes de enviar los datos al servidor, ahorrando tráfico de red y tiempo de espera, pero solo funciona si el navegador puede ejecutar el.

#4

21. 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. En el modelo DOM, el ID es el identificador único por excelencia que permite seleccionar un elemento específico sin ambigüedades mediante el método document.
getElementById() .

#5

6. 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. Mientras que el diseño y el cliente son importantes, la interactividad debe garantizar que el sitio sea fácil de usar (usabilidad) y que pueda ser utilizado por personas con discapacidades.

#6

8. 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 (UCD) es fundamental en la interactividad, ya que el éxito de la interfaz depende de cómo el usuario final entienda y reaccione a los elementos interactivos proporcionados .

#7

32. El 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 páginas cuyo contenido se entrega tal cual desde el servidor, sin procesamiento dinámico del lado del servidor para modificarlo antes de enviarlo al navegador. Esto lo diferencia del HTML dinámico, que sí es generado o modificado por scripts del lado del servidor.

#8

1. El título incluido dentro de una etiqueta del HTML es un elemento interactivo?

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

B) Falso

Explicación:

La respuesta correcta es B. Un título (como h1, h2, etc.
) por sí solo es contenido estático cuyo objetivo es estructurar la información. Para que sea interactivo, debería tener asociado un evento (como un clic o un cambio de estilo al pasar el ratón) que.

#9

2. El uso de Javascript es la única manera de proporcionar interactividad a una página ¿Verdadero o falso?

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

B) Falso

Explicación:

La respuesta correcta es B. Aunque JavaScript es la herramienta principal para comportamientos complejos, las hojas de estilo (CSS) permiten añadir interactividad básica mediante pseudoclases como : hover, : active o : focus, y lenguajes de servidor como.

#10

7. 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 pasividad del usuario, invitándolo a realizar acciones que generen respuestas inmediatas en la web, mejorando así la experiencia y el.

#11

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

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

A) Verdadero

Explicación:

La respuesta correcta es A. El DOM (Document Object Model) es una interfaz de programación que representa el documento HTML como una estructura de árbol, permitiendo a lenguajes como JavaScript acceder y modificar su estructura y estilo .

#12

11. 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. Una web que ofrece una experiencia dinámica, participativa y útil mediante elementos interactivos tiende a retener mejor a sus visitantes y a fomentar que estos regresen en el futuro .

#13

24. 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. Su sintaxis no se considera 'compleja' comparada con lenguajes de bajo nivel .

#14

34. ¿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 los sonidos de las webs, las imágenes y las animaciones.
Estas opciones suelen estar en la configuración de accesibilidad del sistema o del navegador para facilitar la navegación a ciertos usuarios .

#15

35. 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. La sintaxis document.getElementsByTagName("div") devuelve una colección de todos los elementos div, y al acceder a ella con ["DatosEspeciales"] se está utilizando un índice asociativo para intentar acceder a un elemento específico, lo cual no es el comportamiento estándar de getElementsByTagName.

#16

3. Los usos más comunes 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. Javascript es fundamental para verificar campos obligatorios y asegurar que los datos ingresados cumplan con formatos específicos, como correos electrónicos o números de teléfono.

#17

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

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

La respuesta correcta es C y D. El DHTML (Dynamic HTML) combina HTML, CSS y JavaScript para cambiar la página sin recargarla.

#18

16. 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. La validación en el lado del servidor es obligatoria por seguridad, ya que JavaScript puede ser desactivado o manipulado por el usuario.
La validación en el cliente es solo una mejora de usabilidad .

#19

12. 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
  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. Se emplea getElementsByTagName("div")[0] porque este método agrupa todos los elementos de tipo etiqueta (div) en una lista indexada. Si el elemento con el ID 'ejemplo' es el primero de dicha lista en el orden del documento, el índice [0] permite acceder a él de forma efectiva, aunque existan otros divs después.

#20

5. ¿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.getElementsByTagName("div")[0]
  3. C) document.getElementById("miDiv")
  4. D) document.getElementByTagName("div")
Respuesta correcta
  • B) document.getElementsByTagName("div")[0]
  • C) document.getElementById("miDiv")
Explicación:

La respuesta correcta es B y C. getElementById("miDiv") y document.
getElementsByTagName("div")[0]. El primero usa el ID único del elemento, y el segundo accede al primer div del documento.

#21

33. 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. La respuesta correcta incluye submit, checkbox y radio.
El método .click() permite disparar mediante código la acción que ocurriría si el usuario pulsara físicamente el botón o seleccionara la opción .

#22

20. ¿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
Explicación:

La respuesta correcta es B y C. Separar el contenido (qué se muestra) del comportamiento (cómo interactúa) permite que la interfaz sea más accesible, fácil de usar y mantener, ya que cada aspecto se gestiona de forma independiente.

#23

14. 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>. ¿Verdadero o falso?

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

A) Verdadero

Explicación:

La respuesta correcta es A. Siguiendo las buenas prácticas de desarrollo web, se debe separar el contenido (HTML), el aspecto (CSS) y el comportamiento (JavaScript) en archivos distintos para mejorar el mantenimiento y la carga .

#24

30. 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. El navegador es el objeto de nivel superior en el modelo DOM, ya que contiene el objeto document, que a su vez representa la página HTML cargada.

#25

23. ¿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. El modelo DOM representa los elementos HTML como objetos, donde las etiquetas HTML se corresponden con estos objetos, y los atributos de las etiquetas se mapean a propiedades de dichos objetos.

#26

18. 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"
  • D) input type="radio"
Explicación:

La respuesta correcta es A y D. El atributo value en los elementos input de tipo text y radio permite predefinir el valor que se mostrará al usuario.

#27

19. 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 son las zonas de comentarios, registro y encuestas, ya que requieren una acción del usuario y devuelven una respuesta.
Un cambio de color automático es una animación o efecto dinámico, pero no es interactivo si no hay intervención del.

#28

22. 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. Un elemento <select multiple> permite al usuario elegir varios valores de una lista, lo cual cumple la misma función lógica que un grupo de <input type="checkbox"/> .

#29

13. 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) Blur
  2. B) Escape
  3. C) Quitfocus
  4. D) Deselect
Respuesta correcta

A) Blur

Explicación:

La respuesta correcta es A. En JavaScript, el evento 'blur' se dispara exactamente en el momento en que un elemento (como un input de texto) pierde el foco, es decir, cuando el usuario deja de interactuar directamente con él .

#30

28. La caja de texto permite escribir al usuario varias lineas de texto. ¿Verdadero o falso?

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

B) Falso

Explicación:

La respuesta correcta es B. Un <input type="text"/> es de una sola línea.
Para permitir múltiples líneas de texto se debe utilizar el elemento <textarea/> .

#31

27. Para hacer una alternancia de imágenes con CSS necesitamos emplear la pseudoclase...

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

D) hover

Explicación:

La respuesta correcta es D. La pseudoclase : hover permite cambiar propiedades de un elemento (como su imagen de fondo o visibilidad) cuando el usuario sitúa el puntero del ratón sobre dicho elemento .

#32

29. 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 botones permiten al usuario borrar sus errores de un plumazo o proceder al envío de la información para su procesamiento .

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