AV1B - Avaliação Online 2: AGO TADS 4 - Programação WEB

Prévia do material em texto

16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 1 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
AV1B - Avaliação Online 2
Entrega 18 set em 23:59 Pontos 25 Perguntas 10
Disponível 6 set em 0:00 - 18 set em 23:59 13 dias
Limite de tempo 120 Minutos Tentativas permitidas 2
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 15 minutos 22,5 de 25
! As respostas serão mostradas após a última tentativa
Pontuação desta tentativa: 22,5 de 25
Enviado 13 set em 18:28
Esta tentativa levou 15 minutos.
Leia com atenção as orientações abaixo antes de iniciar esta prova:
Serão permitidas duas tentativas para realizar esta avaliação, prevalecendo a maior nota.
Programe-se para realizar suas avaliações com tranquilidade, pois você terá 120 minutos
cronometrados (por tentativa) para conclusão e envio das respostas.
Ao iniciar a avaliação o cronômetro não para, independentemente da plataforma estar aberta
ou não;
Durante a realização da prova:
Será exibido uma questão por vez, podendo “Avançar” ou “Voltar” quando necessário
dentro do período da tentativa;
A tentativa somente será contabilizada após clicar no botão “Enviar”.
Fazer o teste novamente
 
2,5 / 2,5 ptsPergunta 1
https://newtonpaiva.instructure.com/courses/12995/quizzes/28788/history?version=1
https://newtonpaiva.instructure.com/courses/12995/quizzes/28788/take?user_id=12462
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 2 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Considere o seguinte código CSS:
Marque a alternativa que descreve corretamente a qual elemento do
HTML a cor de fundo azul será aplicada:
 Ao elemento "<p>" que está antes do elemento “<div>”. 
 Ao elemento "<p>" colocado próximo a um elemento “<div>”. 
 A todos os elementos “<p>” e “<div>”. 
 Ao elemento "<p>" colocado dentro do elemento “<div>”. 
 
Ao elemento "<p>" colocado imediatamente após o elemento “<div>”.
O seletor “combinador irmão adjacente”, estiliza um elemento
que vem diretamente após um outro no mesmo nível de
hierarquia no HTML.
De acordo com a unidade 3, Seletores CSS.
 
0 / 2,5 ptsPergunta 2IncorretaIncorreta
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 3 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Comentários são anotações que podem ser incluídas no código sem
modificar o programa executado. Esse recurso serve somente para
dar mais informação sobre um determinado trecho de código.
Assinale a opção abaixo que apresenta a sintaxe correta de um
comentário no CSS:
 # 
 /**/ 
 // 
 ## 
 <!-- --> 
 
2,5 / 2,5 ptsPergunta 3
A instrução do CSS3 "div p {background-color: blue;}" aplica a cor
de fundo azul ao elemento "<p>" colocado:
 imediatamente após o elemento <div>. 
 Imediatamente antes do elemento <div>. 
 Próximo a um elemento <div>. 
 dentro do elemento <div>. 
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 4 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
 Como pai do elemento <div>. 
Como apresentado na unidade 3, Seletores CSS, o seletor
combinador descendente aplica estilo a um elemento dentro
de outro.
 
2,5 / 2,5 ptsPergunta 4
No CSS, a propriedade margin define um espaço nos quatro lados
do elemento. Essa propriedade pode ser utilizada na forma
abreviada ou na forma que especifica um valor para cada lado do
elemento, por exemplo:
margin: 10px 50px 20px 0px;
Assinale a afirmação correta sobre o significado da instrução
anterior.
 A margem inferior vai ter 20px. 
 A margem esquerda vai ter 20px. 
 A margem direita vai ter 10px. 
 A margem superior vai ter 0px. 
 A margem superior vai ter 50px. 
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 5 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Os valores são aplicados em sentido horário, iniciando da
parte superior do elemento, ou seja, os valores são aplicados
na respectiva ordem: superior, direita, inferior, esquerda.
De acordo com a unidade 3, Seletores CSS.
 
2,5 / 2,5 ptsPergunta 5
Considere o seguinte código:
 
