Diseño de interfaces web

TEMA 1: ¿Cuál o cuales de los siguientes elementos son convenientes añadir en cualquier diseño web?. Todos son convenientes, aunque no obligatorios, en función del diseño del sitio. Pie de página. Sistema de navegación. Cabecera.

TEMA 1: ¿Qué áreas principales se recogen en una interfaz gráfica?. A y b son correctas. Área común (cabecera, pie, etc) (A). Parte de contenido (B). Solo el pie o footer.

TEMA 1: Si un color se expresa de la forma #ffff00: El color rojo que participa en la combinación toma el valor 255 en decimal. El color verde que participa en la combinación toma el valor 1111 0000 en binario. El color azul que participa en la combinación toma el valor 255 en decimal. Ninguna es correcta.

TEMA 1: ¿Qué atributo define la intensidad de un color?. Saturación. Matiz. Color seguro. Brillo.

TEMA 1: ¿Qué son los web-safe colors?. Colores que se representan de la misma forma en cualquier navegador o dispositivo. Los diferentes matices de cada uno de los colores primarios. Colores complementarios. Colores sintéticos.

TEMA 1: ¿Cuál de las siguientes codificaciones no es color seguro?. #CC C3 FF. Todos son colores seguros. #99 CC CC. #66 33 FF.

TEMA 1: En cuanto a la selección de colores de un diseño web: Una selección adecuada es muy importante, puesto que puede condicionar la experiencia de navegación del usuario, así como aportar una imagen propia e identificativa del sitio. Se trata de una acción trivial, sin importancia. Solo es importante en el diseño de la cabecera. Ninguna es correcta.

TEMA 1: ¿Cómo se denomina al conjunto de colores en diseño web, que el ojo humano es capaz de percibir?. RGB. CMYK. Color Type. Colores seguros.

TEMA 1: Dirección, posición, espacio y gravedad, son elementos de: Relación. Textura. Representación. Significado.

TEMA 1: ¿Qué nombre recibe el elemento práctico que se utiliza para representar el propósito para el cual sirve el diseño (por ejemplo, una señal de prohibido)?. Función. Significado. Textura. Representación.

TEMA 2: ¿Qué es un prototipo?. Una maqueta o modelo de un diseño o dispositivo que ofrece una idea previa del diseño final. Un dossier elaborado con el cliente con los requisitos de diseño. Ninguna es correcta. Un documento en HTML elaborado a través de tablas y marcos.

TEMA 2: ¿Cuál de las siguientes herramientas se utiliza para la creación de wireframe?. Mockflow. Notepad++. Gamifica tu aula. Epidemic Sound.

TEMA 2: Las guías de estilo son. Elementos que permiten la normalización de estilos para un mismo proyecto. Gestor de contenidos. Catálogo de colores. Todas son correctas.

TEMA 2: ¿Qué diferencia existe entre las letras con serifa y sin serifa?. La terminación de los extremos que facilita la lectura. Son iguales. El color que facilita la lectura. El tamaño que facilita la lectura.

TEMA 2: ¿A través de qué etiqueta se modela una casilla de verificación en HTML?. Checkbox. Radio. Verification. Select.

TEMA 2: ¿Para qué se utiliza la instrucción <a>?. Añade enlaces al diseño web. Añade imágenes al diseño web. No existe. Las dos primeras opciones son correctas.

TEMA 2: ¿Cuál de las siguientes sintaxis es correcta?. Las dos primeras opciones son correctas. Ninguna es correcta, se utiliza la etiqueta a para la inserción de imágenes. <img src=“ejemplo.png” alt=“Imagen de ejemplo” title=“Título de la imagen”>. <img src=“ejemplo.png”>.

TEMA 2: ¿Qué etiqueta se utiliza la creación de filas en una tabla?. tr. table. td. div.

TEMA 2: ¿Qué etiqueta en HTML se utiliza para que, al pulsar sobre un botón ubicado en el cuerpo del documento, se redireccione al usuario a otra página del sitio web?. La etiqueta input con atributo button y un enlace <a>. La etiqueta <button> con un atributo <href> que enlaza al contenido destino. Solo es necesario una etiqueta de enlace <a>. Solo es necesario una etiqueta <href>.

