DIW 1r Avaluación

Quina etiqueta HTML s'utilitza per a inserir un enllaç?. a) <a>. b) <src>. c) <href>. d) <link>. e) >src<.

Com es defineix una llista numerada en HTML?. a)<ol>. b)<li>. c)<ul>. d)<dl>.

Quin atribut s'utilitza en l'etiqueta de formulari (form) per a especificar on s'envien les dades?. a) method. b) action. c) enctype. d) url.

Quina és l'etiqueta que s'utilitza per a definir una cel·la d'encapçalament d'una taula HTML?. a) <cell-header>. b) <header>. c) <th>. d) <tdh>.

Quina és l'etiqueta que s'utilitza per a agrupar cel·les de dades en una taula HTML?. a) <group>. b) <td>. c) <td-group>. d) <data-group>.

Quina de les següents etiquetes HTML s'utilitza per a crear una llista no ordenada?. a) <dl>. b) <ul>. c) <li>. d) <ol>.

Quina etiqueta s'utilitza per a crear elements d'una llista en HTML?. a) <li>. b) <dl>. c) <ul>. d) <ol>.

Quina de les següents etiquetes s'utilitza per a agrupar elements en un formulari HTML?. a) <div>. b) <legend>. c) <span>. d) <fieldset>.

Quina és l'etiqueta utilitzada per a crear una llista de definició en HTML?. a) <dl>. b) <ol>. c) <li>. d) <ul>.

Com es crea una llista desordenada amb cercles com a marcadors en HTML?. a) <ul type="none">. b) <ul type="circle">. c) <ul type="square">. d) <ul type="disc">. e) <url type="disc">.

Quan hi ha conflictes entre regles CSS, quin concepte descriu com es decidix quina regla preval?. a) Flotació. b) Herència. c) Especificitat. d) Prioritat. e) Totes les anteriors.

Quina de les següents propietats CSS s'utilitza per a definir l'espai entre el contingut d'un element i la seua vora?. a) Border (Vora). b) Farciment (Padding). c) Espaiat de text. d) Marge. e) Cap opció és correcta.

Si un element té un marge inferior (margin-bottom) de 20px i un altre element està col·locat immediatament davall d'ell, quina serà la distància total entre els marges d'aquests dos elements?. a) 40px. b) 10px. c) 0px. d) 20px.

Quin valor de la propietat "display" en CSS fa que un element es mostre com un element en línia, però encara permet establir l'amplària i l'altura?. a) block. b) inline-block. c) inline. d) none.

Si tens una regla CSS que establix ".main-area { float: left; }", quin element o elements es veuran afectats per esta regla?. a) Cap element, ja que la regla està mal escrita. b) Tots els elements en la pàgina. c) Només l'element amb la classe "main-area". d) Tots els elements amb la classe "main-area".

Quin és el propòsit principal de la propietat "box-sizing" en CSS?. a) Establir els colors de fons d'un element. b) Canviar la font d'un element. c) Controlar l'opacitat d'un element. d) Definir el model de caixa d'un element.

Quin és el valor de "display" en CSS que fa que un element ocupe tota l'amplària disponible i comence en una nova línia?. a) block. b) none. c) inline. d) inline-block.

Què passa si dues regles CSS tenen la mateixa especificitat i s'apliquen al mateix element?. a) Ambdues regles s'apliquen a parts iguals. b) L'última regla trobada en el document té prioritat. c) S'aplica la regla definida en l'arxiu CSS més gran. d) El navegador llança un error de conflicte. e) Es produeix una combinació.

Quina de les següents regles CSS té major especificitat?. a) .header h1. b) h1. c) #main .header h1. d) #main h1.

Quina de les següents regles CSS té menor especificitat?. a) .sidebar a. b) #content a. c) a. d) #content a:hover.

És cert que "Body footer p" és més específic que "footer p" en termes de l'especificitat del selector?. a) Sí, "Body footer p" és més específic. b) Ambdós són igualment específics. c) Cap dels dos és específic. d) No, "footer p" és més específic.

És cert que especificar una classe té més prioritat que la regla anterior?. a) Cap de les anteriors. b) Sí, especificar una classe té més prioritat. c) Depén de la classe en qüestió. d) No, la prioritat és la mateixa.

És cert que especificar un element afegint a continuació una classe és més específic que indicar solament la classe?. a) Cap de les anteriors. b) No, l'especificitat és la mateixa. c) Depén de la classe i l'element en qüestió. d) Sí, és més específic.

Com es pot aplicar un caràcter descendent utilitzant un element HTML i una classe en selectors de classe?. a) No és possible aplicar un caràcter descendent en selectors de classe. b) Utilitzant un símbol d'exclamació (!) entre l'element HTML i la classe, com "element!classe.". c) Utilitzant un guionet baix (_) entre l'element HTML i la classe, com "element_classe.". d) Utilitzant un espai entre l'element HTML i la classe, com "element .classe.".

Quin és el comportament d'un element amb el valor de "display" en CSS establit en "inline"?. a) L'element s'utilitza per a ocultar un element. b) L'element es mostra com un element en línia, però crea espais al seu voltant. c) L'element es mostra com un element en línia i no té en compte els elements que l'envolten. d) L'element es mostra com un element en bloc.

Los elementos conceptuales del diseño visual incluyen: el punto, __________, el plano y el volumen. a) La línea. b) El contorno. c) La curva. d) La forma.

¿Cuál de estos principios se aplica de manera directa en la disposición de elementos dentro de una zona de navegación web?. a) Principio de semejanza. b) Principio de escala. c) Principio de contraste. d) Principio de proximidad.

Una guía de estilo para un sitio web debe contener: a) El formato, la posición y el tamaño de las áreas interactivas en la página. b) La lista de colores y fuentes utilizados en la interfaz de usuario. c) Los nombres del equipo de diseño y desarrollo. d) Las imágenes utilizadas en los artículos de contenido.

Un sitio web con 23 secciones autónomas, cada una con su propia página de contenido, debería utilizar una estructura de navegación tipo: a) Jerárquica. b) Lineal. c) Reticular. d) Lineal con jerarquía.

¿Cuál de estos principios NO es fundamental en el diseño de patrones visuales?. a) Principio de semejanza. b) Principio de contraste. c) Principio de simetría. d) Principio de proximidad.

Selecciona la afirmación correcta sobre la estructura de navegación en sitios web: a) La estructura reticular permite la navegación entre todas las páginas de manera libre. b) La estructura lineal es ideal para sitios web pequeños con poca información. c) La estructura jerárquica promueve la lectura secuencial dentro de la misma sección. d) Los sitios web con más de 20 páginas deben evitar la estructura reticular.

Las guías de estilo en el desarrollo de una interfaz web se crean durante la fase de: a) Pruebas y optimización. b) Desarrollo. c) Planeación. d) Documentación final.

¿Qué se entiende por usabilidad en el diseño de interfaces web?. a) La capacidad de atraer a una gran cantidad de usuarios. b) La eficiencia con la que los usuarios pueden completar tareas dentro de la interfaz. c) El número de funciones que ofrece una interfaz web. d) El diseño estético y visual de la interfaz.

¿Qué describe mejor la diferencia entre Bootstrap y Visual Studio Code en el desarrollo web?. a) Bootstrap es un entorno de desarrollo integrado (IDE), y Visual Studio Code es un editor de código. b) Bootstrap es un marco de diseño web con componentes predefinidos, y Visual Studio Code es un editor de código utilizado para desarrollar HTML, CSS y JavaScript. c) Bootstrap es un editor de código, mientras que Visual Studio Code es un framework de diseño de interfaz. d) Bootstrap es una herramienta de creación gráfica, mientras que Visual Studio Code es una plataforma de depuración de código.

¿A qué nos referimos con "maquetación web"?. a) El proceso de optimizar la visibilidad de una página web en motores de búsqueda. b) El proceso de escribir el código que estructura y organiza el contenido de una página. c) El proceso de asegurar que una página web funcione correctamente en distintos navegadores. d) El proceso de diseñar la disposición visual de una página web.

Per a canviar la mida d'un camp d'entrada d'un formulari en CSS, quina propietat s'ha d'utilitzar?. a) border-radius. b) font-weight. c) font-size. d) text-decoration.

Quina declaració CSS s'utilitza per a incorporar fonts web personalitzades?. a) @keyframes. b) @font-face. c) @media. d) @import.

Quin és el valor de posició predeterminat per a la majoria dels elements en CSS?. a) Relative. b) Absolute. c) Static. d) Fixed.

