¿Cuál o cuales de los siguientes elementos son convenientes añadir en cualquier diseño web? Cabecera Sistema de navegación Pie de página
Todos son convenientes, aunque no obligatorios, en función del diseño del sitio.
¿Qué áreas principales se recogen en una interfaz gráfica? Área común (cabecera, pie, etc) Parte de contenido Solo el pie o footer
Área común y parte de contenido .
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 .
¿Qué atributo define la intensidad de un color? Brillo Saturación Matiz Color seguro .
¿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 .
¿Cuál de las siguientes codificaciones no es color seguro? #66 33 FF #99 CC CC #CC C3 FF Todos son colores seguros .
En cuanto a la selección de colores de un diseño web: Se trata de una acción trivial, sin importancia 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 Solo es importante en el diseño de la cabecera Ninguna es correcta .
¿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 .
Dirección, posición, espacio y gravedad, son elementos de: Textura Relación Representación Significado .
¿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)? Representación Textura Significado Función .
¿Qué es un prototipo? Un documento en HTML elaborado a través de tablas y marcos 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 .
¿Cuál de las siguientes herramientas se utiliza para la creación de wireframe? Epidemic Sound Gamifica tu aula Mockflow Notepad++ .
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 .
¿Qué diferencia existe entre las letras con serifa y sin serifa? El tamaño que facilita la lectura El color que facilita la lectura La terminación de los extremos que facilita la lectura Son iguales .
¿A través de qué etiqueta se modela una casilla de verificación en HTML? Checkbox Radio
Verification Select .
¿Para qué se utiliza la instrucción <a>? Añade imágenes al diseño web Añade enlaces al diseño web No existe Las dos primeras opciones son correctas .
¿Cuál de las siguientes sintaxis es correcta? <img src=“ejemplo.png”> <img src=“ejemplo.png” alt=“Imagen de ejemplo” title=“Título de la imagen”> Ninguna es correcta, se utiliza la etiqueta a para la inserción de imágenes Las dos primeras opciones son correctas .
¿Qué etiqueta se utiliza la creación de filas en una tabla? table tr td div .
¿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>.
En la creación de tablas ¿a través de que atributo es posible definir la alineación de la tabla? border align width caption .
¿Qué es lo que permite definir el conjunto de reglas y estilo de un sitio web? Un documento en HTML Una hoja de estilo CSS Un fichero style Un entorno de desarrollo .
¿Cuál de las siguientes etiquetas permite definir estilo CSS en el documento HTML sin enlazar con un fichero con extensión CSS? link head style doc .
¿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.
¿Qué tipo de selectores identifican un bloque de contenido HTML bajo la palabra class? Los selectores identificadores Los selectores de clase Los selectores básicos Los selectores univerales .
¿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.
¿Qué nombre reciben los canales a través de los cuales se muestra la información del sitio web: auditivos, visuales, impresos, etc? Guías de estilo Medios Hojas de estilo Ficheros HTML .
Los selectores basados en … seleccionan un atributo al que dar formato buscando en el contenido de los atributos ‘id’ del documento estructurado en HTML. Etiquetas Clase Identificadores Ninguna es correcta .
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} .
¿Qué pseudoelemento permite seleccionar la primera línea de texto de un elemento? ::first-line :one-line #first-line Ninguna es correcta.
En las páginas con una estructura fija, las dimensiones se expresan utilizando valores … Absolutos Relativos Porcentajes Responsives .
¿Cuál de los siguientes elementos corresponde con una clase de Bootstrap 4? yui-g container-fluid article Ninguna es correcta .
Los elementos del modelo de cajas son: Content y Border Content, Border y Margin Content, Padding, Container y Overflow Content, Padding, Margin y Border .
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 .
¿Qué etiqueta permite enlazar un fichero HTML con las hojas externas? <build> <type> <link> <fonts>.
¿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,…) .
¿Cuál de las siguientes sentencias realizará la conversión de todo el contenido de un párrafo a mayúsculas? <p class=“text-center”> <p class=“text-lowercase”> <p class=“text-uppercase”> No es posible realizar esta conversión .
¿Cuál de las siguientes sintaxis es correcta? <img src=“ejemplo.png”> <img src=“ejemplo.png” alt=“Imagen de ejemplo” title=“Título de la imagen”> Ninguna es correcta, se utiliza la etiqueta a para la inserción de imágenes Las dos primeras opciones son correctas.
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-6 col-12 col-11 col-9 .
¿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 .
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%; Rectángulo Círculo Triángulo El elemento desaparece .
Para la creación de una variable en Sass se utiliza: &variable $variable *variable @variable .
Para implementar un bloque de código reutilizable tipo mixin en Sass se debe indicar como: @mixin %mixin $mixin &mixin .
¿Cuál de los siguientes atributos no pertenece al sistema de creación de columnas en Sass? col-qty fall-tter gutter width.
¿Cuál de los siguientes códigos CSS sería equivalente a la identación realizada con Sass? $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 $bg-color: # FFA07A
¢size: 12em
@body
background-color: $bg-color
margin: $size * 3.
Para la creación de una variable en Less se utiliza: &variable $variable *variable @variable .
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;.
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.
Para implementar un bloque de código reutilizable tipo mixin en Less se debe indicar como: @mixin %mixin .mixin &mixin.
Las funcionalidades comunes que presentan Less y Sass son: Posibilidad de utilizar operadores Creación de variables Uso de bloques de código reutilizables Todas las anteriores son correctas .
¿Cuál de las siguientes afirmaciones es correcta? Less trabaja bajo Ruby Sass trabaja bajo Ruby Sass trabaja bajo JavaScript Less trabaja bajo C# .
La imagen de mapa de bits: Debido a su calidad suele ser mejor opción que la imagen vectorizada. Puede re-escalarse sin problema de pixelado. Representa a través fórmulas matemáticas figuras geométricas. Está formada por una matriz de píxeles. .
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.
El formato JPEG: Es sin pérdidas, no disminuye la calidad. No reduce el peso de una imagen. Es útil de aplicar en imágenes de tipo vectorial. Es con pérdidas, disminuye el tamaño pero también la calidad de la imagen.
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? 6 3 8 24.
¿Cuál de los siguientes formatos de imágenes admite animación? JPEG GIF PNG BMP .
Una imagen que caracteriza a una empresa o marca es un: Logo Icono Banner Sello .
Gimp es una herramienta de: Edición de imágenes Gestión de licencias Creación de archivos de audio Ninguna de las anteriores .
La transformación de una imagen digital mediante la aplicación de operadores matemáticos es un: Giro Volteo Filtro Efecto.
¿Cuál es el formato de imagen más indicado para el diseño de logotipos? JPEG PNG MOV AVI .
¿Qué nombre recibe el conjunto de derechos sobre un contenido original que tienen sus autores? Licencia Propiedad intelectual Registro Creative Commons .
¿Cuál de los siguientes formatos es el estándar de audio de reproducción de los equipos Windows? OGG WAV RA MP3 .
¿Qué atributo de la etiqueta <audio> de HTML5 permite indicar varias rutas con diferentes formatos de audio? source type codecs options.
¿Cuál de los siguientes códigos permite reproducir el audio de una página web de manera interrumpida hasta que el usuario abandone el sitio web? <audio src=”audio_fondo.mp3” hidden> <audio src=”audio_fondo.mp3” autoplay> <audio src=”audio_fondo.mp3” controls autoplay> <audio src=”audio_fondo.mp3” loop>.
De los siguientes formatos de vídeo, ¿cuál es propietario de Apple? WebM mov OGG MP4 .
¿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” controls poster> <video src=”video_welcome” mutted poster> <video src=”video_welcome” mutted autoplay> <video src=”video_welcome” preload autoplay>.
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>.
¿Cuál de las siguientes etiquetas crea un elemento interactivo como una nueva ventana? Details Summary Hidden Dialog .
¿Qué atributo permite al usuario modificar el contenido de un elemento? dialog hidden contenteditable summary .
¿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,20”> <video src=“video1#t=20”> <video src=“video1#t=10+20”> <video src=“video1#t=10,30”>.
¿Cuál de las siguientes etiquetas permite modificar el texto que se muestra con la etiqueta details? contentEditable summary open write .
|
