Lenguajes de programación para IHM: Aprende a programar interfaces hombre-máquina

Question 1

¿Cuál de los siguientes es un lenguaje de marcado utilizado para definir la estructura y el contenido de una página web?

Accepted Answer

HTML (Lenguaje de Marcado de Hipertexto)

Answer

JavaScript

Answer

CSS (Hojas de Estilo en Cascada)

Answer

SQL (Lenguaje de Consulta Estructurado)

Question 2

¿Qué lenguaje se utiliza para definir el aspecto y el diseño de una página web?

Accepted Answer

CSS (Hojas de Estilo en Cascada)

Answer

HTML (Lenguaje de Marcado de Hipertexto)

Answer

JavaScript

Answer

Python

Question 3

¿Cuál de las siguientes afirmaciones sobre JavaScript es correcta?

Accepted Answer

Es un lenguaje de programación interpretado que se utiliza para crear aplicaciones interactivas del lado del cliente.

Answer

Es un lenguaje compilado que se utiliza principalmente para aplicaciones de escritorio.

Question 4

¿Qué componente de una interfaz hombre-máquina es responsable de recibir la entrada del usuario?

Accepted Answer

Dispositivo de entrada

Answer

Motor de renderizado

Answer

Controlador de eventos

Answer

Unidad de salida

Question 5

¿Cuál de las siguientes prácticas es esencial para desarrollar interfaces hombre-máquina accesibles?

Accepted Answer

Proporcionar texto alternativo para imágenes.

Answer

Usar fuentes pequeñas y colores llamativos.

Answer

Evitar el uso de etiquetas de encabezado.

Answer

Limitar la cantidad de texto en una página.

Question 6

¿Qué estructura de datos se utiliza normalmente para almacenar una colección de pares clave-valor?

Accepted Answer

Objeto

Answer

Lista

Answer

Cola

Question 7

¿Qué evento se activa cuando se carga una página web en un navegador?

Accepted Answer

onLoad

Answer

onMouseOver

Answer

onKeyUp

Answer

onClick

Question 8

¿Cuál de los siguientes selectores de CSS selecciona todos los elementos con la clase 'ejemplo'?

Accepted Answer

.ejemplo

Answer

ejemplo

Answer

ejemplo::after

Answer

#ejemplo

Question 9

¿Cuál de los siguientes principios de diseño es esencial para crear interfaces hombre-máquina intuitivas?

Accepted Answer

Sencillez

Answer

Complejidad

Answer

Velocidad

Answer

Innovación

Question 10

¿Qué lenguaje de programación NO está orientado al desarrollo de interfaces hombre-máquina?

Accepted Answer

Java

Answer

CSS

Answer

HTML

Answer

JavaScript

Question 11

¿Cuál es la etiqueta HTML que define un párrafo y contiene el contenido textual?

Accepted Answer

<p>

Answer

<span>

Answer

<body>

Answer

<div>

Question 12

¿Qué propiedad CSS controla el color del texto y puede expresarse usando valores hexadecimales, nombres de colores o funciones como 'rgb()'?

Accepted Answer

color

Answer

font-size

Answer

font-family

Answer

background-color

Question 13

¿Cuál es la función principal de JavaScript en el desarrollo web?

Accepted Answer

Añadir interactividad y comportamiento dinámico a las páginas web

Answer

Almacenar datos en servidores remotos

Answer

Procesar transacciones financieras

Answer

Definir el diseño visual de la página

Question 14

¿Cómo se clasifica HTML en términos de su naturaleza y propósito?

Accepted Answer

Lenguaje de marcado

Answer

Lenguaje ensamblador

Answer

Lenguaje de scripting

Answer

Lenguaje de programación orientado a objetos

Question 15

¿Cuál es el atributo HTML utilizado en la etiqueta <img> para especificar la ubicación del archivo de imagen?

Accepted Answer

src

Answer

width

Answer

title

Answer

height

Question 16

¿Qué propiedad CSS se utiliza para controlar el espacio alrededor del contenido de un elemento, creando un margen desde sus bordes?

Accepted Answer

margin

Answer

width

Answer

padding

Answer

border

Question 17

¿Qué evento JavaScript se activa cuando un usuario interactúa haciendo clic sobre un elemento como un botón?

Accepted Answer

onclick

Answer

onmouseover

Answer

onload

Question 18

¿Cuál de los siguientes elementos HTML se utiliza para crear una lista de elementos ordenados, numerados secuencialmente?