TEMA 2: En la creación de tablas ¿a través de que atributo es posible definir la alineación de la tabla?. align. border. width. caption.

TEMA 3: ¿Qué es lo que permite definir el conjunto de reglas y estilo de un sitio web?. Una hoja de estilo CSS. Un documento en HTML. Un fichero style. Un entorno de desarrollo.

TEMA 3: ¿Cuál de las siguientes etiquetas permite definir estilo CSS en el documento HTML sin enlazar con un fichero con extensión CSS?. style. doc. head. link.

TEMA 3: ¿Qué determina el tributo type de la etiqueta de enlace link?. El tipo de recurso enlazado. El tipo de relación entre el recurso enlazado y el fichero HTML. La ruta del archivo CSS. El tipo de medio en el que se van a aplicar los estilos CSS.

TEMA 3: ¿Qué tipo de selectores identifican un bloque de contenido HTML bajo la palabra class?. Los selectores de clase. Los selectores identificadores. Los selectores básicos. Los selectores univerales.

TEMA 3: ¿Qué nombre recibe los elementos que pueden presentar varios estados en su funcionamiento y por lo tanto, cada uno de los estados podrá tener un estilo diferente como por ejemplo, los enlaces <a>?. Pseudoclases. CSS. Pseudoelementos. Framework.

TEMA 3: ¿Qué nombre reciben los canales a través de los cuales se muestra la información del sitio web: auditivos, visuales, impresos, etc?. Medios. Guías de estilo. Hojas de estilo. Ficheros HTML.

TEMA 3: Los selectores basados en … seleccionan un atributo al que dar formato buscando en el contenido de los atributos ‘id’ del documento estructurado en HTML. Identificadores. Ninguna es correcta. Clase. Etiquetas.

TEMA 3: Indica cuál de las siguientes sintaxis es la correcta en el lenguaje de hojas de estilo CSS. div {color:blue;}. div {color=black}. {div:color=green}. #{div:color=green}.

TEMA 3: ¿Qué pseudoelemento permite seleccionar la primera línea de texto de un elemento?. ::first-line. :one-line. #first-line. Ninguna es correcta.

TEMA 3: En las páginas con una estructura fija, las dimensiones se expresan utilizando valores …. Absolutos. Relativos. Porcentajes. Responsives.

TEMA 5: Para la creación de una variable en Sass se utiliza: $variable. &variable. *variable. @variable.

TEMA 5: Para implementar un bloque de código reutilizable tipo mixin en Sass se debe indicar como: @mixin. %mixin. $mixin. &mixin.

TEMA 5: ¿Cuál de los siguientes atributos no pertenece al sistema de creación de columnas en Sass?. fall-tter. col-qty. gutter. width.

TEMA 5: ¿Cuál de los siguientes códigos CCS sería equivalente a la identación realizada con Sass?. $bg-color: # FFA07A ¢size: 12em body{ background-color: $bg-color margin: $size * 3 }. $bg-color: # FFA07A ¢size: 12em body margin: $size * 3 background-color: $bg-color. $bg-color: # FFA07A ¢size: 12em .body background-color: $bg-color margin: $size * 3. $bg-color: # FFA07A ¢size: 12em @body background-color: $bg-color margin: $size * 3.

TEMA 5: Para la creación de una variable en Less se utiliza: @variable. *variable. $variable. &variable.

TEMA 5: El tipo de anidamiento de selectores en Less correcto es: p{ font-size:8px; a{ color: blue; } }. @p font-size:8px; @a color: blue;. .p font-size:8px; .a color: blue;. #p font-size:8px; #a color: blue;.

TEMA 5: Indica cuál de las siguientes afirmaciones no es correcta: La confección de ficheros .css en Sass no es automática. La confección de ficheros .css en Less requiere la compilación a través de la línea de comandos. La confección de ficheros .css en Less utiliza la instrucción lessc. La confección de ficheros .css en Sass es automática a través del escuchador sass --watch.

TEMA 5: Para implementar un bloque de código reutilizable tipo mixin en Less se debe indicar como: .mixin. &mixin. %mixin. @mixin.

