diw

En el entorno de las TIC, la palabra «interfaz» aparece con mucha frecuencia ¿a cuál de estos casos NO suele hacer referencia?. Puede hacer alusión a componentes HW periférico, como teclado, pantalla…. Puede referirse a las llamadas que se pueden hacer desde el exterior a una aplicación: una API. Puede referirse al zócalo de nuestro ordenador donde se instala la memoria interna. Puede referirse la Interfaz gráfica que presenta una aplicación web, móvil o de escritorio.

El acrónimo IPO significa…. Interfaz periférico-ordenador. Interacción PC-operario. Interfaz personal ordinaria. Interacción persona-ordenador.

La IPO es un campo multidisciplinar que puede involucrar diferentes perfiles profesionales ¿Cuáles de estos perfiles crees que son los menos relacionados con la IPO?. Diseñadores. Médicos. Sociólogos . Expertos en IA.

Un software «usable» tendrá grosso modo dos características esenciales: Fácil de programar y de aprender. Fácil de programar y de mejorar. Fácil de aprender y de usar. Fácil de usar y de modificar por el propio usuario.

¿Cuál de estas afirmaciones sobre la accesibilidad web es incorrecta?. Significa que las webs accesibles están diseñadas y desarrolladas para que puedan ser usadas por personas con discapacidades. La accesibilidad web debe tener en cuenta diferentes discapacidades que pueda tener el usuario: visuales, auditivas, físicas, cognitivas, neurológicas…. La accesibilidad aporta muchísimos beneficios a personas sin discapacidades y, además, es bastante sencilla de implementar. Dentro del organismo W3C, existe un proyecto llamado «Web Accessibility Initiative» que enumera unas reglas para que una web sea accesible.

En un sistema de diseño centrado en el usuario (User Centered Design), ¿cuál de estas afirmaciones no sería correcta?. Se debe implicar al usuario sobre todo al principio del proyecto y, sobre todo al final para realizar las validaciones oportunas. Se debe implicar al usuario tanto como sea posible, incluso incluyéndolo en el equipo de diseño. Se debe observa el trabajo habitual del usuario viendo cómo interactúa éste con los sistemas. Se deben proporcionar prototipos, escenarios o maquetas para que el usuario pueda ir evaluando el diseño durante todo el ciclo de vida.

El proceso de la entrevista al usuario es crucial durante la fase de análisis de requisitos. ¿Cuál de estas afirmaciones sería la correcta?. Una sola entrevista bien planificada nos servirá para un buen análisis de requisitos. Todas las entrevistas que realicemos deberían ser presenciales. La entrevista tiene tres fases básicas: preparación, realización y análisis. Los análisis de las entrevistas que vamos haciendo deben derivar en un documento de especificación formal que debe describir los requisitos de usuario con un lenguaje técnico.

Durante la realización de una entrevista, es importante ir recabando información mediante técnicas de comunicación asertiva, tales como el uso de preguntas abiertas o cerradas según convenga. ¿Cuál de estas preguntas son cerradas? (2 respuestas). ¿Cuántos secciones deben mostrarse en la landing page?. ¿En la landing page?, veis más conveniente mostrar solo dos secciones o preferís tres?. ¿Cómo deseáis que desarrollemos el formulario de la sección de contactos?. ¿Qué tipo de diseño veis más conveniente clásico o contemporáneo?.

Respecto a los diferentes prototipos que podemos proporcionar al Usuario, ¿cuál de las afirmaciones es incorrecta?. Los wireframes tienen menos coste de desarrollo que los mockups. Los mockups sirven para que usuario vea el look&feel de la interfaz. Los mapas web y los mapas conceptuales son lo mismo. Con herramientas como Figma y AdobeXD podemos generar prototipos dinámicos.

Rellena con el concepto que falta. «Cuando un proyecto empieza su desarrollo real, se suele ir proporcionando al usuario los llamados _______, que son la implementación de una parte concreta de la aplicación o sitio web real que ya ejecuta una acción real.». wireframes. mockups. prototipos horizontales. prototipos verticales.

