Diseño de Interfaces Web - Modelos de exámenes (Ilerna)

¿Cómo se hace en CSS para que el símbolo de los elementos de una lista sea un cuadrado?. type:square. list-style-type:square. list-type:square. style-list:square.

En CSS, ¿qué pseudoclase se emplea para definir una propiedad cuando el cursor del ratón se sitúa sobre un elemento?. :active. :hover. :over. :on.

Añadir los selectores CSS que faltan para aplicar los estilos deseados. Cada regla CSS incluye un comentario en el que se explica los elementos a los que debe aplicarse. /* Todos los elementos "em" de clase "especial" en toda la página */. /* Todos los párrafos contenidos en #primero */. /* Todos los elementos de la página */.

¿Cuál de estas instrucciones está correctamente escrita en Javascript?. if (a==0) alert (a);. if (a=0) print a;. if (a==0) { print [a]}. if (a==0): print a;.

Con jQuery, mira el siguiente selector: $("div.intro"). ¿Qué se elige?. El primer elemento div conclass="intro". Todos los elementos div con class="intro". Todos los elementos div con id="intro". El primer elemento div con id="intro".

¿Cuáles son los formatos de las imágenes, vídeo y sonido adecuados y óptimos para la web? (Mínimo tres decada). Imagen. Audio. Vídeo.

La USABILIDAD es un baremo o medida de la calidad de la experiencia que “disfruta” un usuario utilizando nuestra web o sistema. Marca los elementos de los que se mide: Facilidad de aprendizaje o uso. Eficiencia. Memorabilidad. Errores. Satisfacción. Funcionalidad.

Cuando hablamos de accesibilidad web nos referimos a: Un acceso universal a la web. Manipulación de la web. Facilidad de lectura en la web. Navegadores sencillos y fáciles de entender.

Este concepto de accesibilidad dio lugar a la Iniciativa de. WA, Web Accesibility. IWT, Iniciativa de web para todos. WAI, Web Accesibility Iniciative. Todas son incorrectas.

¿Cuál es la sintaxis correcta de CSS para que todos los elementos <p> aparezcan en negrita?. p{text-decoration:bold}. p{text-size:bold}. p{text-style:bold}. p{font-weight:bold}.

En CSS. ¿Cómo se escribe un selector para que una regla se aplique a todos los párrafos que sean descendientes directos (hijos) de un elemento artículo (article)?. article p. article,p. article>p. article+p.

¿Cuál es la sintaxis correcta en CSS?. {body=color:black}. {body:color=black}. body{color:black}. body{color=black}.

¿Cuál de las siguientes afirmaciones es correcta?. jQuery es una librería de JSON. jQuery es una librería de JavaScript. jQuery es un lenguaje propio de programación. Ninguna de las anteriores es correcta.

¿Cuál es el código jQuery correcto para establecer el color de fondo rojo de todos los elementos p?. $("p").layout("background-color","red");. $("p").style("background-color","red");. $("p").manipulate("background-color","red");. $("p").css("background-color","red");.

Es posible que nos encontremos con algunos sitios que hayan sido diseñados con la intención de poder ser utilizados por distintos usuarios. ¿Marca qué perfiles de tipo de usuario existen?. Visitante o invitado. Usuario registrado o colaborador. Usuario experto o administrador. Usuario dependiente.

Mediante la accesibilidad se pretende desarrollar sitios web: Mayor volumen de información en una web. Más accesibles para todos los usuarios que deseen acceder a algún tipo de información. Mejores diseños intuitivos para cualquier persona. Impedir poner sonidos que se auto reproduzcan al abrir una web.

El Consorcio World Wide Web (W3C) es: Una asociación nacional compuesta por un conjunto de usuarios. Una asociación internacional compuesta por un conjunto de organizaciones. Un grupo de personas que deciden que puede ser mostrado en internet y que no. Un conjunto de leyes creadas para ayudar al usuario.