TEMA 5: Las funcionalidades comunes que presentan Less y Sass son: Todas las anteriores son correctas. Uso de bloques de código reutilizables. Creación de variables. Posibilidad de utilizar operadores.

TEMA 5: ¿Cuál de las siguientes afirmaciones es correcta?. Sass trabaja bajo Ruby. Less trabaja bajo Ruby. Sass trabaja bajo JavaScript. Less trabaja bajo C#.

TEMA 4: ¿Cuál de los siguientes elementos corresponde con una clase de Bootstrap 4?. container-fluid. yui-g. article. Ninguna es correcta.

TEMA 4: Los elementos del modelo de cajas son: Content, Padding, Margin y Border. Content, Padding, Container y Overflow. Content, Border y Margin. Content y Border.

TEMA 4: Indica la afirmación correcta sobre el código “border: 15px solid #3EC483;”: Define el elemento border con un grosor de 15px, estilo sólido y el color definido por el código hexadecimal #3EC483. Es incorrecto, las propiedades solo se definen en atributos independientes. Define el elemento border 15px del extremo izquierdo, estilo sólido y el color definido por el código hexadecimal #3EC483. Ninguna es correcta.

TEMA 4: ¿Qué etiqueta permite enlazar un fichero HTML con las hojas externas?. <link>. <fonts>. <type>. <build>.

