Diseño de interfaces web - Ilerna

¿Qué aspecto influye mas en la primera impresión de una interfaz web?. La estructura del código. La parte visual. El lenguaje de programación. La base de datos.

¿Qué debe buscar siempre un diseñador de interfaces según el temario?. Originalidad extrema. Uso abundante de animaciones. Equilibrio entre los elementos. Uso exclusivo de imágenes.

¿Qué problema puede causar el uso excesivo de animaciones?. Aumenta la accesibilidad. Mejora la compresión del mensaje. Provoca distracción y ruido visual. Reduce el tiempo de carga.

En HTML, los colores se basan en el estándar: CMYK. HSL. RGB. HEX.

¿Qué valor hexadecimal representa el color blanco?. #000000. #FFFFFF. #FFFF00. #FF00FF.

¿Cómo se obtiene el color magenta en RGB?. Rojo + verde. Verde + azul. Rojo + azul. Negro + blanco.

¿Qué se recomienda respecto al uso de tipografías en una web. Usar tantas como sea necesario. No usar más de tres. Usar solo una. Usar solo tipografías decorativas.

¿Cuál de las siguientes es una propiedad básica de tipografía en CSS?. text-color. font-style. text-weight. font-align.

¿Cuál es el objetivo principal de los iconos en una interfaz?. Decorar la web. Sustituir completamente el texto. Representar acciones de forma visual. Aumentar el peso de la página.

La estandarización de iconos permite: Usar más imágenes. Impactar mejor al usuario. Reducir la navegación. Eliminar el texto.

La interacción persona-ordenador (IPO) estudia: El hardware del equipo. El intercambio de información usuario–ordenador. El lenguaje de programación. El diseño gráfico únicamente.

¿Qué ocurre cuando existe una buena comunicación usuario–sistema?. Aumentan los errores. Se reduce la satisfacción. El intercambio es más eficiente. Se ralentiza la interfaz.

¿Para qué sirve una guía de estilo?. Para programar en CSS. Para garantizar coherencia en el sitio web. Para crear bases de datos. Para definir la estructura HTML.

¿A quién va dirigida principalmente una guía de estilo?. A los usuarios finales. A los diseñadores y programadores. A los administradores del servidor. A los motores de búsqueda.

Un CMS es: Un lenguaje de programación. Un tipo de plantilla. Un gestor de contenidos. Un framework CSS.

Un lenguaje de marcas se caracteriza por: Usar funciones aritméticas. Tener variables. Combinar texto con etiquetas. Ser compilado.

HTML sirve principalmente para: Dar estilo a la web. Gestionar bases de datos. Definir estructura y contenido. Controlar el servidor.

¿Qué organismo se encarga de los estándares web?. ISO. IEEE. W3C. WHATWG.

¿Qué versión de HTML supuso una revolución al integrar multimedia?. HTML 2.0. HTML 3.0. HTML 4.0. HTML5.

¿Cuál de los siguientes NO es un componente básico de una interfaz web?. Cabecera. Cuerpo. Footer. Base de datos.

¿Dónde se sitúa normalmente el logotipo de una web?. En el footer. En el cuerpo. En la cabecera. En el menú lateral.

¿Qué elemento permite desplazarse por las distintas páginas del sitio?. Cabecera. Sistema de navegación. Espacios en blanco. Footer.

¿Dónde suelen situarse los menús tipo lista o árbol?. Parte superior. Parte inferior. Parte lateral izquierda. Centro de la página.

¿Qué función tienen los espacios en blanco?. Decorar la web. Reducir el contenido. Evitar la sobrecarga visual. Aumentar el texto.

El cuerpo de la página web es: La zona menos importante. Donde se muestran los contenidos. Exclusivo para imágenes. Opcional.

¿Para qué sirve un mapa de navegación?. Para diseñar colores. Para representar la estructura del sitio. Para validar HTML. Para optimizar imágenes.

¿Cuál es el objetivo principal de los prototipos?. Sustituir el diseño final. Optimizar tiempo y visualizar el resultado. Programar la web. Mejorar el SEO.

