Atividade Objetiva 2_ Interfaces Digitais_ Front-End

Prévia do material em texto

13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 1/9
Atividade Objetiva 2
Entrega 16 abr em 23:59 Pontos 1 Perguntas 5
Disponível 10 fev em 0:00 - 16 abr em 23:59 2 meses Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MANTIDO Tentativa 2 2 minutos 0,8 de 1
MAIS RECENTE Tentativa 2 2 minutos 0,8 de 1
Tentativa 1 Menos de 1 minuto 0,2 de 1
Pontuação desta tentativa: 0,8 de 1
Enviado 21 fev em 14:04
Esta tentativa levou 2 minutos.
Importante:
Caso você esteja realizando a atividade através do aplicativo "Canvas Student", é necessário que
você clique em "FAZER O QUESTIONÁRIO", no final da página.
0 / 0,2 ptsPergunta 1
Analise o código em HTML a seguir:
https://famonline.instructure.com/courses/12959/quizzes/47052/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/47052/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/47052/history?version=1
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 2/9
Figura 1: Elaborado pelo autor
O código representa a criação de um formulário para receber login e
senha e com dois botões responsáveis por enviar e limpar os dados do
formulário. 
Considerando o código e o trecho apresentado sobre o formulário em
HTML, avalie as afirmações a seguir:
I. Para uma caixa de seleção de Estados em um formulário de
cadastro utilizamos o elemento <select> e </select> composto por
<option>. 
II. Um botão que executa uma ação dinâmica pode ser representado
pela tag <input type=”button”>. 
III. Para enviar os dados de um formulário utilizamos o atributo “env”
dentro da tag <form>.
É correto o que se afirmar em:
 I e II, apenas. esposta corretaesposta correta
 I, apenas. 
 II e III, apenas. 
 I e III, apenas. 
 III, apenas. ocê respondeuocê respondeu
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 3/9
A alternativa está incorreta, pois apenas as afirmações I e II são
verdadeiras. Uma caixa de seleção de Estados presente em
vários formulários de cadastro é composto pelos elementos
<select> e </select>, e também <option>, os botões presentes
nos formulários podem ser criados pela tag <input
type=”button”>.
A alternativa III está incorreta, pois o atributo que direciona o
envio de dados dentro do formulário é o “action” e não “env”.
0,2 / 0,2 ptsPergunta 2
Quando estamos programando interfaces para web, precisamos
diferenciar front-end do back-end. Quando nos referimos ao front-end,
estamos falando de tudo o que está na parte visual, ou seja, do que
vemos na interface. Já o back-end vai lidar com as requisições e
rotinas para que as ações presentes na interface sejam realmente
possíveis.
 
A partir do que foi exposto, assinale a alternativa que contém um
exemplo de requisição do front-end para o back-end:
 
Usuário digita o endereço de um site na barra de url para acessar o
portal desejado.
 
Usuário navega pela interface de um site, observando a disposição do
layout.
 
Usuário, após acessar um determinado site, navega por suas
diferentes páginas.
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 4/9
 
Usuário, ao verificar que o texto de um site está pequeno, altera a
configuração de zoom.
 
Usuário insere CEP para retornar o endereço correspondente em um
formulário.
Correto!Correto!
Alternativa correta. Ao inserir o CEP em um formulário que
busca o endereço, essa requisição é processada pelo back-
end, que irá realizar essa ação e retornar o endereço para as
células do formulário.
0,2 / 0,2 ptsPergunta 3
No código abaixo, podemos observar um exemplo de utilização de
listas ordenadas em HTML:
Figura 1: Elaborado pelo autor.
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 5/9
 
Considerando o código e o trecho apresentado sobre listas em HTML,
avalie as afirmações a seguir:
I. A tag <ol> representa o início da lista numerada. 
II. A tag <li> representa cada item da lista. 
III. Tanto as tags <ol> quanto <li> são tags únicas e não é necessário
utilizar um fechamento.
É correto o que se afirmar em:
 I e II, apenas. Correto!Correto!
 I e III, apenas. 
 II, apenas. 
 II e III, apenas. 
 I, apenas. 
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras
A tag <ol> representa o início de uma lista ordenada, a tag <li>
representa cada item dessa lista e pode ser utilizada como tag
única.
A afirmação III é falsa, pois a tag <ol> necessita de fechamento
através da tag </ol>.
0,2 / 0,2 ptsPergunta 4
Leia o texto a seguir:
Elementos básicos são os que constituem a base de todo documento
HTML. Se vê esses elementos no código fonte de todas as páginas da
web, logo em seguida da declaração de doctype, que está na primeira
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 6/9
linha da página. Os elementos que formam o conteúdo da página
estão entre a tag de abertura <html> e a tag de fechamento </html>. O
elemento <html> é também conhecido como o elemento raiz.
(Fonte: Disponível em: https://developer.mozilla.org/pt-
BR/docs/Web/HTML/Element Acesso em: 21 mar. 2020)(adaptado )
Considerando as informações apresentadas, avalie as afirmações a
seguir sobre o uso das tags. 
I. As tags de abertura <html> e fechamento </html> são utilizadas para
delimitar os comandos HTML e indicam o começo e o final do
documento. 
II. As tags de abertura <head> e fechamento </head> são utilizadas
para indicar o início de um menu na página. 
III. As tag <body> podem ser utilizadas de forma única, sem a
necessidade de fechamento, 
IV. As tags <p> e <br> são exemplos de tags únicas, que podem ser
utilizadas sem a necessidade de fechamento,
 
Estão corretas apenas as afirmativas:
 III e IV 
 I e II 
 II e III 
 I, II e IV 
 I e IV Correto!Correto!
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 7/9
A alternativa está correta, pois apenas as afirmações I e IV são
verdadeiras.
O conjunto de tags <html> representam início e término do
documento HTML e tags <p> e <br> são exemplos de tags
únicas, onde não há a necessidade de fechamento.
A afirmação II é falsa, pois o conjunto de tags <head>
representa o cabeçalho de nosso documento.
A afirmação III é falsa, pois a tag <body> faz parte de um
conjunto com abertura e fechamento, sendo assim, não pode
ser utilizada como tag única.
0,2 / 0,2 ptsPergunta 5
Analise o estilo CSS presente no código a seguir:
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 8/9
Figura 1: Elaborado pelo autor.
 
O estilo apresentado manipula fontes, cores e alinhamento de vários
elementos do documento HTML como <p>, <h1> e <img>.
Considerando as informações apresentadas, assinale a opção
correta.
 
O parâmetro CSS font-family representa o tamanho da fonte do
elemento.
 
O parâmetro CSS font-size representa o alinhamento de elementos de
texto.
 O parâmetro CSS align representa a cor do elemento manipulado. 
 
O parâmetro CSS font-size representa o tamanho da fonte do
elemento.
Correto!Correto!
13/04/2021 Atividade Objetiva 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47052 9/9
 Os parâmetros CSS text-align e align tem a mesma funcionalidade. 
A alternativa está correta, pois o parâmetro font-size representa
o tamanho da fonte de texto, já o align representa o
alinhamento de elementos, text-align alinhamento de textos e
font-family responsável pela escolha de fonte.
Pontuação do teste: 0,8 de 1