QUIZ 2 1 - Fundamentos de Responsividade

Prévia do material em texto

19/10/2021 18:37 QUIZ 2.1 - Fundamentos de Responsividade: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170014 1/5
QUIZ 2.1 - Fundamentos de Responsividade
Entrega Sem prazo Pontos 2 Perguntas 5
Limite de tempo Nenhum Tentativas permitidas 3
Este teste não está mais disponível, pois o curso foi concluído.
Histórico de tentativas
Tentativa Tempo Pontuação
MANTIDO Tentativa 3 1.666 minutos 1,8 de 2
MAIS RECENTE Tentativa 3 1.666 minutos 1,8 de 2
Tentativa 2 7 minutos 1,73 de 2
Tentativa 1 18.581 minutos 0,67 de 2
 As respostas corretas estão ocultas.
Pontuação desta tentativa: 1,8 de 2
Enviado 18 abr em 19:44
Esta tentativa levou 1.666 minutos.
0,4 / 0,4 ptsPergunta 1
Sobre os tipos de layouts para web, selecione as correspondências
verdadeira para os conceitos abaixo:
É um layout orientado em
sua prioridade por
porcentagem (%) onde o
objetivo principal é fazer
o os componentes
encaixarem na tela
(viewport).
 Layout Líquido
É um layout construído
para uma resolução
 Layout Fixo
https://pucminas.instructure.com/courses/65656/quizzes/170014/history?version=3
https://pucminas.instructure.com/courses/65656/quizzes/170014/history?version=3
https://pucminas.instructure.com/courses/65656/quizzes/170014/history?version=2
https://pucminas.instructure.com/courses/65656/quizzes/170014/history?version=1
19/10/2021 18:37 QUIZ 2.1 - Fundamentos de Responsividade: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170014 2/5
específica de tela, como
por exemplo: 480, 768,
980, 1200, 1600.
É um layout inteligente
que é capaz de ajustar o
tamanho dos
componentes, esconder e
priorizar itens de
conteúdo e trabalha com
pixels (PX) e
porcentagens (%).
 Layout Responsivo
0,2 / 0,4 ptsPergunta 2ParcialParcial
Sobre as técnicas CSS de Layout Flex e Grid, associe corretamente:
Layout Flex Mais indicado para alin
Layout Grid Mais indicado para alin
0,4 / 0,4 ptsPergunta 3
Quando vamos desenvolver uma interface web devemos primeiro
projetar tudo que vai ser construído. Pensando nas ferramentas e
conceitos para projeto de interfaces apresentadas na videoaula -
Layout Web/Mobile e Responsividade 4 / 4, complete as lacunas:
Toda vez que precisamos apresentar um conceito que ainda está na
cabeça de um indivíduo podemos utilizar a estrutura de
19/10/2021 18:37 QUIZ 2.1 - Fundamentos de Responsividade: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170014 3/5
Responder 1:
Responder 2:
Responder 3:
Responder 4:
[ Selecionar ] para mostrar como conceitos se
relacionam entre si e definir por exemplo ordens de importância.
A estrutura de páginas web é definida pelo MAPA DO SITE .
Uma representação de baixa fidelidade do arranjo do conteúdo e
componentes da página é feito através do
[ Selecionar ]
O [ Selecionar ] é responsável por mostrar
visualmente como será a navegação do usuário por uma página web.
MAPAS CONCEITUAIS 
MAPA DO SITE 
WIREFRAME 
TASK FLOW 
0,4 / 0,4 ptsPergunta 4
Baseado no seu entendimento sobre CSS Layout Flex complete o
código abaixo:
.header { 
 background: [ Selecionar ] ; 
 display: flex ; 
 flex-wrap: wrap ; 
19/10/2021 18:37 QUIZ 2.1 - Fundamentos de Responsividade: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170014 4/5
Responder 1:
Responder 2:
Responder 3:
Responder 4:
Responder 5:
Responder 6:
 justify-content: [ Selecionar ] ; 
 align-items: [ Selecionar ] ; 
 padding: [ Selecionar ] ; 
}
#727272 
flex 
wrap 
space-between 
center 
20px 
0,4 / 0,4 ptsPergunta 5
Sobre o Viewport, marque as alternativas que são verdadeiras:
 
O viewport é responsável por adequar o layout fixo aos vários formatos
e resoluções disponíveis para desktops, tablets e smartphones.
 A viewport é a área visível do usuário de uma página da web. 
19/10/2021 18:37 QUIZ 2.1 - Fundamentos de Responsividade: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170014 5/5
 
A janela de visualização varia de acordo com o dispositivo e será
menor em um smartphone do que na tela do desktop.
 
Existe um grande número de resoluções de referencia para os
tamanhos das viewports visto que existem diferentes tipos de telas
para Smartphones e Tablets.
Pontuação do teste: 1,8 de 2