¿Cuál de estas tecnologías no es de Front-end?. Angular. PHP Laravel. Bootstrap. Vue.

¿Qué organismos se encargan de actualizar y mantener el estándar HTML5?. UNE. WAIS. W3C. WWW.

¿Cuál es el declarador correcto de un documento HTML5? (todas las opciones van entre <> ). !DECLARE html. !TYPEDOC html5. !DECLARE html5. !DOCTYPE html.

¿Cuál de estos elementos no corresponde a un contenedor de marcado semántico?. aside. news. header. nav.

Respecto al marcado semántico de contenido textual, ¿qué elemento usarías para marcar un contenido importante (lo equivalente a marcar en negrita)?. em. strong. b. cite.

¿Qué herramientas son esenciales para el desarrollo de Front-end? (dos correctas). Compilador de código HTML. Editor de texto. Herramienta de edición de imágenes. Navegador web.

¿Cuáles de estas aplicaciones son de código abierto (open-source)? (dos correctas). Sublime Text. Mozilla Firefox. Visual Studio Code. Google Chrome.

¿Cuál de estas características no tiene SublimeText de forma nativa?. Soporte nativo de lenguaje CSS. Multiselección. Compilador de SASS. Vista multidocumento.

¿Qué extensiones de VS Code usarías para autroindentar código HTML y CSS? (es decir, que etiquetas que están dentro de otras aparezcan tabuladas). Beautifulier. Html CSS Support. Prettier. Auto indent Tag.

¿Qué no se permite hacer desde las herramientas de desarrollador de Google y Firefox?. Seleccionar con un puntero un elemento de la página y ver su HTML. Modificar en directo código de script de servidor (PHP, node.js…). Seleccionar con un puntero un elemento de la página y ver reglas CSS que lo afectan. Modificar en directo etiquetas HTML y valores de propiedades CSS.

El elemento raíz de un documento HML5 es: <html>. <body>. <head>. <!doctype html>.

¿Qué puede aportar un experto en AI (Inteligencia Artificial) al campo de la IPO?. Desarrollar una IA que genere interfaces automáticamente. Estudian la percepción humana, y evalúan su satisfacción en el uso de dispositivos. No puede aportar nada interesante en este campo. Investigar qué tareas puede hacer una AI, y así evitar que las haga el humano.

Tenemos el siguiente trozo de código HTML5 <article> <p> <b>El Quijote</b> es un <em>libro de caballería</em> que se ha convertido en un <mark>Clásico de la literatura española</mark>.<br /> El libro comienza con la frase <cite>"En un lugar de la mancha..."</cite> </p> </article> ¿Qué podemos mejorar de su marcado semántico?. Utilizar el elemento <strong> en vez de <b>. Utilizar el elemento <em> en vez de <mark>. Utilizar el elemento <section> en vez de <article>. Utilizar el elemento <i> en vez de <em>.

Respecto al código anterior, si queremos evitar usar los tags í á ñ ¿Qué declarador incluyo en el <head> del documento HTML5?. <p dir="ltr" style="text-align: left;"><br></p>. No hace falta ningún declarador especifico, siempre que guardemos en formato UTF-8. <base chartype="utf-8" >. <meta charset="utf-8">.

¿Cuál de estos enlaces nos abrirá el buscador Google en una nueva ventana de navegación?. <a src="https://google.es" target="new "> Abrir Google </a>. <a target="https://google.es" ref="_new"> Abrir Google </a>. <a href="https://google.es" target="_new">Abrir Google </a>. <a href="https://google.es" target="_blank"> Abrir Google </a.

