DESARROLLO DE INTERFACES WEB M09 DAW - ILERNA 2023

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

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

¿Que es un CMS? (pag 15). Un gestor de contenidos. Un tipo de tipografía. Un tipo de plantilla. Un lenguaje de programación.

¿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? pag 21. Espacios en blanco. Cabecera. Pie de página. Cuerpo de página. Sistema de navegación.

¿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? pag 21. Cabecera. Cuerpo de página. Sistema de navegación. Pie de página. Espacios en blanco.

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

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

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

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

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

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

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

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

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

A la hora de insertar un vídeo en HTML, ¿para qué se utiliza el atributo Poster? pag 59. 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.

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

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.

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

Para utilizar jQuery, ¿qué es lo primero que debemos hacer? pag 71. 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.

¿Para qué utilizamos el evento Off() en jQuery? pag 71. 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.

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

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

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

Su objetivo principal es conseguir que todos los usuarios puedan acceder a todas las posibilidades planteadas. pag 79. Verdadero. Falso.

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

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

El término usabilidad serefiere 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. pag 89. Verdadero. Falso.

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

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

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

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

¿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;.

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 de la página */. /* Todos los párrafos contenidos en #primero */. /* Todos los elementos "em" de clase "especial" en toda la página */.

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

¿Cuáles son los formatos de imágenes adecuados y óptimos para la web? examen 2. BMP, TIFF o JPEG. Ogg,wma. swf,mkv.

Cuáles son los formatos de vídeo adecuados y óptimos para la web? examen 2. BMP, TIFF o JPEG. Ogg,wma. swf,mkv.

¿Cuáles son los formatos de sonido adecuados y óptimos para la web? examen 2. BMP, TIFF o JPEG. Ogg,wma. swf,mkv.

¿Cuál es la sintaxis correcta de CSS para que todos los elementos <p> aparezcan en negrita? examen 2. 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)? Examen 2. article p. article,p. article>p. article+p.

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

¿Que es xhtml? Examen 3. 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 Examen 3. Verdadero. Falso.

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

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

¿Cuál es el objetivo del principio de Operatividad de una web accesible? examen 3 creada con chatgpt. Evaluar la seguridad de una web. Garantizar la interacción con los componentes de la web sin importar el dispositivo o la velocidad de uso. Limitar el acceso a los recursos del usuario. Ofrecer opciones de personalización en una web.

A la hora de diseñar un sitio web es fundamental no olvidar... Examen 3. 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.

¿Cuáles son las dos actividades principales en las que se centra el diseño web? Examen 3 con chatgpt. Programación y marketing. Planificación y coordinación del equipo de desarrollo. Diseño gráfico y análisis de datos. Investigación de mercado y estrategia empresarial.

¿En qué consiste la creación de una guía de estilo en el diseño web? Examen 3 con chatgpt. Documentar los errores de una interfaz web. Definir las pautas y normas de calidad para una interfaz web específica. Realizar pruebas de usabilidad en un sitio web. Desarrollar una estrategia de marketing para un sitio web.

¿Qué es una plantilla de diseño web? examen 3 con chatgpt. Una herramienta para programar sitios web desde cero. Un diseño web personalizado para cada proyecto. Un diseño web personalizado para cada proyecto. Un programa de edición de imágenes para diseño web.

¿Qué formatos de plantilla utilizarías en el diseño web? examen 3 con chatgpt. HTML y CSS. PDF y PowerPoint. Word y Excel. JPEG y PNG.

¿Que es 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. Examen 3. Verdadero. Falso.

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

¿Qué efecto de JQuery se utiliza para lograr un desvanecimiento de elementos? Examen 3. Sliding. FadeIn. FadeOut. Toggle.

¿Qué parámetro opcional se puede especificar en los efectos de Fading en JQuery para controlar la duración del efecto? Examen 3. [callback]. [easing]. [duración]. Ninguno de los anteriores.

¿Cuál es el propósito del parámetro [easing] en los efectos de Fading en JQuery? Examen 3 con chatgpt. Controlar la dirección del efecto (mostrar u ocultar). Especificar una función de devolución de llamada para ejecutar después del efecto. Controlar la velocidad y el ritmo del efecto. Ninguna de las anteriores.

