Avaliação 2 - 2º C - módulo 3

Avaliação 2 - 2º C - módulo 3

11th Grade

10 Qs

quiz-placeholder

Similar activities

Recuperação I Programação 2º Ano

Recuperação I Programação 2º Ano

11th Grade

10 Qs

Máquinas de efectos encadenados

Máquinas de efectos encadenados

1st - 12th Grade

15 Qs

Cuarta generación

Cuarta generación

11th Grade

12 Qs

CONOCIENDO LAS PIEZAS DE AJEDREZ

CONOCIENDO LAS PIEZAS DE AJEDREZ

1st - 12th Grade

12 Qs

PROGRAMACION 5TO SEM

PROGRAMACION 5TO SEM

1st - 12th Grade

10 Qs

Aprendiendo Webex Meetings

Aprendiendo Webex Meetings

1st - 12th Grade

13 Qs

tik tok

tik tok

6th Grade - University

10 Qs

Examen Parcial 2do y 3ro básico

Examen Parcial 2do y 3ro básico

8th Grade - University

10 Qs

Avaliação 2 - 2º C - módulo 3

Avaliação 2 - 2º C - módulo 3

Assessment

Quiz

Instructional Technology

11th Grade

Medium

Used 1+ times

FREE Resource

AI

Enhance your content in a minute

Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...

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.

Header
header
href
img
/header
foot
/foot

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:

:checked~

.carrinho

.minhas-compras {

display: block;}

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.

#f5f5f5
Poppins
20 px
flex
column

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

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?