Respecto a los prototipos que podemos proporcionar al usuario en la fase de diseño previo de la interface, ¿cuál de las afirmaciones es correcta?. Los mapas web y los mapas conceptuales son lo mismo. Si proveemos al usuario de muchos wireframes. este podrá el comprobar el Look&feel que tendrá la interface. Con herramientas como Figma y AdobeXD podemos generar prototipos dinámicos. Los mockups tienen menos coste de desarrollo que los wireframes.

¿Qué grupo de contenedores semánticos usarías para estructurar el contenido de dentro del body en un documento html5 correctamente validado?. html, head, aside, footer, nav, div. header, nav, main, section, aside, footer. div, span, p, news, article, li, ul. head, aside, news, article, footer.

El proceso de la Entrevista a Usuario es crucial durante la fase de Análisis de Requisitos. ¿cuál de estas afirmaciones sería la correcta?. Los análisis de las entrevistas que vamos haciendo, deben derivar en un Documento de Especificación Formal, que debe describir los requisitos de usuario con un lenguaje técnico. Todas las entrevistas que realicemos deberían ser presenciales. Una sola entrevista bien planificada nos servirá para un buen análisis de requisitos. La Entrevista tiene tres fases básicas: Preparación, Realización y Análisis.

¿Con qué dos herramientas esenciales podríamos empezar un desarrollo front-end?. Mozilla Firefox y Notepad (u otro editor simple). Google Chrome y Mozilla Firefox. VSCode y Servidor Apache. Necesito imprescindiblemente más herramientas.

¿Qué es “accesibilidad web”?. Hacer que todos los controles en la interface web sean dispuestos de manera correcta. Hacer que los métodos de acceso, como pantallas de logins y formularios, sean sencillos. Hacer que la interface web sea usable, o sea, fácil de aprender. Que la web sea accesible a personas que presenten alguna discapacidad.

CSS es el lenguaje indicado para definir la interacción con el usuario de una página web. Verdadero. Falso.

CSS es un lenguaje de marcas. Verdadero. Falso.

Indica que método usarías para incorporar CSS a tu documento HTML según las recomendaciones de buenas prácticas de programación. CSS interno. CSS en archivo externo. CSS en línea. Solo se debe usar CSS externo en proyectos web grandes.

La estructura básica de una regla es: selector {propiedad: valor}. propiedad {elementos}. selector = propiedad: valor. selector {propiedad=valor}.

Una regla solamente puede indicar una propiedad. Verdadero. Falso.

Cuál de estas afirmaciones es incorrecta: La especificidad resuelve reglas que entren en conflicto siguiendo una escala de mayor a menos especificidad. Cuando dos reglas de igual especificidad entran en conflicto se resuelven mediante el concepto de cascada. En caso de conflicto, el CSS externo tiene mayor prioridad que el CSS en línea. En CSS algunas propiedades de los elementos padre son heredadas por los hijos.

Para seleccionar todos los párrafos que tengan la clase “destacado” se emplea el selector: p.destacado. p class=destacado. p → destacado. p(destacado).

Para seleccionar todos los enlaces que estén dentro de un [div id="contenido"], se emplea el selector: div a. div + a. #contenido a. a div=contenido.

Marca la unidad relativa: cm. mm. px. em.

El grosor del texto se define con la propiedad…. font-size. font-weight. font-family. font-text.

¿Cuál de los siguientes colores corresponde al rojo?. rgb(red, 0, 0). rgb(0, 0, 255). rgb(255, 255, 255). rgb(255, 0, 0).

Marca la propiedad que no afecta al Box-model: Color. Margin. Padding. Content.

Para definir el margen inferior, debes usar…. margin-down. margin-inferior. margin-bottom. down-margin.

Dos elementos en contacto vertical y con un margen de 25 px, generan un margen entre ellos de... 25 px. 50 px. 0 px. 100 px.

¿Qué valor aplicamos a la propiedad border-style para obtener un borde punteado?. points. dotted. pointed. discontinius.

¿Cuál de estos elementos ocupa la anchura de toda una línea por defecto?. p. div. span. table.