¿Qué ventaja tiene modificar un prototipo frente a una web real?. Es más caro. Es más lento. Es más sencillo. No hay diferencias.

Actualmente, la maquetación web se realiza principalmente con: Tablas. Marcos. Capas (div). Formularios.

¿Qué lenguaje se utiliza para posicionar las capas?. HTML. PHP. CSS. SQL.

Las plantillas de diseño permiten: Programar sin conocimientos. Aumentar la complejidad. Ahorrar tiempo. Eliminar la fase de diseño.

Al usar una plantilla de diseño: No se puede modificar. Siempre es gratuita. Debe adaptarse a las necesidades. No ahorra tiempo.

¿Qué ocurre si se usan demasiados elementos innecesarios en una interfaz?. Mejora la experiencia. Facilita la comprensión. Genera distracción. Aumenta la usabilidad.

¿Cuál es el formato correcto de un color hexadecimal?. 255,255,255. rgb(255,255,255). #FFFFFF. white.

¿Qué propiedad CSS define el grosor de la fuente?. font-style. font-weight. font-size. font-family.

¿Qué elemento suele actuar como menú auxiliar?. Cabecera. Cuerpo. Footer. Espacios en blanco.

¿Qué se recomienda hacer si un menú tiene demasiadas opciones?. Eliminar opciones. Usar menús jerarquizados. Usar solo iconos. Moverlo al footer.

¿Qué elemento define zonas sin contenido gráfico?. Footer. Cuerpo. Cabecera. Espacios en blanco.

¿Qué se consigue separando contenido y presentación?. Más errores. Menor mantenimiento. Mayor facilidad de mantenimiento. Peor diseño.

¿Cuál es el objetivo principal del diseño de interfaces?. Llamar la atención. Facilitar la comunicación con el usuario. Usar muchas imágenes. Reducir el contenido.

¿Cuál es la principal ventaja de CSS según el temario?. Reduce el tamaño del HTML. Permite separar contenido y presentación. Sustituye a HTML. Mejora la velocidad del servidor.

¿Dónde se recomienda definir la apariencia global de un sitio web?. En estilos en línea. En el body. En una hoja de estilos externa. En el atributo class.

¿Qué ocurre si una declaración CSS tiene un error de sintaxis?. El navegador deja de leer el CSS. Se ignora toda la hoja de estilos. Se omite esa declaración y continúa. Se muestra un error al usuario.

¿Cuál de las siguientes NO es una ventaja de CSS?. Separación de contenido y diseño. Adaptación a distintos dispositivos. Necesita JavaScript para funcionar. Facilita el mantenimiento.

¿Cuál es la sintaxis correcta de un selector basado en etiqueta?. <p>{color:red}. p { color:red }. .p { color:red }. #p { color:red }.

¿Qué selector se aplica solo a un único elemento?. Etiqueta. Clase. Identificador. Universal.

¿Qué símbolo se usa para definir un selector de clase?. #. . *. @.

¿Cuál es una característica clave de los identificadores?. Pueden repetirse. Se aplican a múltiples elementos. Son exclusivos. No se usan en CSS.

¿Cuál de las siguientes afirmaciones es correcta?. Una etiqueta puede tener varios id. Un id puede repetirse. Una etiqueta puede tener varias clases. Una clase solo se usa una vez.

¿Para qué se suelen usar los identificadores según el temario?. Para dar estilo a texto. Para elementos secundarios. Para bloques principales. Para iconos.

¿Qué hace la siguiente regla? h1, p { color: blue; }. Aplica color azul solo a h1. Aplica color azul solo a p. Aplica color azul a h1 y p. Es una sintaxis incorrecta.

¿Qué símbolo se usa en el selector hijo anidado?. +. ~. >. *.

¿Qué selector aplica estilo solo al elemento directamente hijo?. div p. div + p. div > p. div ~ p.

¿Qué selecciona [atributo]?. Elementos con ese atributo, sin importar el valor. Elementos con un valor concreto. Elementos con varios atributos. Elementos hijos.

