Atividade 2_ Interfaces Digitais_ Front-End

Prévia do material em texto

Interfaces Digitais: Front-End - S20261.126 Quizzes A�vidade 2
Conta
Painel de
controle
Cursos
Grupos
Calendário
Caixa de
entrada
Histórico
Ajuda
10
A�vidade 2
Entrega 27 mai em 23:59 Pontos 1 Perguntas 5
Disponível 23 fev em 0:00 - 27 mai em 23:59 Limite de tempo Nenhum
Tenta�vas permi�das 2
Instruções
Este teste foi travado 27 mai em 23:59.
Histórico de tenta�vas
Tenta�va Tempo Pontuação
MAIS RECENTE Tenta�va 1 12 minutos 0,8 de 1
Pontuação desta tenta�va: 0,8 de 1
Enviado 22 abr em 19:55
Esta tenta�va levou 12 minutos.
4
Graduação Semestral | 2026.1
Página inicial
Pesquisa IgniteAI
Avisos
Fóruns
Módulos
Tarefas
Notas
Zoom
Importante:
Caso você esteja realizando a a�vidade através do aplica�vo "Canvas Student", é necessário que você clique em
"FAZER O QUESTIONÁRIO", no final da página.
0,2 / 0,2 ptsPergunta 1
Resposta correta
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 ro�nas para que as ações presentes na interface sejam
realmente possíveis.
A par�r do que foi exposto, assinale a alterna�va que contém um exemplo de
requisição do front-end para o back-end:
 Usuário, após acessar um determinado site, navega por suas diferentes páginas. 
 
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. ✔
 
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. 
Alterna�va 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 2
Resposta correta
Analise o código em HTML a seguir:
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 u�lizamos o
elemento e composto por .
II. Um botão que executa uma ação dinâmica pode ser representado pela tag .
III. Para enviar os dados de um formulário u�lizamos o atributo “env” dentro da tag
.
É correto o que se afirmar em:
 III, apenas. 
 II e III, apenas. 
 I, apenas. 
 I e III, apenas. 
 I e II, apenas. ✔
A alterna�va está correta, 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 e , e também , os
botões presentes nos formulários podem ser criados pela tag .
A alterna�va III está incorreta, pois o atributo que direciona o envio de dados
dentro do formulário é o “ac�on” e não “env”.
0 / 0,2 ptsPergunta 3
Resposta incorreta
Leia o texto a seguir:
Elementos básicos são os que cons�tuem 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 linha da página. Os elementos que
formam o conteúdo da página estão entre a tag de abertura e a tag de
fechamento . O elemento é também conhecido como o elemento
raiz.
(Fonte: Disponível em: h�ps://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 e fechamento são u�lizadas para delimitar os
comandos HTML e indicam o começo e o final do documento.
II. As tags de abertura e fechamento são u�lizadas para indicar o
início de um menu na página.
III. As tag podem ser u�lizadas de forma única, sem a necessidade de
fechamento,
IV. As tags e são exemplos de tags únicas, que podem ser u�lizadas sem a
necessidade de fechamento,
Estão corretas apenas as afirma�vas:
 II e III 
 III e IV 
 I e IV ➔
 I, II e IV 
 I e II ✕
A alterna�va está incorreta, pois apenas as afirmações I e IV são verdadeiras.
O conjunto de tags representam início e término do documento
HTML e tags e são exemplos de tags únicas, onde não há a
necessidade de fechamento.
A afirmação II é falsa, pois o conjunto de tags representa o cabeçalho
de nosso documento.
A afirmação III é falsa, pois a tag faz parte de um conjunto com
abertura e fechamento, sendo assim, não pode ser u�lizada como tag única.
0,2 / 0,2 ptsPergunta 4
Resposta correta
Leia o texto a seguir:
A linguagem HTML foi criada pelo britânico Tim Berners-Lee, o acrônimo HTML
significa HiperText Markup Language, traduzindo ao português significa Linguagem
de Marcação de Hipertexto. O HTML é o componente básico da web, ele permite
inserir o conteúdo e estabelecer a estrutura básica de um website. Portanto, ele
serve para dar significado e organizar as informações de uma página na web. Sem
isso, o navegador não saberia exibir textos como elementos ou carregar imagens e
outros conteúdos.
(Fonte: Disponível em: h�ps://www.homehost.com.br/blog/tutoriais/o-que-e-html
Acesso em: 20 mar. 2020)(adaptado) 
A importante linguagem HTML, essencial no desenvolvimento de interfaces e
componente básico da web, faz parte de um grupo de tecnologias de:
 IDE’s. 
 Framework. 
 Servidores de aplicações. 
 Front-end. ✔
 Back-end. 
A alterna�va está correta, pois a linguagem HTML é uma linguagem voltada
para a criação de interfaces front-end e é interpretada diretamente no
navegador.
0,2 / 0,2 ptsPergunta 5
Resposta correta
Analise o es�lo CSS presente no código a seguir:
Figura 1: Elaborado pelo autor.
O es�lo apresentado manipula fontes, cores e alinhamento de vários elementos do
documento HTML como , e .
Considerando as informações apresentadas, assinale a opção correta.
 O parâmetro CSS font-size representa o alinhamento de elementos de texto. 
 O parâmetro CSS font-size representa o tamanho da fonte do elemento. ✔
 O parâmetro CSS font-family representa o tamanho da fonte do elemento. 
 Os parâmetros CSS text-align e align tem a mesma funcionalidade. 
 O parâmetro CSS align representa a cor do elemento manipulado. 
A alterna�va 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
Anterior Próximo
Detalhes da úl�ma tenta�va:
Tempo:
12
minutos
Pontuação atual: 0,8 de 1
Pontuação
man�da:
0,8 de 1
Mais 1 tenta�va disponível
A+
A
A-
https://famonline.instructure.com/courses/51113
https://famonline.instructure.com/courses/51113/quizzes
https://famonline.instructure.com/courses/51113/quizzes/244610
https://famonline.instructure.com/
https://famonline.instructure.com/profile/settings
https://famonline.instructure.com/
https://famonline.instructure.com/courses
https://famonline.instructure.com/groups
https://famonline.instructure.com/calendar
https://famonline.instructure.com/conversations
https://famonline.instructure.com/courses/51113/quizzes/244610/history?version=1
https://famonline.instructure.com/courses/51113
https://famonline.instructure.com/courses/51113/search
https://famonline.instructure.com/courses/51113/announcements
https://famonline.instructure.com/courses/51113/discussion_topics
https://famonline.instructure.com/courses/51113/modules
https://famonline.instructure.com/courses/51113/assignments
https://famonline.instructure.com/courses/51113/grades
https://famonline.instructure.com/courses/51113/external_tools/52752https://famonline.instructure.com/courses/51113/modules/items/1517864
https://famonline.instructure.com/courses/51113/modules/items/1517860