Questão de Programação — Programação de front end — FUNDATEC 2023
Programação›Programação de front end
Código
qq897138
Banca
FUNDATEC
Órgão
PROCERGS
Ano
2023
Nível
Superior
Cargo
ANC - Analista em Computação - Ênfase em Desenvolvimento Front-End
Em relação ao desenvolvimento front-end, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.( ) Quando há necessidade de sobreposição de elementos, é possível controlar a ordem de camadas com a propriedade "z-index". Sendo assim, os elementos com essa propriedade que têm valores mais altos são exibidos mais à frente e com valores mais baixos são exibidos mais ao fundo.( ) Quando se trata da construção de um layout fluido, deve-se definir os elementos da página web com unidades de medida relativas, tais como pixels, ao invés de unidades absolutas como porcentagens.( ) A tag <div> foi descontinuada, e não é mais recomendada a sua utilização na construção de estruturas em HTML 5 por conta das tags semânticas.( ) Um layout responsivo é aquele que se ajusta para otimizar a exibição em dispositivos específicos através da definição de diferentes breakpoints.A ordem correta de preenchimento dos parênteses, de cima para baixo, é:
AF – V – F – V.
BV – V – F – F.
CV – F – V – V.
DV – F – F – V.
EF – F – V – V.
Revelar gabarito e comentário▾
GabaritoD — V – F – F – V.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Desenvolvimento Front-End: Conceitos de Layout e CSS
Gabarito: letra D (V – F – F – V). A primeira e a quarta assertivas são verdadeiras; a segunda e a terceira são falsas. A banca testa conhecimentos básicos sobre a propriedade z-index, unidades de medida em layouts fluidos, o uso da tag <div> em HTML5 e a definição de layout responsivo.
1ª assertiva — ✅ Verdadeira
A propriedade z-index do CSS controla a ordem de empilhamento (stacking order) dos elementos posicionados. Quanto maior o valor, mais próximo do usuário (à frente); quanto menor, mais ao fundo. A descrição está correta.
2ª assertiva — ❌ Falsa
O enunciado inverte os conceitos: pixels são uma unidade absoluta, não relativa. Um layout fluido (flexível) deve utilizar unidades relativas como porcentagens (%), em, rem, vw, vh. A afirmação erra ao classificar pixels como unidades relativas.
3ª assertiva — ❌ Falsa
A tag <div>não foi descontinuada e continua válida em HTML5. Embora as tags semânticas (<header>, <nav>, <section>, <article>, <footer>) sejam recomendadas para melhorar acessibilidade e estrutura, <div> ainda é utilizada para agrupamentos genéricos ou quando não se aplica uma tag semântica específica.
4ª assertiva — ✅ Verdadeira
Layout responsivo é aquele que se adapta a diferentes tamanhos de tela, tipicamente por meio de breakpoints definidos em media queries do CSS. A descrição está correta.
Alternativa A — ❌ Incorreta
Sequência F – V – F – V. Erra na primeira (deveria ser V) e na segunda (deveria ser F).
Alternativa B — ❌ Incorreta
Sequência V – V – F – F. Erra na segunda (deveria ser F) e na quarta (deveria ser V).
Alternativa C — ❌ Incorreta
Sequência V – F – V – V. Erra na terceira (deveria ser F).
Alternativa D — ✅ Correta ⟵ GABARITO
Sequência V – F – F – V. Corresponde exatamente à análise.
Alternativa E — ❌ Incorreta
Sequência F – F – V – V. Erra na primeira (deveria ser V) e na terceira (deveria ser F).
NÃO CAIA NESSA!
A banca inverte o conceito de unidade relativa/absoluta na segunda assertiva. Muitos candidatos confundem pixel como unidade relativa por ser usado em telas, mas ele é fixo (absoluto). Lembre-se: pixel é absoluto; %, em, rem são relativos.
PEGA ESSA DICA!
Para questões de front-end, revise a diferença entre unidades absolutas (px, pt, cm) e relativas (%, em, rem, vw, vh). Além disso, saiba que <div> não foi descontinuada e tags semânticas são complementares, não substitutas.