¿Qué selector elige elementos cuyo atributo comienza por un valor?. [atributo~=valor]. [atributo|=valor]. [atributo=valor]. [atributo*valor].

¿Qué pseudoclase se aplica cuando el ratón pasa por encima?. :active. :visited. :hover. :focus.

¿Qué pseudoclase se aplica a enlaces no visitados?. :active. :hover. :visited. :link.

¿Qué pseudoclase indica que un elemento tiene el foco?. :hover. :focus. :active. :link.

¿Qué pseudoelemento actúa sobre la primera línea de un texto?. ::first-letter. ::before. ::first-line. ::after.

¿Qué diferencia principal existe entre pseudoclases y pseudoelementos?. No existe diferencia. Los pseudoelementos usan :. Los pseudoelementos actúan sobre partes del elemento. Las pseudoclases generan contenido.

¿Qué símbolo se recomienda usar con pseudoelementos?. :. ::. #. .

¿Cuál es el orden correcto de prioridad de estilos?. Externo → interno → línea. Línea → interno → externo. Interno → línea → externo. Externo → línea → interno.

¿Qué palabra reservada fuerza la prioridad de una regla?. override. !priority. !important. force.

¿Dónde se define un CSS interno?. En un archivo .css. En el body. Entre <style> en el <head>. En el atributo class.

¿Qué organismo proporciona herramientas de validación CSS?. ISO. WHATWG. W3C. IEEE.

¿Qué indica el icono de validación CSS en una web?. Que es accesible. Que cumple estándares. Que es rápida. Que tiene buen diseño.

La guía de estilos recoge: Solo colores. Solo tipografías. Aspectos visuales y clases CSS. Código JavaScript.

¿Qué es un framework CSS?. Un lenguaje de programación. Un CMS. Un conjunto de herramientas predefinidas. Un editor de código.

¿Qué permite la herencia en CSS?. Repetir código. Que estilos del padre se transmitan a los hijos. Bloquear estilos. Priorizar reglas.

¿Qué significa “cascada” en CSS?. Orden alfabético. Que los estilos se heredan. Que unas reglas sobrescriben a otras. Que solo existe un archivo CSS.

¿Qué selector se usa para aplicar estilo a cualquier elemento?. #. . *. :all.

¿Qué ocurre si dos reglas entran en conflicto?. Se aplica la primera. Se aplica la última según prioridad. Se ignoran ambas. El navegador muestra error.

¿Qué tipo de CSS afecta solo a un elemento concreto?. Externo. Interno. En línea. Global.

¿Qué selector corresponde a .menu?. Etiqueta. Identificador. Clase. Universal.

¿Cuál de estos es un pseudoelemento?. :hover. :focus. ::after. :visited.

¿Qué se utiliza para vincular una hoja CSS externa?. <script>. <style>. <link>. <css>.

¿Qué ventaja tiene usar una hoja CSS externa?. Más peso. Menos reutilización. Aplicación a múltiples páginas. Menos control.

¿Qué ocurre si se define el mismo estilo en externo e interno sin conflicto?. Se ignora uno. Se aplican ambos. Se aplica el externo. Se aplica el interno.

¿Qué pseudoelemento permite modificar el texto seleccionado?. ::hover. ::selection. :selection. ::focus.

¿Qué característica de CSS facilita proyectos grandes?. Cascada. Herencia. Modularidad. Selectores.

¿Es correcto este código? <audio src="audio.mp3" controls></audio>. No, falta <source>. No, falta type. Sí, es correcto. Solo funciona en Chrome.

¿Qué función cumple el texto dentro de <audio>? <audio controls> Tu navegador no soporta audio </audio>. Es obligatorio. Es decorativo. Es un fallback. Es un comentario.

¿Cuál es el MIME type correcto para un MP3?. audio/mp3. audio/mpeg. sound/mp3. media/mp3.

¿Qué atributo permite mostrar controles de reproducción?. play. autoplay. controls. preload.

