MP9-Diseño de Interfaces web. DAW Ilerna 22-23

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

UF1:Selecciona las respuestas correctas: ¿Qué puede tener una composición gráfica?. Espacios en blanco. Texto o imágenes. Debe intentar adaptarse a lo que se pretende transmitir. Solo debería estar formada por un único elemento. No debe tener espacios en blanco.

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

UF1:Relaciona cada color con su código correcto: #FF0000. #00FF00. #0000FF. #FFFF00.

UF1:Marca las respuestas correctas sobre la tipografía: Es la parte escrita, es decir, texto. Es importante tener diferentes tipos de fuentes en la página. Podemos estar limitados por distintos navegadores o sistemas operativos. El espacio en blanco no es importante en la tipografía.

UF1: Marca las respuestas correctas sobre los iconos: No es importante elegir bien los iconos. Con el uso de iconos ahorramos información textual. Son generalmente imágenes pequeñas cuyo objetivo es relacionar acciones en concreto. Insertando iconos, evitamos escribir gran cantidad de texto para explicar determinadas acciones. El uso de iconos nos perjudica a la hora de insertar el texto.

UF1: ¿Qué es un CMS?. Ninguna de las respuestas es correcta. Un tipo de tipografía. Una plantilla de XML. Un gestor de contenidos.

UF1: Señala las respuestas correctas sobre la Interacción persona-ordenador: Cuando existe una buena comunicación entre ambos, el intercambio de información es más eficiente. La interfaz se tiene que realizar pensando en las necesidades del usuario. Se reducen los errores al existir una buena comunicación entre persona-ordenador. La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto. Se consigue una mayor satisfacción por parte del usuario.

UF1: ¿Para que sirve una guía de estilo?. Diseñar y programar los aspectos relacionados con una interfaz. Hacen que el lenguaje sea más eficaz y coherente. Permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo. Definen las pautas junto con las normas de calidad que debe tener en cuenta una interfaz web para un determinado sitio web. Nos garantizará la coherencia del sitio.

UF1: De los siguientes programas, indica cuáles son gestores de contenido: Joomla. Drupal. Bootstrap. Sublime Text. WordPress. Prestashop. Notepad +.

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. Pie de página. Cuerpo de página. Sistemas de navegación. Espacios en blanco. Cabecera.

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. Pie de página. Cuerpo de página. Sistemas de navegación. Espacios en blanco. Cabecera.

UF1: Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde: -Normalmente se sitúa el logotipo que identifica el sitio web con la empresa -Unifica todas las páginas Separa el borde superior de la parte central. Pie de página. Cuerpo de página. Sistemas de navegación. Espacios en blanco. Cabecera.

UF1:Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web. Relaciona cada componente de una interfaz web con su número correspondiente: Corresponde con el número 1. Header. Footer. Main column. Sidebar.

UF1: Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web. Relaciona cada componente de una interfaz web con su número correspondiente: Corresponde con el número 2. Header. Footer. Main column. Sidebar.

UF1: Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web. Relaciona cada componente de una interfaz web con su número correspondiente: Corresponde con el número 3. Header. Footer. Main column. Sidebar.

UF1: Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web. Relaciona cada componente de una interfaz web con su número correspondiente: Corresponde con el número 4. Header. Footer. Main column. Sidebar.

UF1: 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 cuál de los siguiente lenguajes corresponden a lenguajes de marca: HTML. Todas las opciones son correctas. XML. XHTML.

UF1: Herramienta que se utiliza para aquellos programas que tienen un interés general, es decir, para cualquier tipo de usuario. General. Diseño. Multimedia. Programación.

UF1: Herramienta utilizada para programas más específicos referentes al desarrollo de las distintas páginas web. General. Diseño. Multimedia. Programación.

UF1: Herramienta que se utilizará cuando sea necesario crear una serie de animaciones para un determinado sitio web. General. Diseño. Multimedia. Programación.

UF1: Al ser más específicos, estas herramientas van a ir estar dirigidas a los desarrolladores que van a crear páginas web. General. Diseño. Multimedia. Programación.

UF1: Herramientas que simplifican la creación, edición y comprobación de un determinado código CSS. Editores y validadores HTML. Eitores y validadores CSS. Multimedia. Programación.