¿Qué es una plantilla de diseño web?. Hace referencia al espacio que tenemos disponible para situar los diferentes elementos que forman una página web. Hacen referencia a los diferentes sitios web (ya prediseñados) que podemos utilizar en los diseños web como base. Hacen referencia a las diferentes partes de nuestra página web. Ninguna respuesta es correcta.

XHTML. utiliza las mismas etiquetas y atributos que HTML, aunque aplica una serie de reglas de sintaxis de XML. Es una parte del lenguaje web responsive. Es una etiqueta perteneciente al lenguaje XML. Es un análizador sintáctico web.

Las capas (DIV o layout) se pueden definir como contenedores en los que podemos colocar las diferentes imágenes, textos, etc. Verdadero. Falso.

¿Qué es una imagen rasterizada?. Una imagen vectorizada. Una imagen de mapa de bits. Una imagen en flash. Una imagen cuyo formato es .eps.

A la hora de diseñar un sitio web es fundamental no olvidar... Que debe tener muchas profundidades. Que el menu debe de tener muchas secciones para saber perfectamente a que sección debe dirigirse el usuario. Todas son correctas. Que debe ser atractivo para los usuarios que lo van a utilizar.

¿Cuántas herramientas hay que nos indiquen si un sitio es accesible al 100%?. 0. 2. 3. 5.

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?. Color y percepción. El mapa de navegación. Color, tipografía e iconos. La cabecera.

Parte superior de la interfaz, con anchura igual a la de la página y altura variable en la que, normalmente, situamos el logo del sitio web en cuestión y que, en algunos casos, puede ir acompañado de texto identificativo, imágenes, etc. ¿A qué componente de una interfaz hace referencia?. Cuerpo de página. La cabecera. Pie de página. Sistemas de navegación.

Gracias a estos sistemas podremos navegar por las distintas partes de una interfaz. ¿A qué componente de una interfaz hace referencia?. Cuerpo de página. Pie de página. Sistemas de navegación. Cuerpo de web.

Es la parte principal de un site, por lo que debe estar situado en la zona más importante, que suele ser en la parte central (si la hay), bajo la cabecera y al lado de un menú lateral (si lo hay) para la navegación. ¿A qué componente de una interfaz hace referencia?. Cuerpo de página. La cabecera. Sistemas de navegación. Pie de página.

Está situado en la parte inferior de la web y también es una parte muy importante de la interfaz web, sobre todo para visualizar los distintos enlaces a servicios concretos. Por ejemplo, al contratar publicidad, para los formularios o datos de contacto, para las ofertas de empleo, etc. ¿A qué componente de una interfaz hace referencia?. Pie de página. La cabecera. Cuerpo de página. Sistemas de navegación.

Según el siguiente código: A, ¿a qué líneas afectará?. Segunda y tercera línea. A todas las líneas. Segunda tercera y cuarta línea. Segunda y cuarta línea.

Marca las respuestas correctas sobre iconos. No es importante elegir los iconos. Insertando iconos evitamos escribir gran cantidad de texto para explicar determinadas acciones. Perjudica a la hora de cargas en las páginas. El uso de iconos nos perjudica a la hora de insertar el texto.

¿Qué es CMS?. Es un lenguaje de programación para desarrollar web. Es un gestor de contenidos. Es una parte de la web donde colocamos nuestro CSS. Es un servidor web para la transferencia de archivos.

Para conseguir las letras "ILERNA ONLINE" de color blanco debemos usar: fbackgound-color white. background white. color white. font: white.

De que elementos esta compuesta una regla en CSS. Etiqueta párrafo y valor. Selector propiedad y valor. ID propiedad y clase. Identificador clase y valor.

Relaciona los siguiente conceptos con el componente de la interfaz web al que corresponde. - Se pueden incorporar efecto dinámicos para ofrecer una mejor interacción con las diferentes opciones. - Se pueden presentar en forma de menú. Sistema de cabecera. Sistema de navegación. Cabecera. Cuerpo de página.