¿Qué tipo de selector es este? #menu { color: red; }. Etiqueta. Clase. Identificador. Universal.

¿Qué hace esta regla? h1, p { font-size: 16px; }. Error de sintaxis. Aplica a h1 dentro de p. Aplica a h1 y p. Aplica solo a p.

¿Qué selector aplica SOLO a <p> hijos directos de <div>?. div p. div > p. div + p. div ~ p.

¿Qué significa este selector? [class]. Elementos con clase concreta. Elementos con cualquier clase. Elementos hijos. Error.

¿Qué estilo tiene mayor prioridad?. Externo. Interno. En línea. Todos igual.

¿Qué hace !important?. Elimina conflictos. Fuerza la prioridad. Desactiva reglas. Solo funciona en CSS externo.

¿Es correcto este código? <p style="color:red;">Texto</p>. No. Si. Solo con CSS externo. Falta class.

¿Qué pseudoclase se aplica al pasar el ratón?. :active. :focus. :hover. :visited.

¿Qué pseudoclase corresponde a enlaces no visitados?. :hover. :visited. :link. :active.

¿Qué pseudoelemento actúa sobre la primera letra?. :first-line. ::first-letter. :before. ::after.

¿Es correcto este código? p::first-line { color: blue; }. No. Si. Falta :. Solo en Chrome.

¿Qué hace este código? <div id="cabecera"></div> <a href="#cabecera">Ir arriba</a>. Error. Enlace externo. Enlace interno. Comentario.

¿Es correcto usar varios class? <p class="texto rojo grande"></p>. No. Sí. Solo uno. Error de HTML.

¿Cuántos id puede tener una etiqueta?. Ninguno. Uno. Dos. Los que quiera.

¿Qué elemento se usa actualmente para maquetar?. <table>. <frame>. <div>. <form>.

¿Qué lenguaje posiciona las capas?. HTML. PHP. CSS. SQL.

Usar muchas animaciones mejora la comprensión del contenido. Verdadero. Falso.

Los espacios en blanco ayudan a evitar sobrecarga visual. Verdadero. Falso.

¿Qué es un framework CSS?. CMS. Lenguaje. Conjunto de herramientas. Base de datos.

¿Para qué sirve una guía de estilos?. Programar JS. Garantizar coherencia. Crear bases de datos. Optimizar SEO.

¿Es correcto este CSS? .menu { color blue; }. Sí. No. Solo con !important. Falta class.

¿Qué selector es .menu?. Etiqueta. Clase. Id. Universal.

¿Es correcto este enlace CSS? <link rel="stylesheet" href="estilos.css">. No. Si. Falta type. Falta style.

¿Qué ocurre si dos reglas entran en conflicto?. Se ignoran. Error. Se aplica según prioridad. Se aplica la primera.

¿Es correcto este vídeo? <video controls> <source src="video.mp4" type="video/mp4"> </video>. No. Sí. Falta autoplay. Falta preload.

¿Para qué sirve preload?. Reproducir. Cargar antes. Mostrar controles. Dar estilo.

HTML define: Estilo. Contenido y estructura. Servidor. Base de datos.

CSS define: Estructura. Estilo. Lógica. Datos.

¿Cuál es el objetivo del diseño de interfaces?. Decorar. Facilitar comunicación. Usar animaciones. Reducir texto.

¿Es recomendable usar más de 3 tipografías?. Sí. No.

¿Qué componente identifica el sitio web?. Footer. Cabecera. Cuerpo. Menú.

¿Dónde suele situarse el menú principal?. Abajo. Centro. Lateral izquierdo. Derecha.

¿Qué representa un mapa de navegación?. Colores. Estructura del sitio. Código CSS. Animaciones.

¿Qué ventaja tiene un prototipo?. Es definitivo. Más lento. Permite cambios rápidos. No se modifica.

¿Qué significa CSS?. Creative Style Sheets. Cascading Style Sheets. Computer Style System. Control Style Syntax.

¿Separar contenido y presentación permite…?. Más errores. Menos mantenimiento. Mayor mantenimiento. Peor diseño.