DISEÑO DE INTERFACES M09
COMENTARIOS |
ESTADÍSTICAS |
RÉCORDS
|
Título del Test: DISEÑO DE INTERFACES M09 Descripción: DAW ILERNA |
Nuevo Comentario| Comentarios |
|---|
NO HAY REGISTROS |
|
UF1 - ¿Cuál de las siguientes propiedades se utiliza para hacer una letra cursiva?. font-family. font-variant. font-weight. font-style. UF1 - ¿Qué es un CMS?. Es un gestor de contenidos. Es una parte de la web donde colocamos nuestro CSS. Es un servidor web para la transferencia de archivos. Es un lenguaje de programación para desarrollar webs. UF1 - De los siguientes programas, indica cuál es un gestor de contenido: NotePad. Bootstrap. WordPress. Sublime Text. UF1 - Si queremos aplicar un texto de color rojo y un tamaño de letra de 30px, ¿qué opción será la correcta?. p{color:red; font-size: 30px; }. p{color:red; font: 30px; }. p{color-font:red; font: 30px; }. p{background:red; font-size: 30px; }. UF1 - Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde: -Se pueden incorporar efectos dinámicos para ofrecer una mejor interacción con las diferentes opciones -Se pueden presentar en forma de menús. Sistemas de navegación. Cuerpo de página. Cabecera. Sistemas de cabecera. UF1 - Dado el siguiente código: Para modificar únicamente el color del texto del párrafo "examen online" a color blanco, ¿qué selector utilizaremos? <body> <h1> Ilerna Online </h1> <p> Formación profesional a distancia </p> <p><a> Examen online </a></p> </body>. h1 p { color: white;}. * { color: white;}. p { color: white;}. p > a { color:white; }. UF1 - Marca las respuestas correctas sobre la tipografía: Es importante tener diferentes tipos de fuentes en la página. Podemos estar limitados por distintos navegadores o sistemas operativos. Son las imágenes insertadas en un campo de texto. El espacio en blanco no es importante en la tipografía. UF1 - ¿De qué elementos está compuesta una regla en CSS?. Identificador, clase y valor. Etiqueta, párrafo y valor. Selector, propiedad y valor. ID, propiedad y clase. UF1 - ¿De qué forma hacemos referencia a un CSS externo dentro de nuestro HTML?. @import. /* ... */. !important. No se puede referenciar a un CSS externo desde HTML. UF1 - Según el siguiente código: ¿A que líneas afectará? <html> <head> <style> p * a { font-size:30px; } </style> </head> <body> <p> Primera linea </p> <p><a> Segunda linea </a></p> <p><span> Tercera linea <span></p> <p><span><a> Cuarta linea </a></span></p> </body>. Cuarta línea. Segunda, Tercera y Cuarta línea. Segunda y Cuarta línea. Segunda línea. UF1 - ¿Qué es XHTML?. Es un analizador sintáctico web. Es una parte del lenguaje web responsive. Utiliza las mismas etiquetas y atributos que HTML, aunque aplica una serie de reglas de sintaxis de XML. Es una etiqueta perteneciente al lenguaje XML. UF1 - ¿A qué se refiere la pseudoclase :hover?. Poner el foco en algunos elementos. Cambiar todo el texto a color rojo. Elementos que indica el usuario sin necesidad de ser activados. Elementos que tienen que estar activos indicados por el usuario. UF1 - Según el siguiente código: ¿A que líneas afectará? <html> <head> <style> p a { font-size:30px; } </style> </head> <body> <p> Primera linea </p> <p><a> Segunda linea </a></p> <p><span> Tercera linea <span></p> <p><span><a> Cuarta linea </a></span></p> </body>. Segunda y Cuarta línea. Segunda, Tercera y Cuarta línea. Segunda y Tercera línea. A todas las líneas. UF1 - Marca las respuestas correctas sobre los iconos: No es importante elegir bien los iconos. Insertando iconos, evitamos escribir gran cantidad de texto para explicar determinadas acciones. Perjudica a la hora de cargar la página. El uso de iconos nos perjudica a la hora de insertar el texto. UF1 - Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde: -Es fundamental para lograr que un diseño no sea sobrecargado -Define las zonas que no tendrán elementos gráficos. Espacios en blanco. Sistema de navegación. Los iconos. La tipografía. UF1 - En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores, ¿Cuáles son?. Verde, azul y blanco. Rojo, amarillo y verde. Blanco, negro y amarillo. Rojo, verde y azul. UF1 - Para conseguir las letras "Ilerna Online" de color blanco: ¿Cuál de las siguientes opciones es correcta?. color: white;. backgound-color: white;. font: white;. background: white;. UF1 - Actualmente, ¿con qué etiqueta realizamos una parte de la maquetación en HTML? 1 - <p> 2 - <tablet> 3 - <div> 4 - <span>. 1. 2. 3. 4. UF1 - Vamos a repasar los elementos fundamentales del diseño y la percepción visual. Marca la respuesta más correcta: ¿Cuáles son los elementos de diseño principales a tener en cuenta en la percepción visual?. La cabecera. El mapa de navegación. Color y percepción. Color, tipografía e iconos. UF1 - Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia? Las páginas tienen una lectura secuencial, parecida a la de un libro. Lineal. Jerárquica. Reticular. Lineal jerárquica. UF1 - Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia? Se suele utilizar en sitios que se encuentran relacionados entre ellos. Lineal jerárquica o CompuestaReticular o No lineal. Lineal. Jerárquica. Reticular o No lineal. UF1 - Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia? Es la más utilizada y suele utilizarse cuando aparecen diferentes secciones que están bien diferenciadas. Lineal. Jerárquica. Lineal jerárquica o Compuesta. Reticular o No lineal. UF1 - Para comentar una línea en un archivo css, ¿cómo indicaremos los comentarios?. /* */. ** ... **. //. //...//. UF1 -¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado?. p {font-size: 50px}. p * a {Font-size: 50px}. p enlace {font-size: 50px}. p a {font-size: 50px}. Dado el siguiente código: Para modificar únicamente el color del texto del párrafo a color blanco, ¿qué selector utilizaremos? <body> <h1>Ilerna Online</h1> <p>FORMACIÓN PROFECIONAL A DISTANCIA Y PRESENCIAL</p> </body>. h1 p { color: white;}. h1 { color: white;}. * { color: white;}. p { color: white;}. uf1 - ¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado?. div p {font-size: 50px}. p {font-size: 50px}. p a {font-size: 50px}. p * a {font-size: 50px}. UF1 - Identifica cuál de las siguientes afirmaciones son verdaderas: Los ID nos ofrece la posibilidad de seleccionar una sola línea de una página completa. La guía de estilo solo detalla la implementación de las clases de CSS. Si queremos dar más prioridad, podemos hacerlo haciendo uso de la palabra reservada !interest. UF1 - ¿Qué realiza el siguiente código?. Pone una imagen como fondo en el div. Colorea el título en rojo. Una animación con jquery. Subraya el texto de los párrafos. UF1 Subraya el texto de los párrafos. Ninguna de las respuestas es correcta. Es una sintaxis de jquery. Son pseudo-clases. Son reglas descendentes. UF1 - ¿Cómo se llama al documento en el que se definen las pautas junto con las normas de calidad que debe tener en cuenta una interfaz web para un determinado sitio web?. Guía de diseño. Normas de estilo. Guía de estilo. Guía de calidad. UF1 - Los enlaces que hemos visitado como mínimo una vez, ¿qué pseudoclase se aplica?. :visited. :hover. :link. :focus. UF1 - ¿Qué error hay en el siguiente fragmento de CSS? #example1 { background-image: url(image.gif), url(image.gif); background-position: right bottom; background-size: 100px 80px; background-repeat: no-repeat; }. La propiedad no-repeat no existe en CSS. No hay errores en este código. No está bien implementado el background-position. La propiedad backgound-repeat no existe en CSS. UF1 - ¿Qué realiza este fragmento de código? p { font-style: italic; }. Todos los párrafos de la web aparecen subrayados. Todos los párrafos de la web comienzan por letra mayúscula. Todos los encabezados de la web empiezan por letra mayúscula. Todos los párrafos de una página web aparecen en cursiva. UF1 . Un párrafo tiene un tamaño de letra definido como 1.25em. Expresado como un porcentaje, ¿cuánto más grande será el tamaño de letra de este párrafo comparado con el resto de párrafos?. 25%. 125%. 50%. 100%. UF2 - ¿Qué hace esta línea de código? $(“a[type]”);. Selecciona todos los selectores de la página. Selección mediante el nombre de la clase CSS. Selecciona el ID. Seleccionar elementos con ciertos atributos. UF2 - A la hora de incluir imágenes en una pagina web, lo hacemos a través de la etiqueta <img>, ¿cuál de los siguientes atributos no corresponde a una imagen?. type. usemap. src. alt. UF2 - Para determinar el tamaño de un archivo gráfico ¿Qué opción no tendremos que tener en cuenta?. Dimensiones de la imagen. Profundidad o paleta de colores. El color de texto. Resolución. UF2 - El diseño gráfico de los portales abarca la: Vectores, tipografía, colores y espacios en blanco del sitio web. Colores y espacios en blanco del sitio web. Todos los espacios en blanco. Tipografía, colores y espacios en blanco del sitio web. UF2 - Siempre que usemos jQuery deberemos usar la siguiente instrucción: $(document.ready) = function() (…) );. $(document).ready(function() (…) );. $(document).finish(function() (…) );. $(document).function().ready (…) );. UF2 - jQuery es una biblioteca de JavaScript que permite realizar multitud de acciones, además es libre y de código abierto. ¿Qué hace esta línea de código <script type=”text/javascript” src=”jquery.js”></script>?. Evita el uso de jQuery. Cambiar la tipografía del elemento script. Añadir un código jQuery. Reiniciar el bucle. UF2 - ¿Cuál es el código jQuery correcto para establecer el color de fondo rojo de todos los elementos <p>?. $("p").style( "background-color", "red" );. $("p").css( "background-color", "red" );. $("p").modify( "background-color", "red" );. $("p").layout( "background-color", "red" );. UF2 - ¿Es correcto este código? <audio controls="controls" preload="auto"> <source src="Prueba.mp3" type="audio/mpeg"/> El navegador no soporta el audio </audio>. Falta la etiqueta reload. Sí, es correcto. Falta la etiqueta “class”. Falta la etiqueta #id. UF2 - A la hora de optimizar una imagen para una página web, ¿qué factor debemos tener en cuenta para determinar el tamaño de un archivo gráfico?. La resolución. El formato del archivo. Todas las opciones son correctas. Las dimensiones de la imagen. UF2 - Eventos de ratón: Estos eventos se realizarán cuando se utilice el puntero del ratón sobre un elemento. ¿Qué evento se lanza después de hacer doble clic?. dclick(). click(). mousedown(). dblclick(). UF2 - ¿Qué es una imagen rasterizada?. Una imagen en flash. Una imagen vectorizada. Una imagen de mapa de bits. Una imagen cuyo formato es .ai. UF2 - Utilizando jQuery. Para seleccionar solamente los elementos <h1>, <div> y <p>, ¿cómo lo harías?. $("h1,div,p"). $(#h1,#div,#p). $(.h1),$(.div).$(p). $("*"). UF2 - Identifica si las siguientes afirmaciones son verdaderas: Los editores avanzados tienen la ventaja de que, ante cualquier incidencia o error, proporcionan una serie de opciones para su fácil identificación. Lo bueno del código actual de una página web es que apenas incorpora líneas de código, interacción con otros lenguajes, incrustaciones de códigos y enlaces externos. La extensión de un archivo HTML es .css. UF2 - ¿Qué ocurre cuando clicamos en el botón, en el siguiente código ?. El código no es correcto. El texto de los párrafos se ponen en negrita. El texto de los párrafos cambian de color. El texto de los párrafos se ocultarán. UF2 - ¿Qué realiza el siguiente código? <!DOCTYPE html> <html> <head> <script src="htts://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("p").dblclick(function(){ $(this).hide(); }); }); </script> </head> <body> <p>Click here</p> <p>Click me away!</p> <p>Click me too!</p> </body> </html>. Si clicas en cada párrafo dos veces, se ocultará el texto. si clicas dos veces en cada párrafo, solo se ocultará el segundo. Si clicas dos veces en cada párrafo, solo se ocultará el primero. Si clicas en cada párrafo una vez, se ocultará el texto. uf2 - Identifica cuáles de las siguientes afirmaciones son verdaderas: Una característica de los JPEG es que la información es almacenada en 16 bits. En los bitmaps si redimensionamos la imagen se redimensionarán los píxeles perdiendo calidad y definición. Existen 4 tipos de imágenes vectoriales. uf2 - ¿Qué evento de ratón lanzará una acción cuando pierde el foco?. click(). dbclick(). focusout(). mouseup(). uf2 - En el navegador Google Chrome, ¿cómo podemos acceder a la depuración del código?. Pulsando la tecla F1. Pulsando con el botón derecho del ratón "Ver código fuente la página". Pulsando la tecla F12. uf2 - Si queremos que el texto Ilerna Online, aparezca en color azul, ¿qué línea de código aplicaremos? 1 - <p style="color:blue;">Ilerna Online</p> 2 - <p style=color-font: blue>Ilerna Online</p> 3 - <p style="color=blue">Ilerna Online</p> 4 - <p style:color="blue">Ilerna Online</p>. 1. 2. 3. 4. uf2 - ¿Cómo se hace referencia a un documento css externo? 1 - <link rel="stylesheet" href="archivo.css"></link> 2 - <link type="stylesheet" src="archivo.css"></link> 3 - <link rel="stylesheet" href="archivo.css" /> 4 - <link type="stylesheet" src="archivo.css" />. 1. 2. 3. 4. uf2 - La etiqueta <head>. Define los encabezados de textos en varios niveles. Es un contenedor para elementos como title, style, etc. Es un contenedor para los elementos visibles de la página web. Representa un conjunto de enlaces de navegación. uf2 - Utilizando jQuery, si queremos programar un botón que al pulsarlo haga desaparecer y al volver a pulsarlo aparezca un contenedor. ¿Qué método utilizaremos?. fadeToggle(). fadeOut(). fadeTo(). fadeIn(). uf2- Selecciona el elemento en el cuál incluirías los links de la navegación primaria de un sitio: 1 - <article> 2 - <header> 3 - <section> 4 - <nav>. 1. 2. 3. 4. uf2 - ¿Para que sirve el atributo 'class'?. Es específico para indicar el color de la fuente que queremos aplicar, Por ejemplo: p class="red" presentaría las letras en rojo de ese párrafo. Todas las respuestas son correctas. Para aplicar unos determinados estilos a los elementos que tenga la misma clase, es decir, el mismo valor en ese atributo. Para clasificar el tipo de enlace ('a') que estamos definiendo: 'salto' interno, vínculo a página en el mismo dominio o a un sitio web externo. uf2 . ¿Qué está mal en esta línea de estilo?: .contenedor{ border: 1px solid red padding: 10px 5px; }. Falta una ',' (coma) entre los dos valores de la propiedad padding (10px 5px). Falta un ';' (punto y coma) al final de la declaración del estilo 'border'. No se puede poner un '.' (punto) al inicio de una declaración (antes de la palabra 'contenedor). No se tiene que poner ";" al finalizar la declaración de padding. uf2 - ¿Cuál es el HTML correcto para mostrar texto subrayado? 1 - <p style="set-style: underline">texto</p> 2 - <p style="underline">texto</p> 3 - <p text-decoration-property="underlined">texto</p> 4 - <p style="text-decoration: underline">texto</p>. 1. 2. 3. 4. uf2 - Utilizando jQuery, ¿qué método nos permite mover un elemento 300 píxeles hacia la derecha?. $("div").animate({ left : ' 300px '});. $("div").animate({ right: ' 300px '});. $("div").click({ left : ' 300px '});. $("div").hide({ left : ' 300px '});. UF3 - ¿Qué tipo de niveles de calidad, de menor a mayor, web establece WCAG?. B, BB, BBB. AA, AAA, AAAA. A, AA, AAA. 1, 2, 3. UF3 - ¿Qué es el Firebug?. Es un lenguaje de programación que nos ayuda con la usabilidad web. Es un lenguaje de programación que nos ayuda con la usabilidad web. Es una extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc. Es una regla de calidad de w3c. UF3 -¿Qué es el consorcio W3C?. Una técnica para optimización de web. La base de la usabilidad. Es una asociación internacional compuesta por un conjunto de organizaciones que apuestan por trabajar de forma conjunta para conseguir desarrollar una serie de estándares y normas que debe tener una web. Todas las opciones son correctas. UF3 - Marca la respuesta correcta. La robustez: Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas. Se basa en poder acceder a las funcionalidades como, por ejemplo, más rapidez mediante combinación de letras de teclado. Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después. Hace que las páginas web sean más intuitivas según su apariencia. UF3 - La perceptividad hace referencia a: Que se deba ofrecer una buena semántica a los usuarios para que accedan a ella. Es imprescindible que el contenido web esté disponible para que pueda ser visto, escuchado. Que debemos tener un contenido consistente y fiable. Hace que las páginas web sean más intuitivas según su apariencia. UF3 - ¿Qué tipo de usuario no encontramos en diseños web?. Visitante o invitado. Usuario experto o administrador. Usuario registrado o colaborador. Usuarios móviles. UF3 - ¿Qué es una web amigable?. Debe ser atractivo para los usuarios que lo van a utilizar y, seleccionar un tipo de formato que cumpla con las expectativas esperadas de los usuarios, tanto a nivel de navegación y contenido como de organización. La usabilidad no tiene importancia en este tipo de webs. Deber cumplir un nivel A de consorcio WCAG. Debe ser atractivo solo para los desarrolladores y cumplir la funcionalidad que ellos crean que deban aportar a la web. UF3 - De las siguientes opciones, ¿cuál no pertenece a un aspecto de la usabilidad?. Pueda buscar información cómodamente. Ofrecer una navegación fácil por el sitio web. Debe permitir que los usuarios puedan buscar información rápidamente. Utilizar navegación de voz o texto para facilitar el acceso al sitio web. UF3 - En una web no es conveniente: Que existan enlaces que no nos lleven a ningún sitio concreto. Los enlaces deben mostrar el contenido esperado. Hacer un buen diseño del sistema de navegación. Los contenidos sean accesibles desde el menú de navegación principal o desde algún enlace. UF3 - Las pautas de la accesibilidad son: Robustez, comprensibilidad y operabilidad. Perceptibilidad, operatividad, robustez y comprensibilidad. Perceptibilidad, robustez, cifrado y visualidad. Claridad, perceptibilidad, organización y visibilidad. UF3 - La pauta de accesibilidad siguiente: "Mediante el teclado, puede acceder a las funcionalidades" ¿A qué principio de diseño accesible hace referencia?. Operatividad. Comprensibilidad. Robustez. Perceptibilidad. UF3 La Perceptibilidad: Se basa en poder acceder a las funcionalidades como, por ejemplo, más rapidez mediante combinación de letras de teclado. Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después. Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas. Hace que las páginas web sean más intuitivas según su apariencia. UF3 ¿Para qué se utiliza la herramienta 'Fangs'?. Ninguna de las respuestas es correcta. Extensión para Mozilla que permite agregar un validador de HTML en el interior de Firefox. Es una barra de herramientas que se utiliza para Mozilla Firefox con las diferentes opciones que pueden utilizar los desarrolladores web. Extensión que permite mostrar el contenido de una determinada página como si fuera un lector de pantalla. UF3 Marca la respuesta más correcta: ¿Para un mejor acceso a la información de un sitio web, que pautas son recomendables poner en práctica?. El head y el footer. Los enlaces y el mapa de navegación. La navegación y la organización. Ninguna de las respuesta es correcta. UF3 - ¿Qué significa que una web sea de categoría AAA?. Que esta construida con la herramienta Fangs. Cumple todos los requisitos de la WCAG. Cumple los requisitos de w3schools. No existen webs con esa categoría. UF3 - ¿Para que sirve la herramienta Fangs?. Extensión que nos permite desarrollar en jquery. Extensión que nos permite eliminar el ruido de una web. Extensión que permite mostrar el contenido de una determinada página como si fuera un lector de pantalla. Extensión que nos permite escuchar el contenido de una web. UF3 - Es posible que nos encontremos con algunos sitios que hayan sido diseñados con la intención de poder ser utilizados por distintos usuarios. ¿Cuáles son esos usuarios?. Administradores y registrados. Invitados o visitantes. Invitados, registrados y administradores. Administradores de bases de datos. |