Quan un element es posiciona com a "absolute", respecte a què es col·loca?. a) El cos (body) del document. b) Respecte al seu element contenidor (si té la posició establida, sinó, el body seria el seu referent). c) El marge superior de la finestra del navegador. d) Al centre de la pàgina.

Quina és la principal característica d'un element amb posició "fixed"?. a) Es posiciona respecte al seu element pare més pròxim. b) Es desplaça juntament amb el contingut de la pàgina mentre es desplaça la barra de desplaçament. c) Es posiciona respecte a la finestra del navegador apareixent en la mateixa posició encara que l'usuari es desplace. d) No es mostra a la pàgina.

Quin és el propòsit de la propietat CSS font-family?. a) Canviar la mida del text. b) Establir el tipus de font que s'utilitzarà per al text. c) Afegir ombres al text. d) Definir l'espaiat entre caràcters.

Per a centrar verticalment el contingut en una cel·la d'una taula en CSS, quina propietat s'utilitza?. a) vertical-center. b) align-center. c) vertical-align. d) center-vertical.

Quina és la diferència entre th i td en una taula HTML, i com s'apliquen estils CSS a aquestes cel·les?. a) th i td són el mateix, i s'apliquen estils de la mateixa manera. b) th s'utilitza per a cel·les de dades, i td s'utilitza per a cel·les d'encapçalament. S'apliquen estils de manera diferent. c) th s'utilitza per a cel·les d'encapçalament, i td s'utilitza per a cel·les de dades. S'apliquen estils de la mateixa manera. d) th i td no s'utilitzen en taules HTML.

Quina és la notació CSS per a aplicar estils a totes les files d'una taula?. a) table tr. b) table tr td. c) table th tr. d) table tbody tr.

Com s'aplica CSS a un formulari HTML per a canviar el color de fons d'un camp d'entrada de text quan es focalitza?. a) Usar input:active { background-color: lightblue; }. b) Usar input:focus { background-color: lightblue; }. c) Usar input:hover { background-color: lightblue; }. d) Usar input:selected { background-color: lightblue; }.

Quin efecte s'aconsegueix en utilitzar la pseudoclasse :hover en una regla CSS?. a) Canvia l'estil d'un element quan es focalitza. b) Canvia l'estil d'un element quan s'activa. c) Canvia l'estil d'un element quan el punter del ratolí es col·loca damunt d'ell. d) Canvia l'estil d'un element quan es selecciona.

Si tens un document HTML que conté diverses taules i vols aplicar estils CSS a una taula específica sense afectar les altres, com aconsegueixes això?. a) Utilitzant una classe única per a la taula i aplicant estils basats en aquesta classe. b) Utilitzant l'etiqueta <table> per a definir la taula que s'ha d'estilitzar. c) No és possible aplicar estils a una taula específica si hi ha diverses taules en el document. d) Utilitzant l'etiqueta <div> per a envoltar la taula que s'ha d'estilitzar.

Quin és el propòsit de la propietat border-collapse en CSS i quins són els seus valors possibles?. a) border-collapse estableix l'amplària de la vora d'una taula i els seus valors són thin, medium i thick. b) border-collapse estableix l'espaiat entre les cel·les d'una taula i els seus valors són collapse i separate. c) border-collapse defineix el color de fons d'una taula i els seus valors són transparent i solid. d) border-collapse defineix l'alineació vertical del contingut d'una cel·la i els seus valors són top, middle i bottom.

En una taula HTML, què aconsegueix la regla CSS table tr :nth-child(2), table tr :nth-child(3)?. a) Aplica estils a les files (<tr>) en la segona i tercera posició en totes les taules de la pàgina. b) Aplica estils a les files (<tr>) que contenen cel·les (<td>) en la segona i tercera posició en totes les taules de la pàgina. c) Aplica estils a les cel·les (<td>) en la segona i tercera posició en totes les files de totes les taules de la pàgina. d) No té cap utilitat en taules HTML.

Què fa la propietat CSS line-height?. a) Controla l'espaiat entre lletres. b) Estableix l'altura de la línia de text en un element. c) Defineix la font que s'utilitzarà per al text. d) Canvia la mida del text.

Com es defineix la propietat background-size per establir una mida específica de 200px per 120px?. a. background-size: 200px 120px;. b. background-size: cover;. c. background-size: no repeat;. d. background-size: right center;.