UF1: Estos programas permiten la edición de código HTML. Editores y validadores HTML. Eitores y validadores CSS. Multimedia. Programación.

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. Reticular. Lineal. Jerárquica. Lineal jerárquica.

UF1: Actualmente, ¿con qué etiqueta realizamos una parte de la maquetación en HTML?. <div>. <p>. <span>. <table>.

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 Compuesta. Jerárquica. Reticular o No lineal. 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. Reticular o No lineal. Jerárquica. Lineal jerárquica o Compuesta.

UF1: Según este código css, ¿a qué reglas css corresponde el elemento "H1"? h1 {font-family: Verdana;}. Selector. Propiedad o atributo. Valor.

UF1: Según este código css, ¿a qué reglas css corresponde el elemento "Font-family"? h1 {font-family: Verdana;}. Selector. Propiedad o atributo. Valor.

UF1: Según este código css, ¿a qué reglas css corresponde el elemento "Verdata"? h1 {font-family: Verdana;}. Selector. Propiedad o atributo. Valor.

UF1: Para conseguir las letras "Ilerna Online" de color blanco: ¿Cuál de las siguientes opciones es correcta?. backgound-color: white;. background: white;. font: white;. color: white;.

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 * a {Font-size: 50px}. p {font-size: 50px}. p a {font-size: 50px}. p enlace {font-size: 50px}.

UF1: Dado el siguiente código: Para modificar únicamente el color del texto del párrafo a color blanco, ¿qué selector utilizaremos?. h1 { color: white;}. * { color: white;}. p { color: white;}. h1 p { color: white;}.

UF1: ¿Cuál de las siguientes propiedades se utiliza para hacer una letra cursiva?. font-family. font-style. font-variant. font-weight.

UF1: ¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado?. p a {font-size: 50px}. div p {font-size: 50px}. p * a {Font-size: 50px}. p {font-size: 50px}.

UF1: Relaciona cada definición con la forma correspondiente de seleccionar un atributo: Selecciona los elementos que tienen ese mismo atributo, sin importar su valor. [atributo]. [atributo = valor]. [atributo ~= valor]. [atributo |= valor].

UF1: Relaciona cada definición con la forma correspondiente de seleccionar un atributo: Selecciona los elementos que tienen ese mismo atributo con el valor que se pasa. [atributo]. [atributo = valor]. [atributo ~= valor]. [atributo |= valor].

UF1: Relaciona cada definición con la forma correspondiente de seleccionar un atributo: Selecciona los elementos que tienen ese mismo atributo con al menos un valor igual al especificado. [atributo]. [atributo = valor]. [atributo ~= valor]. [atributo |= valor].

UF1: Relaciona cada definición con la forma correspondiente de seleccionar un atributo: Selecciona los elementos que tienen ese mismo atributo y la palabra debe comenzar por el valor que se pasa. [atributo]. [atributo = valor]. [atributo ~= valor]. [atributo |= valor].

UF1: Relaciona los elementos según las indicaciones del usuario: Los enlaces que nunca se visitan. :link. :visited. :hover. :active. :focus.

UF1: Relaciona los elementos según las indicaciones del usuario: Los enlaces que se han visitado una vez como mínimo. :link. :visited. :hover. :active. :focus.

UF1: Relaciona los elementos según las indicaciones del usuario: Los elementos indicados por el usuario, pero sin necesidad de ser activados. :link. :visited. :hover. :active. :focus.

UF1: Relaciona los elementos según las indicaciones del usuario: Los elementos que se activan. :link. :visited. :hover. :active. :focus.

UF1: Relaciona los elementos según las indicaciones del usuario: Los elementos que tiene el foco. :link. :visited. :hover. :active. :focus.

UF1: Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda: a. color. 20px. h3. font-size.

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

UF1: Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda: Para referirnos a la primera línea de un texto. ::first-line. ::first-letter. ::before. ::after.

UF1: Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda: Para referirnos a la letra de un texto. ::first-line. ::first-letter. ::before. ::after.

UF1: Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda: Genera texto antes del contenido de un elemento. ::first-line. ::first-letter. ::before. ::after.

UF1: Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda: Genera texto después del contenido de un elemento. ::first-line. ::first-letter. ::before. ::after.

UF1: Los ID nos ofrece la posibilidad de seleccionar una sola línea de una página completa. Verdadero. Falso.