Accepted Answer

<ol>

Answer

<menu>

Answer

<ul>

Answer

<dl>

Question 19

Identifica el lenguaje de programación que NO se utiliza para interfaces hombre-máquina (IHM):

Accepted Answer

Python

Answer

CSS

Answer

HTML

Answer

JavaScript

Question 20

¿Qué etiqueta HTML se emplea para definir el encabezado principal de una página web?

Accepted Answer

<h1>

Answer

<h2>

Answer

Answer

<div>

Question 21

¿Cuál de las siguientes propiedades CSS establece el color de fondo de un elemento?

Accepted Answer

background-color

Answer

fill

Answer

color

Answer

background

Question 22

¿Qué método de JavaScript se utiliza para crear un nuevo elemento HTML?

Accepted Answer

document.createElement()

Answer

document.getElementById()

Answer

new Element()

Answer

element.create()

Question 23

¿Cuál de las siguientes opciones es un método de validación de formularios HTML?

Accepted Answer

required

Answer

validation

Answer

mandatory

Answer

check

Question 24

¿Qué etiqueta HTML se utiliza para crear un enlace a otra página web?

Accepted Answer

<a>

Answer

<href>

Answer

<nav>

Answer

<link>

Question 25

¿Qué propiedad CSS se utiliza para controlar el color de fondo de un elemento?

Accepted Answer

background-color

Answer

color

Answer

text-color

Answer

font-color

Question 26

¿Qué función de JavaScript se utiliza para obtener un elemento del DOM por su ID?

Accepted Answer

document.getElementById()

Answer

document.createElement()

Answer

document.getElementsByClassName()

Answer

document.querySelector()

Question 27

¿Cuál de los siguientes eventos se activa cuando el usuario mueve el ratón sobre un elemento?

Accepted Answer

onMouseover

Answer

onblur

Answer

onchange

Answer

onclick

Question 28

¿Cuál es el propósito de un widget en una interfaz de usuario?

Accepted Answer

Proporcionar funcionalidad y contenido interactivo

Answer

Definir la estructura y el diseño general

Answer

Almacenar datos y configuraciones

Answer

Conectar diferentes componentes de la interfaz de usuario

Question 29

¿Qué tecnología se utiliza para crear interfaces de usuario dinámicas y receptivas?

Accepted Answer

JavaScript

Answer

Python

Answer

CSS

Answer

HTML

Question 30

¿Cuál de las siguientes herramientas se utiliza para depurar y optimizar el código JavaScript?

Accepted Answer

Consola del navegador

Answer

Gestor de versiones

Answer

Editor de texto

Answer

Compilador

Question 31

¿Qué principio de diseño de IHM se refiere a la facilidad de uso y comprensión?

Accepted Answer

Usabilidad

Answer

Accesibilidad

Answer

Estética

Question 32

¿Cuál es la importancia de las pruebas de usabilidad en el desarrollo de IHM?

Accepted Answer

Identificar y solucionar problemas de usabilidad para mejorar la experiencia del usuario

Answer

Validar el cumplimiento de los requisitos funcionales

Answer

Demostrar la funcionalidad del sistema a las partes interesadas

Question 33

Identifica el lenguaje de marcado que se utiliza para definir la estructura de una página web:

Accepted Answer

HTML

Answer

XML

Answer

CSS

Answer

JavaScript

Question 34

¿Cuál de las siguientes propiedades CSS establece el color de fondo de un elemento?

Accepted Answer

background-color

Answer

background-image

Answer

background

Answer

color

Question 35

Selecciona el método de JavaScript utilizado para obtener el valor de un elemento de entrada de texto:

Accepted Answer

.value

Answer

.getAttribute('value')

Answer

.text()

Answer

.innerHTML

Question 36

Indica el tipo de interfaz hombre-máquina que permite a los usuarios interactuar con aplicaciones mediante pantallas táctiles:

Accepted Answer

Interfaz gráfica de usuario (GUI)

Answer

Interfaz de línea de comandos (CLI)

Answer

Interfaz basada en menús

Answer

Interfaz basada en formularios

Question 37

Selecciona el elemento HTML que se utiliza para crear una lista desordenada:

Accepted Answer

ul

Answer

ol

Answer

li

Answer

dl

Question 38

¿Cuál de las siguientes unidades de medida CSS se utiliza para especificar la altura de un elemento en píxeles?

