2TDS - Programação Frontend - 1002

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