<html>
<body>
 <h1>Newton Paiva</h1>
 <h1 id="pjw">Minas Gerais</h1>
 <p>Brasil</p>
 <p class="pjw">Projeto Web</p>
</body>
</html>
 
Considere também que o seguinte código CSS foi aplicado ao
documento:
 
h1, p {color: white; background-color: blue;}
#pjw {background-color: black;}
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 6 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
#pjw {background-color: black;}
.pjw {background-color: silver;}
 
Julgue os itens que se seguem.
 
I. Ao se executar o código acima, o nome Newton Paiva será
apresentado com letras na cor branca e fundo azul.
II. Ao se executar o código acima, o nome Minas Gerais será
apresentado com letras na cor branca e fundo azul.
III. Ao se executar o código acima, o nome Minas Gerais será
apresentado com letras na cor branca e fundo prata.
IV. Ao se executar o código acima, o nome Brasil será apresentado
com letras na cor azul.
V. Ao se executar o código acima, o nome Projeto Web será
apresentado com letras na cor branca e fundo prata.
 
É correto apenas o que se afirma em:
 I, II e V 
 III e IV 
 II e IV 
 I e II 
 I e V 
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 7 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Como apresentado na unidade 3, Seletores CSS, quando
existe conflito entre estilos, o seletor mais específico tem
prioridade em relação ao mais genérico, logo ele sobrescreve
a propriedade.
 
2,5 / 2,5 ptsPergunta 6
Existem cinco maneiras diferentes de criar layouts. Cada maneira
tem seus prós e contras.
Tabelas HTML (não recomendado): O objetivo do elemento
<table> é exibir dados tabulares.
Frameworks CSS: Se você deseja criar layouts rapidamente,
você pode utilizar frameworks como o Bootstrap ou o Materialize
CSS.
Uso da propriedade Float do CSS: É muito fácil de aprender,
porém é muito difícil de montar layouts flexíveis com essa
técnica.
Flexbox: Essa técnica garante que os elementos se comportem
previsivelmente em diferentes tamanhos de telas.
CSS Grid: Oferece um sistema de layout baseado em grade,
com linhas e colunas, facilitando o design de páginas da web .
Marque a alternativa que descreve corretamente como podemos
aplicar o código CSS GRID.
 
Devemos primeiramente inicializar o display como grid
{
display: grid;
}
 
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 8 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
 
Devemos primeiramente inicializar o display como Flex
{
display: Flex;
}
 
Devemos primeiramente inicializar o display como block
{
display: block;
}
 
Devemos primeiramente inicializar o display como float
{
display: float;
}
 
Devemos primeiramente definir a orientação.
{
flex-direction: column;
}
Devemos primeiramente inicializar o display como grid
 
{
display: grid;
}
 
A declaração display: grid cria uma grid com apenas uma
coluna e N linhas para comportar os itens do contêiner. Para
definir mais de uma coluna, você precisa adicionar a
propriedade grid-template-columns. Ver Unidade 4 Tópico 2
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 9 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
 
2,5 / 2,5 ptsPergunta 7
Considere o seguinte código:
<div class="container">
 <div>HTML</div>
 <div>CSS</div>
 <div>JavaScript</div>
</div>
 Para conseguir a disposição visual conforme imagem abaixo:
O desenvolvedor criou o seguinte código CSS:
.container {
 border: solid #c0c0c0 1px
}
.container > div {
 background-color: #c0c0c0;
 margin: 10px;
 padding: 20px;
 font-size: 20px;
}
Porém não obteve sucesso.
16/09/21 14)36AV1B- Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 10 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Porém não obteve sucesso.
Marque a alternativa que descreve como corrigir o código CSS do
desenvolvedor para que seja possível obter o resultado desejado:
 Deve incluir em .container a instrução display: grid; 
 
Deve incluir em .container a instrução display: grid; e grid-template-
columns: 150px 150px 150px;
 Deve incluir em .container a instrução float: left; 
 Deve incluir em .container > div a instrução display: flex; 
 Deve incluir em .container a instrução align: side-by-side; 