Accepted Answer

px

Answer

cm

Answer

%

Answer

in

Question 39

Indica el selector CSS que se utiliza para seleccionar todos los elementos con la clase 'clase-ejemplo':

Accepted Answer

.clase-ejemplo

Answer

clase-ejemplo

Answer

.clase

Answer

#clase-ejemplo

Question 40

Selecciona el método de JavaScript que se utiliza para agregar un elemento hijo a un elemento padre en el DOM:

Accepted Answer

.appendChild()

Answer

.addChild()

Answer

.add()

Question 41

Indica el tipo de interfaz hombre-máquina que utiliza comandos de texto para controlar una aplicación:

Accepted Answer

Interfaz de línea de comandos (CLI)

Answer

Interfaz basada en menús

Answer

Interfaz basada en formularios

Answer

Interfaz gráfica de usuario (GUI)

Question 42

Selecciona el elemento HTML que se utiliza para crear un encabezado de nivel 1:

Accepted Answer

h1

Answer

head

Answer

h2

Answer

title

Question 43

¿Cuál de los siguientes es un lenguaje de marcado utilizado para definir la estructura y el contenido de un documento?

Accepted Answer

<html>

Answer

<body>

Answer

<head>

Answer

<table>

Question 44

¿Qué atributo se utiliza en CSS para especificar el estilo de un elemento?

Accepted Answer

style

Answer

class

Answer

id

Answer

align

Question 45

¿Cuál de las siguientes funciones se utiliza en JavaScript para obtener un elemento con un identificador específico?

Accepted Answer

document.getElementById

Answer

document.querySelector

Answer

document.getElement

Answer

element.innerHTML

Question 46

¿Qué tipo de dato se utiliza en JavaScript para almacenar una colección ordenada de elementos?

Accepted Answer

Array

Answer

Object

Answer

Number

Answer

String

Question 47

¿Cuál de los siguientes eventos se activa cuando el puntero del ratón pasa por encima de un elemento?

Accepted Answer

onmouseover

Answer

onkeyup

Answer

onclick

Answer

onchange

Question 48

¿Qué etiqueta HTML se utiliza para crear un menú desplegable?

Accepted Answer

Answer

<list>

Answer

<menu>

Answer

<ul>

Question 49

¿Qué lenguaje de programación se utiliza principalmente para controlar el estilo y la apariencia de una página web?

Accepted Answer

CSS

Answer

JavaScript

Answer

HTML

Question 50

La etiqueta HTML `

` se utiliza para:

Accepted Answer

Definir un párrafo de texto

Answer

Insertar una imagen

Answer

Crear un enlace

Answer

Definir un formulario

Question 51

¿Cuál de las siguientes opciones NO es una forma válida de definir el color de fondo de un elemento en CSS?

Accepted Answer

background-color: #FFFFFF

Answer

background-color: #fff

Answer

background-color: white

Answer

background-color: rgb(255, 255, 255)

Question 52

¿Qué lenguaje de programación permite añadir interactividad y dinamismo a una página web?

Accepted Answer

JavaScript

Answer

HTML

Answer

CSS

Answer

C++

Question 53

El código HTML `Enlace` representa:

Accepted Answer

Un enlace a una página web externa

Answer

Un formulario

Answer

Una imagen

Answer

Un párrafo de texto

Question 54

En JavaScript, un evento es:

Accepted Answer

Una acción realizada por el usuario o el sistema

Answer

Una variable

Answer

Un objeto

Answer

Una función

Question 55

La etiqueta HTML `<h1>` se utiliza para:

Accepted Answer

Definir un encabezado de nivel 1

Answer

Mostrar una imagen

Answer

Insertar un video

Answer

Crear una lista

Question 56

¿Cuál de las siguientes opciones NO es un tipo de selector CSS?

Accepted Answer

Selector de clase

Answer

Selector de ID

Answer

Selector de atributo

Answer

Selector de pseudo-clase

Question 57

En JavaScript, la función `alert()` se utiliza para:

Accepted Answer

Mostrar un mensaje al usuario

Answer

Capturar eventos del usuario

Answer

Manipular el DOM (Document Object Model)

Question 58

El código HTML `<img src="imagen.jpg" alt="Descripción de la imagen">` representa:

Accepted Answer

Una imagen con una descripción alternativa

Answer

Un enlace a una página web externa

Answer

Un formulario

Answer

Un párrafo de texto