El valor por defecto de la propiedad position que ubica al elemento en su posición natural es: absolute. relative. static. default.

Indica la propiedad mediante la que definimos qué elementos se posicionan delante o detrás según el punto de vista del usuario. z-index. front. behind. opacity.

La propiedad que regula el flujo de posicionamiento dentro de un elemento es... float. fluxe. position. inherit.

El contenedor principal, si usamos Flex, debe tener la propiedad... use:flex. float:flex. display:flex. position:flex.

Definimos el espacio que ocupa un área en Grid mediante la propiedad... grid-area. grid-area-espace. grid-template-areas. display-grid.

La forma correcta de incluir un fichero llamado “estilos.css” en un documento HTML es: <link rel="stylesheet" style:"estilos.css">. <link style_src="mystyle.css">. <link type="html" source="estilos.css">. <link rel="stylesheet" href="estilos.css">.

Marca la opción que corresponde con un comentario correcto en CSS. */esto es un comentario correcto. /*esto es un comentario correcto*/. /esto es un comentario correcto. <esto es un comentario correcto>.

Indica el selector que se debe usar para seleccionar los párrafos que sean adyacentes a un div. div * p. div + p. div p. div -> p.

Indica el selector correcto para seleccionar la primera línea de los párrafos. first-line. p::first-line. p first-line. first-line::p.

Indica el selector correcto para seleccionar los elementos <div> sobre los que está pasando el ratón. div:mouse. div:hover. div + mouse. div + hover.

Damos una anchura a un elemento <div> del 50%... Calcula su tamaño respecto a las dimensiones de una pantalla estandarizada, y una vez obtenida la medida la mantiene independientemente del dispositivo en el que naveguemos. Ocupará el 50% de la anchura del navegador adaptándose a su tamaño. No se puede utilizar unidades relativas para propiedades como la anchura. Ocupará el 50% de la anchura en cualquier pantalla, independientemente del número de píxels horizontales de la pantalla.

La propiedad a utilizar para definir el espacio entre el contenido de un elemento y sus bordes es... content. spacing. padding. margin.

Indica la anchura total de este elementos div { width: 400px; padding: 20px; border: 10px solid blue; margin: 0; }. 410 px. 460 px. 430 px. 400 px.

En Flexbox podemos configurar los elementos para que fluyan en sentido vertical, de arriba a abajo con... flex-flow: column;. flex-direction: column;. flex-direction: top-bottom;. flex-direction: vertical;.

En Grid podemos definir la separación entre columnas de 10px con... column-gap: 10px;. column-offset: 10px;. column-distance: 10px;. column-width: 10px;.

¿Qué diseño utiliza unidades em para establecer el tamaño de sus elementos?. Diseño fijo. Diseño líquido. Diseño estático. Diseño elástico.

¿Qué diseño utiliza media queries para establecer el tamaño de sus elementos?. Diseño responsivo. Diseño líquido. Diseño fluido. Diseño elástico.

¿En qué consiste el enfoque mobile-first?. Consiste en que las interfaces sean mobile-first. Consiste en diseñar e implementar primero la versión móvil. Consiste en usar media queries. Consiste en que el navegador calcule cuánto espacio de la pantalla móvil ha de darle a cada elemento de la interfaz.

¿Qué diseño utiliza porcentajes para establecer el tamaño de sus elementos?. Diseño responsivo. Diseño adaptable. Diseño fluido. Diseño elástico.

Indica la correcta: En el diseño responsivo es habitual que los elementos cambien de posición según el dispositivo con el que accedamos. En el diseño responsivo es habitual hacer un sitio web separado para cuando el usuario se conecta desde dispositivos móviles. En el diseño fluido es habitual que los elementos cambien de posición según el dispositivo con el que accedamos. En el diseño fluido es habitual hacer un sitio web separado para cuando el usuario se conecta desde dispositivos móviles.