Marca las respuestas correctas sobre la tipografía. Podemos estar limitados por distintos navegadores o sistemas operativos. El espacio en blanco no es importante en la tipografía. Es importante tener diferentes tipos de fuentes en la página. Son las imágenes insertadas en un campo de texto.

Los diferentes sitios web están formados por una serie de páginas escritas en algún tipo de lenguaje conocidos como lenguaje de marcas. Señala cual de los siguiente lenguajes corresponden a dichos lenguajes de marcas: XHTML. XML. Todas son correctas. HTML.

Para modificar únicamente el color del texto del párrafo "Examen online" a color blanco. ¿Qué selector usaremos?. h1 p{color:white}. *{color:white}. p{color:white}. p>a{color:white}.

De que forma hacemos referencia a un CSS externo dentro de nuestro HTML. @import. /* */. !important. No se puede referenciar un CSS externo desde HTML.

Si queremos aplicar un texto de color rojo y un tamaño de letra de 30px. ¿Qué opción será la correcta?. p{color-font:red; font: 30px; }. p{background:red; font-size: 30px; }. p{color:red; font-size: 30px; }. p{color:red; font: 30px; }.

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. Los iconos. Espacios en blanco. Sistema de navegación. La tipografía.

En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores. ¿Cuáles son?. Rojo, verde y azul. Blanco, negro y amarillo. Verde, azul y blanco. Rojo, amarillo y verde.

¿A qué se refiere la pseudoclase :hover?. Poner el foco en algunos elementos. Cambiar todo el texto a color rojo. Elementos que tienen que estar activos indicados por el usuario. Elementos que indica el usuario sin necesidad de ser activados.

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>?. Cambiar la tipografía del elemento script. Añadir un código jQuery. Evita el uso de jQuery. Reiniciar el bucle.

¿Cuál es el código jQuery correcto para establecer el color de fondo rojo de todos los elementos <p>?. $("p").modify( "background-color", "red" );. $("p").style( "background-color", "red" );. $("p").css( "background-color", "red" );. $("p").layout( "background-color", "red" ).

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).

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?. click(). dblclick(). mousedown(). dclick().

El diseño gráfico de los portales abarca la: Vectores, tipografía, colores y espacios en blanco del sitio web. Todos los espacios en blanco. Colores y espacios en blanco del sitio web. Tipografía, colores y espacios en blanco del sitio web.

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. alt. src. usemap.

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. Todas las opciones son correctas. Las dimensiones de la imagen. El formato del archivo.

¿Qué realiza la función callback en jquery?. Todas las opciones son correctas. Muestra elementos que estaban ocultos pasando unos determinados parámetros. Realiza un evento de ratón. Para realizar una secuencia de llamadas que se ejecutarán una detrás de otra.

¿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 #id. Falta la etiqueta reload. Sí, es correcto. Falta la etiqueta “class”.

Siempre que usemos jQuery deberemos usar la siguiente instrucción: $(document).function().ready (…) );. $(document).finish(function() (…) );. $(document.ready) = function() (…) );. $(document).ready(function() (…) );.

Para determinar el tamaño de un archivo gráfico ¿Qué opción NO tendremos que tener en cuenta?. Resolución. Dimensiones de la imagen. Profundidad o paleta de colores. El color de texto.

¿Qué hace esta línea de código? $(“a[type]”);. Selección mediante el nombre de la clase CSS. Seleccionar elementos con ciertos atributos. Selecciona el ID. Selecciona todos los selectores de la página.

Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: - Es obligatorio. - Indica la dirección URL de la imagen que queremos mostrar ¿A qué atributo hace referencia?. type. src. alt. usemap.

Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: - Texto alternativo en una imagen ¿A qué atributo hace referencia?. usemap. src. alt. type.

Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: - Si existe, indicará el nombre del mapa asociado ¿A qué atributo hace referencia?. src. usemap. type. alt.

Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: - Si la imagen se encuentra dentro de un enlace y es un mapa se indicará con este parámetro ¿A qué atributo hace referencia?. usemap. ismap. src. alt.