Quin és el propòsit de la propietat background en l’última línia del text?. a. Establir el color de fons. b. Agrupar diverses propietats en una sola utilitzant CSS Shorthand. c. Definir la posició de la imatge de fons. d. Especificar si la imatge de fons s’ha de repetir o no.

Quin valor s’utilitza en background-size per assegurar que la imatge de fons cobreixi completament l’element, sense distorsió?. a. cover. b. no-repeat. c. center center. d. 200px 120px.

Com s’utilitza la propietat linear-gradient per aplicar un fons amb una transició lineal entre dos colors en un element?. a. background-gradient: linear(#ff0000, #0000ff);. b. background: linear-gradient(#ff0000, #0000ff);. c. gradient: linear(#ff0000, #0000ff);. d. background-color: linear-gradient(#ff0000, #0000ff);.

Quin és el propòsit de la propietat background-attachment i quins són els seus possibles valors?. a. Establir la posició inicial de la imatge de fons. b. Controlar si la imatge de fons es desplaça amb el contingut o roman fixa. c. Definir la mida de la imatge de fons. d. Especificar el color de fons de l’element.

Què significa la propietat background-blend-mode i com pot afectar l’aparença d’una imatge de fons?. a. Controla la posició de la imatge de fons en l’eix z. b. Determina la forma en què es barregen els colors de fons amb la imatge. c. Defineix l’opacitat de la imatge de fons. d. Estableix la relació d’aspecte de la imatge de fons.

En una media query, com s’especifica que l’estil s’aplique només a dispositius amb un ample de pantalla menor o igual a 600px?. a. @media (max-width: 600px). b. @media (min-width: 600px). c. @media (width <= 600px). d. @media (screen-width: 600px).

Quin és el benefici d’utilitzar un sistema de grid “responsive” en comparació amb un disseny fix?. a. Millora la velocitat de càrrega del lloc. b. Permet un disseny més flexible que s’adapta a diferents dispositius i mides de pantalla. c. Redueix la quantitat de codi necessari per al disseny. d. Augmenta la compatibilitat amb navegadors antics.

Com es pot representar una fila que conté dues columnes de mida 6 en un sistema de grid de dotze columnes?. a. <div class="row"><div class="col-6"></div><div class="col-6"></div></div>. b. <div class="row"><div class="col-12"></div><div class="col-12"></div></div>. c. <div class="row"><div class="col"></div><div class="col"></div></div>. d. <div class="row"><div class="col-2"></div><div class="col-2"></div></div>.

En el sistema de quadrícules descrit, quina classe s’utilitzaria per definir la mida de les columnes en telèfons intel·ligents?. a. .col-md-(número de columnes). b. .col-lg-(número de columnes). c. .col-xs-(número de columnes). d. .col-sm-(número de columnes).

Quan s’aplicaria la classe .col-md-(número de columnes) en el sistema de quadrícules?. a. En tauletes amb una resolució menor a 768px. b. En telèfons intel·ligents amb una resolució major o igual a 768px i menor que 992px. c. En ordinadors amb una resolució major o igual a 992px. d. En ordinadors de gran mida amb una resolució major o igual a 1200px.

Quina és la resolució mínima requerida per aplicar la classe .col-lg-(número de columnes)?. a. 768px. b. 992px. c. 1200px. d. 576px.

Què significa la declaració @media screen and (min-width: 1200px) en una fulla d’estil CSS?. a. Aplica estils només a dispositius amb una pantalla més petita que 1200px. b. Aplica estils només a dispositius amb una pantalla més gran que 1200px. c. Aplica estils a tots els dispositius. d. Desactiva els estils en dispositius amb una resolució menor a 1200px.

Quina classe i estil s’aplicarien a les columnes en dispositius de gran mida (col-lg-#) segons la media query proporcionada?. a. Classe: .col-md-6, Estil: width:50%;. b. Classe: .col-sm-6, Estil: width:50%;. c. Classe: .col-lg-6, Estil: width:50%;. d. Classe: .col-xs-6, Estil: width:50%;.

En quina situació s’aplicaran els estils proporcionats en la media query?. a. En dispositius amb una resolució menor a 1200px. b. En dispositius amb una resolució major o igual a 1200px. c. En tots els dispositius. d. En dispositius amb una resolució exacta de 1200px.