Ao definir a propriedade display: grid, também é necessário a
definição da quantidade de colunas o container terá. De
acordo com a unidade 4, Criando Layouts Responsivos
 
2,5 / 2,5 ptsPergunta 8
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 11 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Considere o seguinte código:
<div class="container">
 <div>HTML</div>
 <div>CSS</div>
 <div>JavaScript</div>
</div>
Para conseguir a disposição visual conforme imagem abaixo:
O desenvolvedor criou o seguinte código CSS:
.container {
 border: solid #c0c0c0 1px
}
.container > div {
 background-color: #c0c0c0;
 margin: 10px;
 padding: 20px;
 font-size: 20px;
}
Porém não obteve sucesso.
Marque a alternativa que descreve como corrigir o código CSS do
desenvolvedor para que seja possível obter o resultado desejado:
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 12 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
 Deve incluir em .container a instrução display: flex. 
 Deve incluir em .container a instrução float: left; 
 Deve incluir em .container a instrução position: horizontal; 
 Deve incluir em .container a instrução flex-direction: row; 
 Deve incluir em .container a instrução align: side-by-side; 
Ao definir a propriedade display: flex, o container recebe o
flex-direction: row. De acordo com a unidade 4, Criando
Layouts Responsivos
 
2,5 / 2,5 ptsPergunta 9
Considere o seguinte código que está em um arquivo chamado
styles.css:
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 13 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Considere também que o seguinte código HTML na mesma pasta do
arquivo style.css:
Assinale a afirmação correta sobre a aparência da pagina em um pc
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 14 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
Assinale a afirmação correta sobre a aparência da pagina em um pc
e um smartphone.
 
 
PC: Os Textos 1,2 e3 ficaram alinhados horizontalmente.
Smartphone: Os Textos 1,2 e3 ficaram um sobre o outro flutuando.
 
PC: O Texto 1 ficara separado do Texto 2 e 3 que ficaram
empilhados verticalmente.
Smartphone: Os Textos 1,2 e3 ficaram em alinhados verticalmente.
 
PC: Os Textos 1,2 e3 ficaram alinhados horizontalmente.
Smartphone: Os Textos 1,2 e3 ficaram alinhados horizontalmente.
 
PC: Os Textos 1,2 e3 ficaram em alinhados verticalmente.
Smartphone: Os Textos 1,2 e3 ficaram alinhados verticalmente.
 
PC: Os Textos 1,2 e3 ficaram alinhados horizontalmente.
Smartphone: Os Textos 1,2 e3 ficaram alinhados verticalmente.
Como apresentado na unidade 4, a media query funciona
como uma condição que quando chegar em 900px de
resolução ela aplicará sobre o .col1 e .col2 uma largura de
100% fazendo assim os textos ficarem alinhados
verticalmente apenas em um smartphone. Ver Unidade 4
Tópico 3
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 15 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
 
2,5 / 2,5 ptsPergunta 10
Você está trabalhando em uma agencia e recebeu uma tarefa de
criar um layout, mas o prazo é curto então você precisa decidir entre
utilizar um framework ou fazer este layout na mão sem o framework.
O que acontece ao utilizar um framework para criar layouts
rapidamente?
 
você vai criar uma dependência muito forte do seu projeto com o
framework, além de ter que aprender como o framework funciona.
 
Vai obter apenas vantagens pois se layout vai ficar bom e será feito
com muita rapidez, os frameworks não geram dependência
nenhuma.
 Nenhuma das alternativas. 
 
você não vai criar nenhuma uma dependência em seu projeto com o
framework, mas vai de ter que aprender como o framework funciona.
 
você vai criar uma dependência muito forte do seu projeto com o
framework, porem você não precisa se preocupar como o framework
funciona.
16/09/21 14)36AV1B - Avaliação Online 2: AGO.TADS.4 - Programação WEB
Page 16 of 16https://newtonpaiva.instructure.com/courses/12995/quizzes/28788
você vai criar uma dependência muito forte do seu projeto
com o framework, além de ter que aprender como o
framework funciona. Ver Unidade 4 Tópico 1
Pontuação do teste: 22,5 de 25