¿Cuál de los siguientes formatos de imagen es vectorial?. BMP. GIF. CDR. JPG.

¿Qué formato de imagen es ampliamente utilizado en la web para imágenes animadas y gráficos con colores limitados? Examen 3 con chatgpt. BMP. GIF. EPS. PSD.

¿Cuál de los siguientes programas se utiliza comúnmente para abrir y editar imágenes en formato EPS? Examen 3 con chatgpt. Adobe Photoshop. Adobe Illustrator. GIMP. CorelDRAW.

¿Qué formato de imagen se utiliza para comprimir imágenes con pérdida? Examen 3 con chatgpt. JPEG. BMP. PNG. PSD.

¿Cuál de los siguientes formatos de imagen es utilizado por el programa CorelDRAW? Examen 3. GIF. EPS. CDR. PSD.

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

¿Cuál es uno de los pasos clave en el proceso de evaluación de la accesibilidad de un sitio web?. Prueba de usabilidad. Análisis de palabras clave. Diseño de la interfaz gráfica. Optimización para motores de búsqueda.

¿Por qué es importante incluir usuarios con discapacidad en las pruebas de usabilidad para evaluar la accesibilidad de un sitio web? Examen 3 con chatgpt. Para asegurarse de que el sitio web sea estéticamente atractivo. Para asegurarse de que el sitio web cumple con las normas de diseño responsivo. Para asegurarse de que el sitio web es accesible para todos los usuarios, incluyendo aquellos con discapacidad. Ninguna de las anteriores.

¿Cuál es uno de los beneficios de realizar pruebas de usabilidad con diferentes grupos de usuarios en el contexto de la evaluación de accesibilidad? Examen 3 con chatgpt. Obtener una evaluación precisa del rendimiento del sitio web en diferentes navegadores. Identificar problemas de seguridad en el sitio web. Evaluar la facilidad de uso del sitio web para diferentes perfiles de usuarios. Ninguno de los anteriores.

¿Qué es la usabilidad? Examen 3 con chatgpt. El diseño estético de un sitio web o sistema. La velocidad de carga de un sitio web o sistema. La capacidad de un sitio web o sistema para adaptarse a diferentes dispositivos. La medida de la calidad de la experiencia de un usuario en un sitio web o sistema.

¿Cuál de los siguientes elementos no es uno de los aspectos medidos en la usabilidad? Examen 3 chatgpt. Facilidad de aprendizaje o uso. Eficiencia. Seguridad. Satisfacción.

¿Qué se entiende por "facilidad de aprendizaje" en la usabilidad?. La rapidez con la que un usuario puede aprender a utilizar un sitio web o sistema. La capacidad de un sitio web o sistema para recordar las preferencias de un usuario. La ausencia de errores en un sitio web o sistema. La medida en que un sitio web o sistema cumple con las expectativas del usuario.

¿Cuál es el objetivo principal del principio de operatividad en una web accesible?. Evaluar la estética visual de la web. Garantizar la interacción con los componentes de la web sin importar el dispositivo o la velocidad de uso. Proporcionar recursos ilimitados a los usuarios. Optimizar la velocidad de carga de la web.

¿Qué se debe asegurar en relación con la autonomía de los usuarios en una web accesible?. Ofrecer alternativas en caso de que los recursos del usuario sean limitados. Limitar el acceso a ciertos componentes de la web. Impedir la interacción con la web en dispositivos móviles. Ninguna de las anteriores.

¿Cuál es uno de los aspectos clave del principio de operatividad en una web accesible?. Diseñar la web solo para usuarios con dispositivos de alta gama. Exigir una velocidad de conexión a internet mínima para acceder a la web. Permitir la interacción con los componentes de la web de manera intuitiva y sin obstáculos. Limitar la funcionalidad de la web para usuarios con discapacidades.

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.

¿Cuáles son los elementos de diseño principales a tener en cuenta en la percepción visual? pac1. Color y percepción. El mapa de navegación. Color, tipografía e iconos. La cabecera.

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

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

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

Marca las respuestas correctas sobre los iconos: pac 1. 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. 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.

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

¿Para que sirve una guía de estilo?. Diseñar y programar los aspectos relacionados con una interfaz. 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. Hacen que el lenguaje sea más eficaz y coherente.

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