Indica la afirmación correcta: El lenguaje CSS es un lenguaje de programación que nos permite usar ciertas estructuras como las media queries. Las media queries son un tipo de estructuras que cargan bloques de código CSS según se le indique. El metadato Viewport permite establecer ciertos valores de la pantalla del usuario. Partiendo del Viewport cargaremos en el archivo JavaScript las media queries que englobarán una parte del código.

¿Cuál no es un tipo de media queries?. speak. screen. print. speech.

¿Qué devolvería la siguiente condición si estamos navegando desde el móvil? @media only screen and (max-width: 900px) {/* Bloque CSS*/}. Verdadero. Falso. Valor −1. Ninguna de las anteriores.

¿Qué devolvería la siguiente condición si estamos imprimiendo la página web en blanco y negro? @media not screen and (color) {/* Bloque CSS*/}. Verdadero. Falso. Valor 0. Ninguna de las anteriores.

Indica la opción correcta: Dpi representa el número de píxeles por pulgada. Según la teoría, una pantalla suele contener entre 96 dpi a 300 dpi. En CSS, la relación fija entre centímetros y dpi es 1 cm y equivale a unos 96 dpi. Un dpcm equivale a unos 2.54 dpi.

En la propiedad«text-shadow: 10px 8px 5px #CCC;»: 5 px es el valor del desplazamiento vertical de la sombra que se aplica al texto. 8 px es el valor del radio de la sombra que se aplica al texto. 10 px es el valor del desplazamiento horizontal de la sombra que se aplica al texto. Todas las respuestas son incorrectas.

En la propiedad «box-shadow: 8px 4px 5px 10px #CCC;»: 8 px es el valor del desplazamiento vertical de la sombra que se aplica al texto. 10 px es el valor del radio de la sombra que se aplica al texto. 5 px es el valor de la extensión de la sombra que se aplica al texto. Todas las respuestas son incorrectas.

En el gradiente radial indica cuál de las siguientes propiedades es incorrecta: background: radial-gradient(ellipse, rgba(100,156,215, 0.5) 0%, rgba(15, 51,11,1));. background: radial-gradient(rgba(100,156,215, 0.5) 0%, rgba(15, 51,11,1));. background: radial-gradient (conic, blue, orange, red, green, pink);. background: radial-gradient (circle, blue, orange, red, green, pink);.

¿Qué propiedad de transición cambia el tamaño del texto en dos segundos?. transition: font-size 2s ease;. font-size: text-size 2s ease;. transition: text-size 2s ease;. font-size: transition 2s ease;.

¿Qué propiedad de transformación hace que el texto se mueva hacia la derecha?. transform: skewX(-5deg);. transform: translateY(20px). transform: scale(rigth);. transform: translateX(20px);.

¿Cuál de estos lenguajes no es un preprocesador?. SASS. SCSS. LESS. Todos son preprocesadores.

¿Cómo se declaran las variables en LESS?. Con el símbolo $. Con el símbolo &. Con el símbolo @. Con el símbolo #.

¿Cómo se generan variables en CSS?. Con el símbolo $ seguido del nombre de la variable. Con la función Calc() pasándole el nombre de la variable en el paréntesis. Con el símbolo «- -» para declarar la variable dentro de la etiqueta «:root». CSS no puede generar variables, para ello necesita los preprocesadores.

¿Qué operador aritmético puede confundirse con propiedades CSS?. División (/). Suma (+). Resta (-). Multiplicación (*).

Indica la afirmación errónea al utilizar SASS. Para poder utilizar un mixin, se deberá hacer uso de la directiva @include. Para poder anidar pseudoclases o sufijos se utiliza el simbolo &. Las funciones deben tener un @return para finalizar y devolver el resultado. La directiva @for cuenta con dos posibles sintaxis, usando «through» (cuando llegue a dicho valor, se detiene) o «to» (cuando llegue a dicho valor, lo incluye).

¿Qué diseño es el más fácil de implementar, mantener y tiene mejor rendimiento?: Diseño fluido. Diseño responsivo. Diseño fijo. Diseño elástico.

