Avaliação 2 - 2º C - módulo 3
11th Grade
•10 Qs
Similar activities
Revisão Programação Web - 2
10th Grade - Professional Development
•15 Qs
HTML & CSS
11th Grade
•14 Qs
2 TEC_Informações Lógica Computacional
11th Grade
•10 Qs
Quiz do Jhoninha
9th - 12th Grade
•10 Qs
Equipe do Módulo 2 - Robô Wireless
6th Grade - University
•10 Qs
Culminância Eletiva-Informatica
9th - 12th Grade
•14 Qs
Bits e Bytes - Que Mundo é esse
9th - 12th Grade
•8 Qs
HTML and CSS Review
11th Grade
•12 Qs
Avaliação 2 - 2º C - módulo 3
Quiz
•
Instructional Technology
•
11th Grade
•
Medium
Used 1+ times
FREE Resource
10 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 3 pts
Ao comparar os diferentes tamanhos de tela do protótipo do Figma, podemos observar 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 cabeç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, independente do dispositivo.
2.
MULTIPLE CHOICE QUESTION
30 sec • 3 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:
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
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á sendo aberta com um celular.
O metadado charset indica o idioma preferencial do usuário.
O metadado viewport detecta o tamanho do dispositivo que está acessando a aplicação.
O metadado charset se refere à codificação de caracteres.
3.
MULTIPLE CHOICE QUESTION
30 sec • 3 pts
Ítalo criou arquivos CSS individuais para o seu projeto e adicionou-os ao CSS principal com a tag @import.
@import url(“estilos/cabecalho.css”);
@import url(“estilos/corpo.css”);
@import url(“estilos/rodape.css”);
Com base no cenário acima, assinale a alternativa correta:
Ítalo conseguiu melhor desempenho no código, no entanto nada aconteceu, pois os arquivos não estavam declarados dentro do HTML.
Ao utilizar arquivos CSS individuais, ele manteve seu código mais organizado 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.
DRAG AND DROP QUESTION
1 min • 3 pts
(a) é um cabeçalho de conteúdo. O trecho de código abaixo é de um cabeçalho que contém a seguinte sequência. Observe:
< (b) class=”cabecalho”>
<a (c) =”index.html”>
< (d) src=”logo.svg” alt=”Logo da AluraBooks”>
</a>
< (e) >
Sendo assim, preenchea corretamente as lacunas no cabeçalho do código.
5.
REORDER QUESTION
1 min • 3 pts
Luiza está criando um e-commerce e quer desenvolver um menu com o seguinte comando:
- Ao clicar no ícone de classe carrinho, a lista minhas-compras deve ser exibida com todos os seus itens;
- Quando clicar novamente, a lista minhas-compras deve desaparecer.
Com base no cenário acima, ordene todos os blocos que farão a lista minhas-
-compras aparecer quando o ícone carrinho for clicado.
Ordene a sequência correta de blocos a seguir:
display: block;}
.minhas-compras {
:checked~
.carrinho
6.
DRAG AND DROP QUESTION
1 min • 3 pts
Jorge criou o código inicial do seu projeto com as seguintes propriedades CSS:
body {
background-color: (a) ;
font-family: (b) ;
font-size: (c) ;
font-weight: 700 ;
}
Ajude-o a organizar o valor de cada propriedade, com base na sua declaração correta, ordenando todos os blocos para preencher as lacunas do código.
7.
MULTIPLE CHOICE QUESTION
30 sec • 3 pts
Como o intuito do projeto é começarmos a desenvolver para mobile, vamos utilizar uma ferramenta do navegador para simular uma tela de celular. Com essa ferramenta, não precisaremos ter um celular à mão para testar o código que escrevemos, o que facilitará nosso trabalho. No Google Chrome, aperte F12 para abri-la. Utilize o atalho “Ctrl + Shift + M” para utilizar a opção “Toggle device tool bar”, onde podemos selecionar diversos tipos de tamanho de telas diferentes, baseadas nos celulares.
DevTools
TooggleDevice
Search console
workspace
Create a free account and access millions of resources
Similar Resources on Wayground
14 questions
HTML & CSS
Quiz
•
11th Grade
10 questions
2 TEC_Informações Lógica Computacional
Quiz
•
11th Grade
15 questions
R6_2.N_LC_3TRI_Métodos String Lógica Computacional
Quiz
•
9th Grade - University
15 questions
MEJORAMIENTO UNDECIMO PERIODO 2
Quiz
•
11th Grade
9 questions
JavaScript
Quiz
•
11th Grade
15 questions
Quiz de Programação com Scratch
Quiz
•
6th Grade - University
10 questions
Diseño Web I parcial
Quiz
•
9th - 12th Grade
10 questions
Quiz Matemática ll
Quiz
•
9th - 12th Grade
Popular Resources on Wayground
10 questions
SR&R 2025-2026 Practice Quiz
Quiz
•
6th - 8th Grade
30 questions
Review of Grade Level Rules WJH
Quiz
•
6th - 8th Grade
6 questions
PRIDE in the Hallways and Bathrooms
Lesson
•
12th Grade
10 questions
Lab Safety Procedures and Guidelines
Interactive video
•
6th - 10th Grade
10 questions
Nouns, nouns, nouns
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
11 questions
All about me
Quiz
•
Professional Development
15 questions
Subtracting Integers
Quiz
•
7th Grade