Indica de las siguientes características pertenece al formato PNG: No permite transparencias. Formato de compresión con pérdida. Tiene un formato con pérdida. Permite transparencias.

La perceptividad hace referencia a: Es imprescindible que el contenido web esté disponible para que pueda ser visto, escuchado. Que se deba ofrecer una buena semántica a los usuarios para que accedan a ella. Hace que las páginas web sean más intuitivas según su apariencia. Que debemos tener un contenido consistente y fiable.

Marca la respuesta correcta. La robustez: 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. Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas.

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. Utilizar navegación de voz o texto para facilitar el acceso al sitio web. Debe permitir que los usuarios puedan buscar información rápidamente.

Las pautas de la accesibilidad son: Claridad, perceptibilidad, organización y visibilidad. Perceptibilidad, operatividad, robustez y comprensibilidad. Perceptibilidad, robustez, cifrado y visualidad. Robustez, comprensibilidad y operabilidad.

La pauta de accesibilidad siguiente: - "Mediante el teclado, puede acceder a las funcionalidades" ¿A qué principio de diseño accesible hace referencia?. COMPRENSIBILIDAD. ROBUSTEZ. OPERATIVIDAD. PERCEPTIBILIDAD.

¿Qué tipo de niveles de calidad, de menor a mayor, web establece WCAG?. AA, AAA, AAAA. 1,2,3. A, AA, AAA. B, BB,BBB.

En una web no es conveniente: Los contenidos sean accesibles desde el menú de navegación principal o desde algún enlace. 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.

¿Qué es el consorcio W3C?. Una técnica para optimización de web. Todas las opciones son correctas. 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. La base de la usabilidad.

La Perceptibilidad: Hace que las páginas web sean más intuitivas según su apariencia. Se basa en poder acceder a las funcionalidades como, por ejemplo, más rapidez mediante combinación de letras de teclado. Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas. Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después.

¿Qué es el Firebug?. Es una regla de calidad de w3c. Es una extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc. Es un programa que nos determina la métrica del código de la web. Es un lenguaje de programación que nos ayuda con la usabilidad web.

¿Qué tipo de usuario NO encontramos en diseños web?. Visitante o invitado. Usuario experto o administrador. Usuarios móviles. Usuario registrado o colaborador.

¿Qué es una web amigable?. Debe ser atractivo solo para los desarrolladores y cumplir la funcionalidad que ellos crean que deba aportar a la web. 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. Deber cumplir un nivel A de consorcio WCAG. La usabilidad no tiene importancia en este tipo de webs.

Existen multitud de propiedades en CSS para modificar la tipografía. ¿Cuál nos permite modificar el estilo de la fuente?. fint-size. font-style. font-face. font-family.

¿Qué se entiende por HTML?. Hyper Text Mask Language. HyperText Markup Language. Hiper Type Markup Language. Hard Text Markup Language.

¿El espacio en blanco es parte esencial de todo el buen diseño?. Verdadero. Falso.

El evento .focus() ¿Se utiliza cuando el elemento esta en foco?. Verdadero. Falso.

Dado el siguiente código. ¿Qué opción utilizarías para el solamente el texto "texto color azul" se muestre color azul?. #color2 {color:blue}. h1 {color:blue}. h1#color2 {color:blue}. h1.color2 {color:blue}.

Cuando insertamos un video html5. ¿Cuál de los siguiente atributos mostrará los controles de reproducción?. preload. src. controls. autoplay.

¿Cuál es el selector que de la misma forma que CSS selecciona varios elementos?. Selector por atributo. Selector universal. Selector múltiple. Selector por clase.

Mediante jquery. ¿Cómo seleccionaríamos un id y una clase?. (caja1,caja2). (.caja1,#caja2). (#caja1,#caja2). (#caja1,.caja2).

A la hora de manipular atributos. ¿Qué llena un elemento con html?. .html(). .html("cadena html"). $('select[name="nombreselect"]').val(). .text().