¿Qué diseño es puede cargar diferentes CSS dependiendo de su tamaño?: Diseño fijo. Diseño fluido. Diseño responsivo. Diseño elástico.

¿Cuál no es un tipo de operador de media queries?. and. only. not. or.

¿Cuál no es una propiedad de media queries?: aspect-ratio. display-colors. update-frequency. overflow-inline.

@media screen and (max-width: 767px) {/* Bloque CSS*/} ¿En qué dispositivo se aplicará este bloque de código?. PCs de escritorio. Tabletas. Portátiles. Móviles.

¿Qué propiedad de las siguientes indica la posición de la sombra en un box-shadow?. inset. closest-side. inline. at 0% 0%.

¿Cuál de los siguientes no es un tipo de transformación?. Matrix. Scale. Translate. Skrew.

¿Cuál de los siguientes no es un tipo de gradiente correcto?. radial-gradient(circle from 30deg, #000 25%, #ccc 100%);. linear-gradient(to top, #000, 25%, #ccc);. conic-gradient(#1e90ff, beige, pink, green);. linear-gradient(to top, #000 25%, #ccc 100%);.

La definición “permiten crear bloques de código que pueden contener reglas CSS o u otros elementos SASS, de modo que puedan ser importados y reutilizados donde se necesiten” pertenece a: Los elementos anidados. Las directivas SASS. Los mixins. Las funciones.

¿Cuál de las siguientes no es una regla @ o directiva de SASS?. @extend. @import. @include. @warning.

Según la teoría, ¿cuál de las siguientes no es una ventaja a la hora de utilizar plantillas?. Facilidad de uso y configuración. Multitud de opciones. Mantenimiento simple y actualizado. Creación de sitios mobile-first.

Indica la afirmación correcta: Una plantilla web será un bloque de código escrito en HTML, CSS y JavaScript. Las plantillas web podrán estar formadas por código estático o código JavaScript. Para mostrar los contenidos en una plantilla web de forma dinámica, se hará uso de lenguajes de programación. Los sistemas de gestión de contenidos no utilizan plantillas utilizan plugins.

¿Para qué se utiliza la etiqueta template?. Para crear plantillas de cada apartado de la web y separarlas en archivos. Para crear un fragmento de código que se almacenará en el documento para usarlo después. Para crear interfaces que sirvan como plantillas. Para establecer las partes del código que se utilizarán en otros archivos externos usando JavaScript o PHP.

¿Cuál de los siguientes no es un repositorio de plantillas?. TemplateMonster. Nicepage. TemplatesUp. HTML5Up.

¿Cuál de los siguientes no es un framework CSS?. Basecamp CSS. Bootstrap. Bulma. Foundation.

Según la teoría, ¿qué dos puntos hay que tener en cuenta para el correcto funcionamiento de la librería Bootstrap?. Usar el HTML5 doctype: < ! doctype html >. Agregar la metaetiqueta responsive viewport. Incluir Bootstrap de un CDN. Compilar los archivos CSS y JavaScript.

¿Qué colores son los que establece Bootstrap como principales?. Primary, Secondary, Success, Info, Warning, Danger, Light, Dark. Blue, indigo, purple, pink, red, orange, yellow, green, teal y cyan. White, rango de gray de 100 a 900 y black. Blue, indigo, purple, pink, orange, yellow, green, teal, cyan, white, rango de gray de 100 a 900 y black.

¿Cómo alinea Bootstrap 5 el contenido de la retícula de forma predeterminada?. Usando float. Usando flexbox. Usando columnas. Usando contenedores.

¿Cuál de las siguientes clases no es correcta en Bootstrap 5?. col-sm-4. col-xs-5. container-fluid. offset-3.

¿Cuál de las siguientes clases produce espacios entre los elementos contenidos en el elemento donde se aplique la clase?. col-5. gx-5. row-5. offset-5.

Indica la clase correcta para los botones y listas: btn-primary-outline. btn-lg-primary. list-inline. list-item-group.

Indica la clase correcta para las migas de pan y la paginación: breadcrumb-item. pagination-item. pagination-link. breadcrumb-link.

Indica la clase correcta para las clases de los navegadores: nav-item-link. tabs. tab-content. navbar-expand-icon.

Indica la clase correcta para los acordeones y tarjetas: accordion-item-collapse. accordion-body-item. card-subtitle. card-button.

Indica la definición correcta para tooltip: Son botones BTarget que muestran información de ayuda al pulsarlos. Son enlaces BTarget que, al situar el ratón encima, muestran información de ayuda. Son unas pequeñas etiquetas que aportan información extra a los elementos y sirven como contador, para destacar un texto, etc. Son alertas que permiten mostrar cuadros de información y cuentan con un botón de cerrar.

¿Cuál de las siguientes no es una ventaja de las plantillas de pago?. Tener diseños más completos. Tener un tiempo de actualizaciones y soporte. Tener licencia Creative Commons. Tener una mayor variedad de elementos.

Indica la afirmación incorrecta. Para añadir código separado en diferentes archivos en un único archivo: Se necesita la función include() en PHP. Se necesitan lenguajes de programación. Se necesitan las funciones import() y export() en JavaScript. Se necesita la etiqueta HTML <template>.

Para elegir el framework apropiado, indica qué punto es correcto: Si es importante tener más funciones y componentes prefabricados, usaremos frameworks como como Tailwind. Si es necesario tener clases de utilidad que permitan más flexibilidad, usaremos frameworks como como Bootstrap o Bulma. El framework que se elija debería tener apoyo únicamente de la comunidad. Los conocimientos del desarrollador se deberán considerar a la hora de establecer los plazos del proyecto.

¿Cuál de estos ejemplos pertenecen al framework de ZURB Foundation?. <button class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">Button</button>. <button type="button" class="btn btn-outline-primary">Button</button>. <button class="button is-primary is-outlined">Outlined</button>. <button class="hollow button" href="#">Button/button>.

En la instalación de Bootstrap, ¿qué se debe hacer para poder personalizar los CSS del framework?. Modificar los SCSS de los archivos fuente. Modificar los CSS y JavaScript compilados. Modificar los archivos del CDN (Content Delivery Network). Modificar el archivo de la librería externa Popper.js.

La clase de Bootstrap 5 que proporciona un contenedor responsive con ancho fijo es: .col. .container. .container-fluid. .row.

Si quiero establecer los elementos de la interfaz en dispositivos móviles (x-small) y tabletas (small) en dos columnas y en dispositivos de mayor tamaño en una columna, ¿cuál de las siguientes clases añadiríamos a los elementos?. col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6. col-6 col-md-12. col-2 col-sm-2 col-md-2 col-lg-1 col-xl-1 col-xxl-1. col-sm-6 col-xxl-12.

¿Cuál de las siguientes es la definición de «ventanas modales»?. Son cuadros que utilizan un BTarget con forma de enlace que poseen el atributo title="MENSAJE" para indicar el mensaje que se mostrará cuando pase el ratón por encima del enlace. Son cuadros que muestran una alerta que usa la clase alert y que suele ir seguida por la clase alert-(COLOR) para proporcionarle un color de fondo y texto. Son cuadros de información similares a las tarjetas, con la diferencia de que están ocultos y aparecen al pulsar en un BTarget. Son elementos que sustituyen el contenido que debería aparecer por un cuadro que ocupa el mismo tamaño con un color de fondo uniforme.

¿Cuál de las siguientes clases muestra un cargador?. .badge. .progress-bar. .spinner-border. .carousel-indicators.

¿Cuál de las siguientes clases o atributos no pertenece a la barra lateral oculta?. data-bs-dismiss="offcanvas". .offcanvas-head. .offcanvas-start. .offcanvas-footer.