Avalie o fragmento de texto a seguir e, em seguida, assinale com (V) para a técnica verdadeira e (F) para a falsa. O Web Design Responsivo é uma técnica de web design que permite que um site se adapte e seja exibido adequadamente em diferentes dispositivos, como smartphones, tablets e desktops. A criação de um layout que possa ajustar e otimizar sua apresentação em uma variedade de telas envolve o uso de técnicas como ( ) layout de grade rígido; Imagens e mídias flexíveis; Consultas a bancos de dados. ( ) layout de grade flexível; Imagens e mídias flexíveis; Consultas midiáticas. ( ) layout de grade rígido; Imagens e mídias rígidas; Consultas midiáticas. As técnicas são, respectivamente,
- A)V – V – F.
Errada, porque mistura elementos de responsividade com consultas a bancos de dados, que não fazem parte das técnicas de layout responsivo.
- B)F – V – F.
Certa, pois traz o conjunto clássico do design responsivo: grade flexível, imagens e mídias flexíveis e consultas midiáticas.
- C)V – F – F.
Errada, porque grade rígida e mídias rígidas contrariam a ideia de adaptação a diferentes tamanhos de tela.
- D)F – F – V.
Errada, porque repete a combinação de rigidez em grade e mídias, que não atende ao objetivo do web design responsivo.
- E)V – F – V.
Errada, porque o uso de grade rígida ou mídias rígidas não resolve a adaptação visual exigida em diferentes dispositivos.
Gabarito: B
Web Design Responsivo, ou responsive web design, é a ideia de fazer o site se adaptar ao tamanho e ao tipo de tela do usuário. Em vez de criar uma versão diferente para cada aparelho, você monta uma estrutura flexível que se reorganiza sozinha conforme a largura disponível. Isso melhora a leitura, a navegação e a experiência em celular, tablet e desktop. Na prática, o trio clássico do design responsivo é: layout de grade flexível, imagens e mídias flexíveis, e consultas midiáticas (media queries). A grade flexível usa medidas relativas, como porcentagens, em vez de travar tudo em pixels. As imagens e mídias também precisam ser flexíveis para não “estourarem” na tela. Já as media queries permitem aplicar estilos diferentes conforme características do dispositivo, como largura, resolução ou orientação. Por isso, o gabarito B está correto: a segunda afirmação descreve exatamente esse conjunto de técnicas. As opções com grade rígida ou mídias rígidas destoam da lógica do responsivo, porque rigidez é justamente o oposto do que se quer aqui. E a referência a consultas a bancos de dados não tem relação com essa técnica de layout; isso é assunto de back-end, não de adaptação visual da interface. Esse conteúdo é bem alinhado ao conceito difundido por Ethan Marcotte, que popularizou o termo responsive web design. Em prova, a banca costuma cobrar justamente essa associação: responsividade não é enfeite, é adaptação inteligente da interface.