UF1: Si queremos dar más prioridad, podemos hacerlo haciendo uso de la palabra reservada !interest. Verdadero. Falso.

UF1: La guía de estilo solo detalla la implementación de las clases de CSS. Verdadero. Falso.

UF1: ¿Qué realiza el siguiente código?. Colorea el título en rojo. Subraya el texto de los párrafos. Una animación con jquery. Pone una imagen como fondo en el div.

UF1: ¿Qué representan las siguientes sintaxis?. Son pseudo-clases. Ninguna de las respuestas es correcta. Son reglas descendentes. Es una sintaxis de jquery.

UF1: Indica las afirmaciones que son correctas: El enlace al mapa de sitio que suele ir colocado en el pie de todas las páginas. El enlace de contacto que suele ir ubicado en el encabezado de todas las páginas. El logo de la empresa que suele ir ubicado en el encabezado de todas las páginas. Los enlaces a las secciones principales del sitio que suelen ir ubicadas en el encabezado de todas las páginas.

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 calidad. Guía de diseño. Normas de estilo. Guía de estilo.

UF1: Los enlaces que hemos visitado como mínimo una vez, ¿qué pseudo-clase se aplica?. :hover. :focus. :visited. :link.

UF1: ¿Cuál de estos lenguajes son estándares que nos permiten asegurar la continuidad de un sitio web frente a posibles cambios de tecnología?. UML. XHTML. XML. HTML.

UF1: ¿Qué error hay en el siguiente fragmento de CSS?. La propiedad backgound-repeat no existe en CSS. La propiedad no-repeat no existe en CSS. No está bien implementado el background-position. No hay errores en este código.

UF1: Si queremos hacer un diseño pensando en el usuario, tendremos en cuenta: Sus capacidades, aptitudes y expectativas. Sus características y experiencia previa en el uso de la web. Sus limitaciones físicas y/o ténicas. Su titulación y habilidades manuales.

UF1: ¿Qué realiza este fragmento de código?. Todos los párrafos de la web comienzan por letra mayúscula. Todos los párrafos de la web aparecen subrayados. 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: Indica si es verdadera o falsa esta afirmación: "Los mapas de bits se pueden llamar también imágenes rasterizadas". Verdadero. Falso.

UF2: Relaciona los tipos de imágenes en la web con sus características correspondientes: Están construidas por píxeles y si hacemos zoom sobre la imagen, comprobaremos que pierde calidad porque los píxeles siguen siendo los mismos. Se construyen a través de funciones matemáticas que representan objetos geométricos, segmentos, arcos, etc. En este caso, si realizamos zoom sobre la imagen no pierde calidad.

UF2: LICENCIAS - Ser permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, la distribución de las cuales también está permitida sin ninguna restricción. 1. 2. 3. 4. 5. 6.

UF2: LICENCIAS - Se permite la generación de obras derivadas siempre que no se haga un uso comercial. Tampoco se puede utilizar la obra original con finalidades comerciales. 1. 2. 3. 4. 5. 6.

UF2: LICENCIAS - No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original. 1. 2. 3. 4. 5. 6.

UF2: LICENCIAS - No se permite un uso comercial de la obra original ni la generación de obras derivadas. 1. 2. 3. 4. 5. 6.

UF2: LICENCIAS - Se permite el uso comercial de la obra y de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original. 1. 2. 3. 4. 5. 6.

UF2: LICENCIAS - Se permite el uso comercial de la obra pero no la generación de obras derivadas. 1. 2. 3. 4. 5. 6.

UF2: Relaciona cada uno de los siguientes formatos de imágenes con sus características correspondientes: Formato usado para imágenes sencillas y simples, con pocos colores. Formato usado para comprimir imágenes fotográficas, ya que el ser humano no es capaz de percibir toda la información almacenada en una imagen de 24 bits. Formato adecuado para imágenes renderizadas. Es un formato de compresión sin pérdida.

UF2: Identifica cuáles de las siguientes afirmaciones son verdaderas: En los bitmaps si redimensionamos la imagen se redimensionarán los píxeles perdiendo calidad y definición . VERDADERO. FALSO.

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. VERDADERO. FALSO.

UF2: Identifica cuáles de las siguientes afirmaciones son verdaderas: Existen 4 tipos de imágenes vectoriales. VERDADERO. FALSO.