TEMA 4: ¿Cuál de los siguientes elementos no es característico del framework YUI?. delay. Página (#doc, #doc2,…). Plantilla (.yui-b, .yui-t1,…). Rejilla (.yui.u, .yui-g,…).

TEMA 4: ¿Cuál de las siguientes sentencias realizará la conversión de todo el contenido de un párrafo a mayúsculas usando Bootstrap?. <p class=“text-uppercase”>. No es posible realizar esta conversión. <p class=“text-lowercase”>. <p class=“text-center”>.

TEMA 4: ¿Cuál de las siguientes sintaxis es correcta?. Las dos primeras opciones son correctas. Ninguna es correcta, se utiliza la etiqueta a para la inserción de imágenes. <img src=“ejemplo.png” alt=“Imagen de ejemplo” title=“Título de la imagen”>. <img src=“ejemplo.png”>.

TEMA 4: El sistema de columnas en Bootstrap 4, grid, permite la creación de múltiples tipos de columnas, con multitud de distribuciones ¿sobre qué número inicial de columnas hay que hacer la división del espacio para crear las columnas deseadas?. col-12. col-6. col-11. col-9.

TEMA 4: ¿Cuáles de los siguientes nombres corresponden a librerías de diseño para CSS?. Bootstrap 4 y YUI. Modelo de cajas y Bootstrap 4. YUI y HTML. Ninguna de las anteriores.

TEMA 4: Si aplicamos el siguiente código sobre un elemento con el mismo valor para el ancho y el alto ¿cuál es la forma resultante? border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;. Círculo. Rectángulo. Triángulo. El elemento desaparece.

TEMA 6: La imagen de mapa de bits: Está formada por una matriz de píxeles. Representa a través fórmulas matemáticas figuras geométricas. Puede re-escalarse sin problema de pixelado. Debido a su calidad suele ser mejor opción que la imagen vectorizada.

TEMA 6: El tamaño de una imagen se encuentra determinado por: La resolución de la imagen, la longitud, el ancho y la profundidad de color. La resolución de la imagen, la longitud y el ancho. La resolución de la imagen, la longitud, el ancho y el tipo de codificación del color. La resolución de la imagen, el número de píxeles y la profundidad de color.

TEMA 6: El formato JPEG: Es con pérdidas, disminuye el tamaño pero también la calidad de la imagen. Es útil de aplicar en imágenes de tipo vectorial. No reduce el peso de una imagen. Es sin pérdidas, no disminuye la calidad.

TEMA 6: Si el número de bits para describir el color en una imagen es 3. ¿Cuál será el número de posibles colores a utilizar en la imagen?. 8. 24. 3. 6.

TEMA 6: ¿Cuál de los siguientes formatos de imágenes admite animación?. GIF. JPEG. PNG. BMP.

TEMA 6: Una imagen que caracteriza a una empresa o marca es un: Logo. Icono. Banner. Sello.

TEMA 6: Gimp es una herramienta de: Edición de imágenes. Gestión de licencias. Creación de archivos de audio. Ninguna de las anteriores.

TEMA 6: La transformación de una imagen digital mediante la aplicación de operadores matemáticos es un: Filtro. Efecto. Volteo. Giro.

TEMA 6: ¿Cuál es el formato de imagen más indicado para el diseño de logotipos?. PNG. JPEG. MOV. AVI.

TEMA 6: ¿Qué nombre recibe el conjunto de derechos sobre un contenido original que tienen sus autores?. Propiedad intelectual. Licencia. Registro. Creative Commons.

TEMA 7: ¿Cuál de los siguientes formatos es el estándar de audio de reproducción de los equipos Windows?. WAV. RA. MP3. OGG.

TEMA 7: ¿Qué atributo de la etiqueta <audio> de HTML5 permite indicar varias rutas con diferentes formatos de audio?. source. type. codecs. options.

TEMA 7: ¿Cuál de los siguientes códigos permite reproducir el audio de una página web de manera ininterrumpida hasta que el usuario abandone el sitio web?. <audio src=”audio_fondo.mp3” loop>. <audio src=”audio_fondo.mp3” controls autoplay>. <audio src=”audio_fondo.mp3” autoplay>. <audio src=”audio_fondo.mp3” hidden>.

TEMA 7: De los siguientes formatos de vídeo, ¿cuál es propietario de Apple?. mov. WebM. OGG. MP4.

TEMA 7: ¿Cuál de los siguientes fragmentos de código permite reproducir un vídeo por defecto en silencio y mostrando una imagen al usuario mientras se carga completamente?. <video src=”video_welcome” mutted poster>. <video src=”video_welcome” controls poster>. <video src=”video_welcome” mutted autoplay>. <video src=”video_welcome” preload autoplay>.

TEMA 7: El vídeo de una página web puede ser descargado mediante el fragmento de código: <a href=“ficheroVideo.mp4” download>…</a>. <p> href=“ficheroVideo.mp4” download>…</p>. <a> src=“ficheroVideo.mp4” preload>…</a>. <p> src=“ficheroVideo.mp4” preload>…</p>.

TEMA 7: ¿Cuál de las siguientes etiquetas crea un elemento interactivo como una nueva ventana?. Dialog. Hidden. Summary. Details.

TEMA 7: ¿Qué atributo permite al usuario modificar el contenido de un elemento?. contenteditable. summary. hidden. dialog.

TEMA 7: ¿Cuál de los siguientes fragmentos indica que el vídeo se reproduce desde el segundo 10 hasta 20 segundos después?. <video src=“video1#t=10,30”>. <video src=“video1#t=10+20”>. <video src=“video1#t=20”>. <video src=“video1#t=10,20”>.

TEMA 7: ¿Cuál de las siguientes etiquetas permite modificar el texto que se muestra con la etiqueta details?. summary. contentEditable. open. write.

EXTRA: ¿Qué significa la licencia CC-BY-NC?. Reconocimiento-No Comercial. Reconocimiento-No Comercial-Sin Obras Derivadas. No Comercial-Sin Obras Derivadas-Compartir bajo la misma licencia. Reconocimiento-Sin Obras Derivadas-Compartir bajo la misma licencia.

EXTRA: Las conocidas como páginas responsives. adaptan su diseño al tipo de dispositivo y a las dimensiones de estos. ofrecen resultados irregulares dependiendo del dispositivo utilizado. cambian su diseño dependiendo de la aplicación que utilicen. se adaptan a las dimensiones de las pantallas.

EXTRA: Las hojas de estilo CSS (Cascading Style Sheets) permiten... definir un conjunto de reglas de estilo que son aplicadas sobre los elementos de una página web en HTML. definir un conjunto de reglas que nos permiten seleccionar los atributos necesarios para el diseño de un página web. definir aspectos relativos al estilo del texto, en cuanto al interlineado o alineación. definir un conjunto de elementos de una página web.

EXTRA: definir un conjunto de elementos de una página web. claro, atractivo y fácil de recordar. moderno, claro y fácil de recordar. atractivo, sencillo y colorido. de cualquier forma.

EXTRA: El formato de audio MP3 es el más empleado para .. La publicación de un sonido en un sitio web. Todas las respuestas son correctas. Audio con licencia pública GNU. Sonido web de alta calidad, pero con archivos muy pesados.

EXTRA: Las propiedades y parámetros específicos de las imágenes son... tamaño, tasa de compresión, resolución y profundidad del color. tamaño, tasa de compresión, brillo y profundidad del color. tamaño, saturación, resolución y profundidad. saturación, tasa de compresión, resolución y profundidad del color.

EXTRA: La etiqueta <video> incluye una opción que permite indicar ... El instante de inicio y final de la reproducción. A y C ambas son correctas. El reproductor que abrirá el video. (A). La duración del video. (C).

EXTRA: En el contexto de "DIW" (Diseño de Interfaz Web) o "Diseño de Interfaz de Usuario",¿Que es un framework?. es un conjunto de herramientas, librerías, convenciones y buenas prácticas que pretenden encapsular las tareas repetitivas en módulos genéricos fácilmente reutilizables. una herramienta que nos permite escribir pseudocódigo CSS. es una herramienta que nos permite emular el modelo de cajas. Es un entorno de trabajo para el desarrollo de paginas webs.

EXTRA: ¿Cómo se define un mixin en less?. .nombreBloque{ propiedad_1: valor; ... propiedad_N: valorN; }. @nombreBloque{ propiedad_1: valor; ... propiedad_N: valorN; }. $nombreBloque{ propiedad_1: valor; ... propiedad_N: valorN; } ". @mixin nombreBloque { propiedad_1: valor; ... }.

EXTRA: Los elementos conceptuales son aquellos que. no son visibles, no tienen existencia física. son visibles, no tienen existencia física. no son visibles y tienen existencia física. son visibles y tienen existencia física.

EXTRA: La resolución de una imagen es ... Su grado de detalle. El número de bits para definir un color. El algoritmo para reducir su tamaño. El número de colores que puede mostrar.

EXTRA: En Bootstrap es cierto que ... Divide el contenido según un sistema de columnas. No es necesario crear un elemento de fila. Las columnas disponibles en el sistema pueden variar entre 1 a 12. Una columna sólo puede tener un ancho de 1.

EXTRA: Para poder reproducir un audio en un navegador es necesario ... Usar la etiqueta <audio>. Que sea un MP3. Incluir en el HTML la etiqueta <media>. Usar la etiqueta <source>.

EXTRA: Si un color se expresa de la forma #ffff00: El color rojo que participa en la combinación toma el valor 255 en decimal. El color verde que participa en la combinación toma el valor 1111 0000 en binario. El color azul que participa en la combinación toma el valor 255 en decimal. Ninguna es correcta.

EXTRA: ¿Qué etiqueta se utiliza la creación de filas en una tabla?. tr. table. td. div.

EXTRA: Indica cuál de las siguientes sintaxis es la correcta en el lenguaje de hojas de estilo CSS. div {color:blue;}. div {color=black}. {div:color=green}. #{div:color=green}.

EXTRA: ¿Cuál de las siguientes sintaxis es correcta?. Las dos primeras opciones son correctas. Ninguna es correcta, se utiliza la etiqueta a para la inserción de imágenes. <img src=“ejemplo.png” alt=“Imagen de ejemplo” title=“Título de la imagen”>. <img src=“ejemplo.png”>.

EXTRA: ¿Cuál de los siguientes códigos CCS sería equivalente a la identación realizada con Sass?. $bg-color: # FFA07A ¢size: 12em body{ background-color: $bg-color margin: $size * 3 }. $bg-color: # FFA07A ¢size: 12em .body background-color: $bg-color margin: $size * 3. $bg-color: # FFA07A ¢size: 12em body margin: $size * 3 background-color: $bg-color. $bg-color: # FFA07A ¢size: 12em @body background-color: $bg-color margin: $size * 3.

EXTRA: ¿Qué nombre recibe el conjunto de derechos sobre un contenido original que tienen sus autores?. Propiedad intelectual. Licencia. Registro. Creative Commons.

EXTRA: ¿Qué atributo de la etiqueta <audio> de HTML5 permite indicar varias rutas con diferentes formatos de audio?. source. type. codecs. options.