NEW
Font size
Worksheets2TDS - Programação Frontend - 1002
Total questions: 10
Worksheet time: 5mins
O que significa o termo "design responsivo" no contexto do desenvolvimento web?
Um design que responde apenas a comandos do usuário.
Um design que se adapta a diferentes tamanhos de tela e dispositivos.
Um design que utiliza apenas cores responsivas.
Um design que responde a emails automaticamente.
Qual das opções abaixo é uma técnica comum para implementar design responsivo?
Utilizar apenas imagens em alta resolução.
Utilizar media queries em CSS.
Utilizar apenas tabelas para layout.
Utilizar fontes fixas em pixels.
Qual unidade de medida é mais recomendada para criar layouts responsivos?
px (pixels)
cm (centímetros)
em ou rem
in (polegadas)
O que a seguinte media query faz? ```css @media (max-width: 600px) { ... } ```
Aplica estilos apenas em telas maiores que 600px.
Aplica estilos apenas em telas menores ou iguais a 600px.
Aplica estilos em todas as telas.
Aplica estilos apenas em impressoras.
Qual das alternativas abaixo NÃO é uma vantagem do design responsivo?
Melhor experiência do usuário em diferentes dispositivos.
Necessidade de criar múltiplos sites para cada dispositivo.
Melhor ranqueamento em mecanismos de busca.
Facilidade de manutenção.
O que significa o termo "mobile first" no design responsivo?
Desenvolver primeiro para computadores de mesa.
Desenvolver primeiro para dispositivos móveis e depois adaptar para telas maiores.
Desenvolver apenas para tablets.
Desenvolver para impressoras.
Qual propriedade CSS pode ser usada para tornar uma imagem responsiva?
width: 100%;
font-size: 100px;
display: none;
position: fixed;
Qual das opções abaixo representa um breakpoint comum em design responsivo?
320px, 768px, 1024px
10px, 20px, 30px
1cm, 2cm, 3cm
100in, 200in, 300in
Por que é importante testar um site em diferentes dispositivos ao aplicar design responsivo?
Para garantir que o site funcione e seja visualmente agradável em todos os tamanhos de tela.
Para aumentar o tempo de desenvolvimento.
Para dificultar o acesso dos usuários.
Para reduzir a compatibilidade.
Qual das opções abaixo é um exemplo de framework que auxilia no desenvolvimento de design responsivo?
Bootstrap
Photoshop
Word
Excel