UF2: Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda: Es obligatorio. Indica la dirección URL de la imagen que queremos mostrar. src. alt. usemap. ismap.

UF2: Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda: Texto alternativo en una imagen. src. alt. usemap. ismap.

UF2: Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda: Si existe, indicará el nombre del mapa asociado. src. alt. usemap. ismap.

UF2: Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda: Si la imagen se encuentra dentro de un enlace y es un mapa se indicará con este parámetro. src. alt. usemap. ismap.

UF2: Relaciona el software para crear y procesar imágenes con la opción que corresponda: Las funciones de este producto son la creación, edición y retoque de imágenes en el que los formatos propios son PSD y PDD. Herramienta conocida similar a Adobe Photoshop, pero de software libre y gratuita. Aplicación de uso sencillo y presenta las herramientas básicas para el tratamiento de imágenes.

UF2: Para determinar el tamaño de un archivo gráfico ¿Qué tendremos que tener en cuenta?. Profundidad o paleta de colores. Resolución. Dimensiones de la imagen. La marca de nuestra placa base.

UF2: Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes: Sirve para audio y vídeo. Tiene como ventaja que es libre de patentes y está abierto, por lo que tiene un alto grado de eficiencia en streaming y en comprensión de archivos. ogg. wma. wav. real audio.

UF2: Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes: Está desarrollado por Microsoft, y posee una alta calidad de sonido y un tamaño reducido. Además, se puede incluir derechos de autor. ogg. wma. wav. real audio.

UF2: Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes: Se usa sin compresión de datos. Es conocido, pero se usa poco debido al gran espacio que ocupa. ogg. wma. wav. real audio.

UF2: Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes: La empresa creadora es RealNetworks y el reproductor que han creado para reproducir este formato es RealPlayer. ogg. wma. wav. real audio.

UF2: Indica las características del formato JPEG: Gran posibilidad de compresión. Formato de compresión con pérdida. Permite transparencias y animaciones. Número de colores: 24 bits color.

UF2: La resolución que generalmente utilizamos en un ordenador suele ser de 96 ppp (resolución 1.600 x 1.200), por lo que sería recomendable usar mayores resoluciones y aumentar el tamaño del archivo. VERDADERO. FALSO.

UF2: Relaciona los atributos de la etiqueta <audio> con la opción que corresponda: Se inicia automáticamente. Controles de reproducción visibles. Audio se repetirá automáticamente cuando termine.

UF2: Relaciona cada uno de los siguientes formatos de vídeo con la opción que corresponda: Contiene vídeo en formato MPEG-4, con los códec: DivX, Xvid, QuickTime y H.264. Versiones de Adobe para Flash vídeo desde 2002 hasta ahora. Contenedor Open Source.

UF2: Identifica si las siguientes afirmaciones son verdaderas: El único uso de las animaciones es mostrar imágenes animadas en la web, como puede ser en la creación de iconos y logotipos. VERDADERO. FALSO.

UF2: Identifica si las siguientes afirmaciones son verdaderas: Al igual que sucede con el audio, podemos convertir los distintos formatos de video a través de aplicaciones sencillas que ofrecen multitud de opciones. VERDADERO. FALSO.

UF2: Identifica si las siguientes afirmaciones son verdaderas: en HTML5 disponemos de la etiqueta <video>, cuenta con atributos que tiene la etiqueta <audio>. VERDADERO. FALSO.

UF2: Identifica si las siguientes afirmaciones son verdaderas: Toda animación tiene dos tipos de elementos que se complementan entre sí: los objetos gráficos y los elementos propios de la animación. VERDADERO. FALSO.

UF2: Relaciona cada una de las siguientes características con la opción que corresponda: Valores X e Y que van a corresponder desde la esquina superior izquierda del objeto de texto hasta la esquina superior izquierda del escenario. Posición. Tamaño. Carácter. Párrafo.

UF2: Relaciona cada una de las siguientes características con la opción que corresponda: Valores de alto y ancho que tendrá la caja de texto medida en píxeles. Posición. Tamaño. Carácter. Párrafo.

UF2: Relaciona cada una de las siguientes características con la opción que corresponda: Son valores como la fuente, estilo, tamaño, color espaciado o interlineado. Posición. Tamaño. Carácter. Párrafo.

