Questões de Concurso Para programador visual

Um website foi diagramado de modo a exibir seu conteúdo em três colunas de acordo com o seguinte código CSS:

.col-1 {width: 20%};

.col-2 {width: 50%};

.col-3 {width: 25%}

Entretanto, em dispositivos com largura de tela máxima de 640 pixels (ou quando a janela do navegador for reduzida a esta largura máxima), cada coluna deve ocupar 100% da largura de tela. Para tal, o webdesigner responsável pelo desenvolvimento do website optou por usar uma media query para detectar o tamanho da janela, alterando a largura de todas as colunas quando necessário. A sintaxe correta do código usado é:

Ao projetar um website para visualização em resoluções de smartphones de baixo custo até FullHD (1920x1080), um webdesigner optou por posicionar a foto de uma paisagem (paisagem.jpg) como elemento decorativo no topo de cada página. Essa imagem deve ocupar toda a largura da página e deve possuir uma altura de 280 pixels. A imagem não pode ser redimensionada ou distorcida quando o tamanho da janela do navegador for alterado - ela deverá ser cortada, exibindo somente o que couber na área visível. O código CSS para gerar a caixa que receberá a imagem é:

Para a produção de um website responsivo com grande quantidade de textos e imagens, as técnicas mais eficientes se baseiam na aplicação de:

Um webdesigner recebe a tarefa de diagramar um relatório de vendas em uma página web. O conteúdo do relatório consiste em um texto detalhando minuciosamente os resultados e um conjunto de dados tabulados indicando a quantidade, a localização e o preço de cada um dos produtos vendidos. Para seguir a identidade visual do restante do website, o texto deve ser diagramado em duas colunas. A forma recomendada para desenvolver a página é:

Um webdesigner recebe a tarefa de desenvolver um website responsivo. O site deve ser visualizado no maior número de dispositivos possíveis, de smartphones de baixo custo a computadores de última geração, sem omitir nenhuma informação crucial para a compreensão do conteúdo. Para tal, a metodologia mais indicada de acordo com o conceito de mobile first é conhecida como: