A-2º Ano Costa Neto
Quiz
•
Other
•
2nd Grade
•
Hard
JOAO CARLOS LOPES
Used 3+ times
FREE Resource
Enhance your content
6 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
2 mins • 4 pts
Página web: utilizando a responsividade em aplicações com HTML
e CSS - Parte 1
Questão 1 – Protótipos e layouts
Ao comparar os diferentes tamanhos de tela do protótipo do Figma, podemos ob-
servar a seguinte afirmação:
O layout smartphone (celular) permite adicionarmos mais informações no
cabeçalho e rodapé do site, como o logotipo completo e mais de um menu
suspenso.
A tela de tamanho desktop (computador) possui menor espaço em seu ca-
beçalho, sendo necessário o uso de um logotipo reduzido e menu suspenso.
A tela de tamanho smartphone (celular) possui menor espaço em seu cabe-
çalho, sendo necessário o uso de um logotipo reduzido e menu suspenso.
As telas do protótipo do Figma são todas do mesmo tamanho, independen-
te do dispositivo.
2.
MULTIPLE CHOICE QUESTION
1 min • 4 pts
Durante a construção da estrutura básica de tags do HTML, inserimos metatags
dentro da tag <head>. Essas metatags definem metadados, ou seja, informações
sobre dados de um documento HTML. A seguir, você pode visualizar novamente
quais metadados foram informados no projeto Alura Book: que esta na imagem:
Das afirmações abaixo, selecione as corretas sobre metadados. Selecione duas
alternativas.
O metadado com nome viewport indica ao HTML que a página está sen-
do aberta com um celular.
O metadado charset indica o idioma preferencial do usuário.
O metadado viewport detecta o tamanho do dispositivo que está acessan-
do a aplicação.
O metadado charset se refere à codificação de caracteres.
3.
MULTIPLE CHOICE QUESTION
1 min • 4 pts
Página web: utilizando a responsividade em aplicações com HTML
e CSS - Parte 1
Ítalo criou arquivos CSS individuais para o seu projeto e adicionou-os ao CSS prin-
cipal com a tag @import.
Ítalo conseguiu melhor desempenho no código, no entanto nada aconte-
ceu, pois os arquivos não estavam declarados dentro do HTML.
Ao utilizar arquivos CSS individuais, ele manteve seu código mais organiza-
do e garantiu melhor desempenho do site, evitando a repetição de estilos.
A exibição dos estilos corpo e rodapé resultará em erro, pois a tag @import
só pode ser usada uma única vez para importar apenas um arquivo CSS.
4.
MULTIPLE CHOICE QUESTION
1 min • 4 pts
Amanda criou uma lista com suas frutas favoritas, no entanto, ela percebeu que
a lista era exibida pela metade e sem o título. Para resolver esse problema, ela uti-
lizou uma propriedade CSS de posicionamento.
Observe a lista antes e depois da correção:
Amanda utilizou a propriedade padding para posicionar o conteúdo corre-
tamente na página.
A propriedade CSS utilizada foi top, para definir um espaçamento superior
na lista.
Amanda usou a propriedade display: none; para alinhar o posicionamen-
to superior na lista.
Amanda utilizou a propriedade background-color para destacar o título
da lista e resolver o problema de exibição.
5.
MULTIPLE CHOICE QUESTION
1 min • 4 pts
Jack desenvolveu o seguinte formulário:
Agora, Jack quer que o campo nome fique sempre com letras maiúsculas. Assi-
nale a alternativa que indica corretamente a propriedade do CSS que pode aju-
dar Jack:
Jack deve utilizar a propriedade text-decoration para inserir a obrigato-
riedade de letras maiúsculas.
Jack deverá usar a propriedade text-align para criar essa verificação de
texto.
Jack deve utilizar a propriedade text-transform para transformar o texto
em letras maiúsculas.
6.
MULTIPLE CHOICE QUESTION
1 min • 4 pts
Observe a imagem abaixo que contém o código da fonte Roboto no site Google
Fonts:
Devemos copiar o URL do site e colar em tags <a>, desta forma:
<a href=”https://fonts.googleapis.com”></a>
<aref=”https://fonts.googleapis.com/css2?family=Roboto&display=s-
wap”></a>
Devemos copiar e colar o primeiro código da imagem dentro da tag:
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Roboto&dis-
play=swap” rel=”stylesheet”>
É necessário copiar e colar o segundo código da imagem dentro da tag:
.roboto-regular {
font-family: “Roboto”, sans-serif;
font-weight: 400;
font-style: normal;
}
Similar Resources on Wayground
10 questions
Contabilidad y costos
Quiz
•
1st Grade - University
10 questions
CONOCIENDO LA GUITARRA
Quiz
•
1st - 6th Grade
10 questions
Prueba diagnóstica de español
Quiz
•
1st - 5th Grade
10 questions
Przygody Tomka Sawyera
Quiz
•
1st - 5th Grade
10 questions
INFORME DE EXPERIMENTOS 3ER GRADO
Quiz
•
1st - 5th Grade
7 questions
gacha life uwu 7w7:v
Quiz
•
1st - 2nd Grade
10 questions
posesiv pronomen - Familie
Quiz
•
1st - 5th Grade
10 questions
Deutsch aussprache
Quiz
•
1st - 5th Grade
Popular Resources on Wayground
20 questions
Brand Labels
Quiz
•
5th - 12th Grade
11 questions
NEASC Extended Advisory
Lesson
•
9th - 12th Grade
10 questions
Ice Breaker Trivia: Food from Around the World
Quiz
•
3rd - 12th Grade
10 questions
Boomer ⚡ Zoomer - Holiday Movies
Quiz
•
KG - University
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
Adding Integers
Quiz
•
6th Grade
10 questions
Multiplication and Division Unknowns
Quiz
•
3rd Grade
20 questions
Multiplying and Dividing Integers
Quiz
•
7th Grade
Discover more resources for Other
10 questions
Boomer ⚡ Zoomer - Holiday Movies
Quiz
•
KG - University
10 questions
Verbs
Quiz
•
2nd Grade
20 questions
addition
Quiz
•
1st - 3rd Grade
20 questions
Subject and predicate in sentences
Quiz
•
1st - 3rd Grade
26 questions
SLIME!!!!!
Quiz
•
KG - 12th Grade
7 questions
Compare and Classify Quadrilaterals
Lesson
•
2nd - 4th Grade
10 questions
Subjects and Predicates | Subject and Predicate | Complete Sentences
Interactive video
•
2nd Grade
20 questions
Place Value
Quiz
•
KG - 3rd Grade