UF2: Relaciona cada una de las siguientes características con la opción que corresponda: Son valores como la alineación del párrafo, sangría de primera línea, márgenes. Posición. Tamaño. Carácter. Párrafo.

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

UF2: Para HTML5, hay que utilizar esta etiqueta para insertar audio: <bgsound src=”audio/Musica.wma” loop=”5” volumen=”10” />. True. False.

UF2: Para crear cualquier página web, solo necesitamos un editor y un navegador web. True. False.

UF2: Identifica si las siguientes afirmaciones son verdaderas: La extensión de un archivo HTML es .css. VERDADERO. FALSO.

UF2: Identifica si las siguientes afirmaciones son verdaderas: 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. VERDADERO. FALSO.

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. VERDADERO. FALSO.

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

UF2: En jQuery, la función que más utilizaremos será $(), relaciona en las funciones que se usa con su opción correcta: $(“#miID”);. $(“.miCSS”). $(“a[type]”);.

UF2: Relaciona los parámetros de los efectos fading con la opción que corresponda: Mostrará el elemento con una opacidad gradual (hasta llegar a 1). Ocultará un elemento con opacidad gradual (hasta llegar a 0). Al igual que el evento toggle(). Este evento alternará entre aparecer y desvanecer el elemento según hagamos clic sobre él.

UF2: Relaciona cada uno de los eventos de ratón con la opción que corresponda: Se realizará este evento cuando el usuario se coloca sobre un elemento y presiona clic izquierdo con el ratón y lo levanta, todo ello en el mismo objeto. .click(). .focusout(). .mouseup(). .mousemove(). .dbclick().

UF2: Relaciona cada uno de los eventos de ratón con la opción que corresponda: Es contrario al anterior, se lanzará cuando pierde el foco. .click(). .focusout(). .mouseup(). .mousemove(). .dbclick().

UF2: Relaciona cada uno de los eventos de ratón con la opción que corresponda: Se lanzará después de levantar el botón del ratón. .click(). .focusout(). .mouseup(). .mousemove(). .dbclick().

UF2: Relaciona cada uno de los eventos de ratón con la opción que corresponda: Se ejecutará siempre que se mueva el puntero dentro del objeto. .click(). .focusout(). .mouseup(). .mousemove(). .dbclick().

UF2: Relaciona cada uno de los eventos de ratón con la opción que corresponda: Se lanzará después de realizar doble clic. .click(). .focusout(). .mouseup(). .mousemove(). .dbclick().

UF2: ¿Qué ocurre cuando clicamos en el botón, en el siguiente código ?. El texto de los párrafos cambian de color. El texto de los párrafos se ocultarán. El código no es correcto. El texto de los párrafos se ponen en negrita.

UF2: ¿Qué realiza el siguiente código?. Si clicas en cada párrafo una vez, se ocultará el texto. Si clicas dos veces en cada párrafo, solo se ocultará el primero. si clicas dos veces en cada párrafo, solo se ocultará el segundo. Si clicas en cada párrafo dos veces, se ocultará el texto.

UF3: La Iniciativa de Accesibilidad Web (WAI, Web Accesibility Iniciative), intenta facilitar el acceso a aquellos usuarios que presentaran algún tipo de discapacidad. True. False.

UF3: El Consorcio World Wide Web (W3C) 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. Las formas que puede actuar W3C son: Mediante el trabajo, potencia la web para todos los usuarios. Ayuda y apuesta por una buena calidad en los contenidos que presente la web. Añade nuevos mecanismos que garanticen seguridad, privacidad, protección y cifrado de la información disponible en la web. Facilita el acceso a la página web desde cualquier dispositivo.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Facilita a los usuarios que interactúen en el sitio web ver y oír el contenido que contiene. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Mediante el teclado, puede acceder a las funcionalidades. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Ofrece una serie de medios que van a servir de ayuda a los usuarios que tengan alguna discapacidad a la hora de navegar, buscar contenido y visualizar dónde está ubicado. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Páginas web intuitivas según su apariencia. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Ofrece ayuda a los usuarios para evitar y corregir errores. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Une las pautas de accesibilidad 2.0 con los principios del diseño accesible: Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

UF3: Identifica si las siguientes afirmaciones son verdaderas: En las WCAG 1.0 se han reducido los catorce principios en cuatro. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: Cuando se habla de accesibilidad web nos referimos al acceso universal a la web. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: La función principal del W3C es “guiar a la web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la web”. VERDADERO. FALSO.

UF3: Mediante la accesibilidad se pretende desarrollar sitios web más accesibles para todos los usuarios que deseen acceder a algún tipo de información. VERDADERO. FALSO.

UF3: Relaciona las técnicas para satisfacer los requisitos definidos en las WCAG con su opción correspondiente: Listado de todas las pautas, criterios de éxito y diferentes técnicas que se pueden utilizar en el desarrollo del contenido web. Conjunto de las diferentes técnicas conocidas y de los errores junto con una descripción de los mismos. Diagrama en el que identificamos la relación existente entre los diferentes documentos técnicos.

UF3: El diseñador, siguiendo las diferentes pautas recomendadas, va a poder diferenciar entre dos tipos de actividades diferentes: Señala cuáles son: Comprobar los diseños web en función de los criterios del equipo de desarrollo. Comprobar los diseños web en función de los criterios de accesibilidad utilizados. Ninguna de las respuestas es correcta. Dirigir el proceso de desarrollo de los diferentes sitios web, es decir, asegurarnos de que un determinado sitio web, cumple los criterios de accesibilidad recomendados.

UF3: Ordena los pasos a seguir para utilizar las herramientas que permiten evaluar de forma sencilla un sitio web: 1. 2. 3. 4. 5.

UF3: hoy en día todavía no existe ninguna que nos indique si un sitio es accesible al 100%. Por este motivo, esta tarea no se puede realizar de forma automática. True. False.

UF3: ¿Para qué se utiliza la herramienta 'Fangs'?. Es una barra de herramientas que se utiliza para Mozilla Firefox con las diferentes opciones que pueden utilizar los desarrolladores web. Ninguna de las respuestas es correcta. Extensión para Mozilla que permite agregar un validador de HTML en el interior de Firefox. Extensión que permite mostrar el contenido de una determinada página como si fuera un lector de pantalla.

UF3: Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente: Es una barra de herramientas que se utiliza para Mozilla Firefox con las diferentes opciones que pueden utilizar los desarrolladores web. Web developer. Web Accessibility Toolbar. Firebug. HTML Validator Tidy.

UF3: Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente: Plugin utilizado en Internet Explorer que permite una evaluación manual sencilla de la accesibilidad de un sitio web. Web developer. Web Accessibility Toolbar. Firebug. HTML Validator Tidy.

UF3: Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente: Extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc. Web developer. Web Accessibility Toolbar. Firebug. HTML Validator Tidy.

UF3: Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente: Extensión para Mozilla que permite agregar un validador de HTML en el interior de Firefox. Web developer. Web Accessibility Toolbar. Firebug. HTML Validator Tidy.

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. La navegación y la organización. Ninguna de las respuesta es correcta. Los enlaces y el mapa de navegación.

UF3: Identifica si las siguientes afirmaciones son verdaderas: A la hora de poner en marcha alguna interfaz web no es necesario que tengamos en cuenta con la usabilidad. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: Cada vez existen más personas que consultan la web para leer la prensa, por lo que evitan tener que salir a comprar el periódico. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: Es imprescindible que tengamos en cuenta las necesidades demandadas por los usuarios. VERDADERO. FALSO.

UF3: Relaciona los puntos de verificación con su opción correcta: Es imprescindible que el contenido web esté disponible para que pueda ser perceptible por los distintos sentidos, como pueden ser la vista, el tacto o la audición. Perceptividad. Operatividad. Comprensibilidad. Robustez.

UF3: Relaciona los puntos de verificación con su opción correcta: La operatividad de una página web la podremos medir a través de los distintos formularios, controles, etc. Perceptividad. Operatividad. Comprensibilidad. Robustez.

UF3: Relaciona los puntos de verificación con su opción correcta: Tanto la interfaz como el contenido de una página web se deben entender de forma fácil y deben ofrecer una buena semántica a los usuarios que accedan a ella, independientemente de las particularidades que puedan tener los usuarios. Perceptividad. Operatividad. Comprensibilidad. Robustez.

UF3: Relaciona los puntos de verificación con su opción correcta: Debemos tener un contenido consistente y, a la vez, fiable. Podremos permitir su uso con diferentes agentes de usuario y, así, estar preparados para posibles tecnologías que puedan aparecer. Perceptividad. Operatividad. Comprensibilidad. Robustez.

UF3: Para lograr conformidad con el Nivel AAA, la página web debe satisfacer todos los Criterios de Conformidad solo de los Niveles A. True. False.

UF3: Vamos a repasar los factores más importantes a tener en cuenta cuando diseñemos una web en base al perfil de los usuarios. Indica si la siguiente afirmación es verdadera o falsa: "A la hora de diseñar un sitio web es fundamental no olvidar para qué usuarios va dirigido". True. False.

UF3: ¿Cuántos aspectos hay que tener en cuenta a la hora de realizar un diseño web?. Las páginas que tienen demasiadas interrupciones en la lectura provocadas por las diferentes ventanas que la componen también son abandonadas por los usuarios. Las páginas con mucho texto y que ocupa toda la ventana no son favorables para los usuarios. A los usuarios no les gusta que una página principal tenga algún elemento de Flash que necesite más de tres segundos para descargarse. En las páginas con muchos elementos decorativos, los usuarios suelen abandonar las páginas porque tardan demasiado tiempo en descargarse. Las paginas rápidas de carga suelen liar y hacer que el usuario pierda el ritmo.

UF3: Indica si la siguiente afirmación es correcta: "Es importante conocer las limitaciones técnicas que pueden tener los usuarios potenciales de un determinado sitio web, la plataforma que se debe utilizar junto con la conexión que pueden tener.". True. False.

UF3: Identifica si las siguientes afirmaciones son verdaderas: Si un usuario tiene dificultades para manejarse por la página, acabará abandonándola sin encontrar lo que buscaba. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: En una web no es necesario que los enlaces muestren el contenido esperado. VERDADERO. FALSO.

UF3: Identifica si las siguientes afirmaciones son verdaderas: Para orientar y guiar al usuario las páginas web suelen incorporar menús de navegación, que incluyen la información más importante del site. VERDADERO. FALSO.

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 Indica cuáles son esos usuarios: Usuario de bases de datos. Usuario registrado o colaborador. Usuario experto o administrador. Visitante o invitado.

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

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

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

UF3: En una web no es conveniente: Hacer un buen diseño del sistema de navegación. Los enlaces deben mostrar el contenido esperado. 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.

UF3: La perceptividad hace referencia a: Que debemos tener un contenido consistente y fiable. 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…. Hace que las páginas web sean más intuitivas según su apariencia.

UF3: 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. Hace que las páginas web sean más intuitivas según su apariencia. 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.

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: Las pautas de la accesibilidad son: Claridad, perceptibilidad, organización y visibilidad. Robustez, comprensibilidad y operabilidad. Perceptibilidad, operatividad, robustez y comprensibilidad. Perceptibilidad, robustez, cifrado y visualidad.

UF3: La pauta de accesibilidad siguiente: "Mediante el teclado, puede acceder a las funcionalidades" ¿A qué principio de diseño accesible hace referencia?. Operatividad. Robustez. Perceptibilidad. Comprensibilidad.

UF3: ¿Qué es una web amigable?. 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. 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.

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

UF3: La Perceptibilidad: 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. Hace que las páginas web sean más intuitivas según su apariencia. Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después.

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.

PAP: Es recomendable utilizar sonido de fondo en una página web, ya que transmite al usuario el contexto del contenido. Verdadero. Falso.

PAP: 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. Rojo, amarillo y verde. Verde, azul y blanco. Blanco, negro y amarillo.

PAP: ¿Cuál de las siguientes opciones no pertenece a una propiedad de tipografía?. font-family. font-weight. font-style. font-low.

PAP: ¿Qué es un CMS?. Un gestor de contenidos. Un tipo de tipografía. Un tipo de plantilla. Un lenguaje de programación.

PAP: ¿Cuál de las siguientes opciones es un componente de la interfaz web fundamental para lograr que un diseño no esté sobrecargado y que define las zonas que no tendrán elementos gráficos?. Espacios en blanco. Cabecera. Pie de página. Cuerpo de página. Sistema de navegación.

PAP: ¿Cuál de las siguientes opciones es un componente de la interfaz web donde se sitúa el logotipo que identifica el sitio web con la empresa, unifica todas las páginas y separa el borde superior de la parte central?. Cabecera. Cuerpo de página. Sistema de navegación. Pie de página. Espacios en blanco.

PAP: Como existen plantillas ya prediseñadas que podemos utilizar, no es necesario adaptarlas a nuestras necesidades. Verdadero. Falso.

PAP: Qué tipo de selector aplicarías para modificar el siguiente fragmento de código? #content { color: blue; }. Selector identificador. Selector clase. Selector etiqueta. Selector universal.

PAP: El selector a:hover se emplea para definir el estilo de: Cuando el ratón pasa por encima. El enlace visitado. El enlace activo. Los enlaces que no se han visitado.

PAP: Solamente existen validadores HTML para comprobar si la estructura del documento cumple con los estándares. Verdadero. Falso.

PAP: Si pretendemos añadir a nuestra página web un tipo de imagen que no pierda calidad al ampliarse, ¿qué tipo elegiremos?. Mapas vectoriales. Imagen de bits. Imágenes vectoriales. Bitmap.

PAP: ¿Cuál de los siguientes formatos de imagen permite tener transparencia, pero no animaciones?. JPEG. PNG. GIF.

PAP: Si pretendemos utilizar un formato de imagen para comprimir imágenes fotográficas, ¿cuál es el más apropiado?. GIF. JPEG. PNG.

PAP: Es recomendable utilizar sonido de fondo en una página web, ya que transmite al usuario el contexto del contenido. Verdadero. Falso.

PAP: En HTML5, ¿qué atributo utilizaremos para mostrar los controles del reproductor?. Controls. Preload. LoadPlay. LoadControls.

PAP: A la hora de insertar un vídeo en HTML, ¿para qué se utiliza el atributo Poster?. Para seleccionar una imagen de portada antes de comenzar la reproducción. Para seleccionar una imagen de vídeo mientras se reproduce. Para seleccionar el recuadro mediante el cual se reproducirá el vídeo. Para asignar el tamaño al marco del vídeo.

PAP: ¿Cuál de las siguientes características no abarca el diseño gráfico?. Tipografía. Colores. Espacios. Texto.

PAP: ¿Qué extensión debe tener un código HTML para ser reconocido?. .html. .css. .xml. .web.

PAP: Para utilizar jQuery, ¿qué es lo primero que debemos hacer?. Cargar la librería en nuestro documento. Esperar a que se cargue todo el contenido del documento para ejecutar jQuery. Utilizar la función &(“#miID”) para utilizar jQuery. Definir un valor al atributo.

PAP: ¿Para qué utilizamos el evento Off() en jQuery?. Para ocultar el contenido indicado. Para asociar un elemento con el evento indicado. Para eliminar ciertas funciones a un elemento. Para ejecutar una acción al hacer clic sobre el elemento.

PAP: ¿Qué efecto podemos implementar para mostrar u ocultar el contenido alternativamente?. fadeIn. fadeOut. hide. fadeToggle.

PAP: ¿Qué método utilizaremos para animar un elemento según lo insertado en las propiedades?. animate(). toggle(). hide(). start().

PAP: ¿Qué consorcio apuesta por desarrollar estándares y normas web?. W3C. WWW. WAG. WCC.

PAP: W3C-Su objetivo principal es conseguir que todos los usuarios puedan acceder a todas las posibilidades planteadas. Verdadero. Falso.

PAP: ¿Qué tres tipos de niveles nos ofrecen las WCAG?. A, AA y AAA. Nivel 1, nivel 2 y nivel 3. A, B y C. 1.0, 2.0 y 3.0.

PAP: Gracias a los avances tecnológicos, es posible conocer si un sitio es accesible al 100%. Verdadero. Falso.

PAP: El término usabilidad se refiere a la facilidad con la que las personas pueden usar una herramienta particular, o cualquier otro objeto fabricado por humanos, con el fin de alcanzar un objetivo concreto. Verdadero. Falso.

PAP: Cuando hablamos sobre el entendimiento fácil y una buena semántica sobre la página web, ¿a qué hacemos referencia?. Perceptibilidad. Operatividad. Comprensibilidad. Robustez.

PAP: ¿Qué es necesario comprobar con relación a la información de una página web?. Que los contenidos sean lo más accesibles posible. Que existan enlaces que nos lleven a cualquier sitio. Que el aspecto sea lo más atractivo posible, independientemente de su adaptabilidad.