Atividade 2_ Interfaces Digitais_ Front-End

Big Data

•

Artes

0

Bia Foschini

14/11/2023

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 7 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 6, do total de 7 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Big Data

5.974 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 1/7
Atividade 2
Entrega 22 out em 23:59 Pontos 1 Perguntas 5
Disponível 14 ago em 0:00 - 22 out em 23:59 Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Este teste foi travado 22 out em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 16 minutos 1 de 1
Pontuação desta tentativa: 1 de 1
Enviado 21 out em 15:14
Esta tentativa levou 16 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,2 / 0,2 ptsPergunta 1
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.
A+
A
A-
https://famonline.instructure.com/courses/31388/quizzes/156218/history?version=1
Fabiana de Almeida
Sublinhado
Fabiana de Almeida
Realce
Fabiana de Almeida
Retângulo
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 2/7
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:
 II e III, apenas. 
 I e II, apenas. Correto!Correto!
 I, apenas. 
 III, apenas. 
 I e III, apenas. 
A alternativa 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 <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
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
A+
A
A-
Fabiana de Almeida
Retângulo
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 3/7
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 <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 IV Correto!Correto!
 II e III 
 I e II 
 I, II e IV 
A+
A
A-
Fabiana de Almeida
Retângulo
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 4/7
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 3
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 navega pela interface de um site, observando a disposição do
layout.
 
Usuário insere CEP para retornar o endereço correspondente em um
formulário.
Correto!Correto!
 
Usuário, ao verificar que o texto de um site está pequeno, altera a
configuração de zoom.
A+
A
A-
Fabiana de Almeida
Retângulo
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 5/7
 
Usuário digita o endereço de um site na barra de url para acessar o
portal desejado.
 
Usuário, após acessar um determinado site, navega por suas diferentes
páginas.
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 4
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: https://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. 
 Front-end. Correto!Correto!
A+
A
A-
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 6/7
 Back-end. 
 Servidores de aplicações. 
A alternativa 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
No código abaixo, podemos observar um exemplo de utilização de
listas ordenadas em HTML:
Figura 1: Elaborado pelo autor.
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.
A+
A
A-
Fabiana de Almeida
Retângulo
13/11/23, 21:40 Atividade 2: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/31388/quizzes/156218?module_item_id=870060 7/7
É correto o que se afirmar em:
 II, apenas. 
 I e II, apenas. Correto!Correto!
 II e III, apenas. 
 I 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>.
Pontuação doteste: 1 de 1
A+
A
A-
Fabiana de Almeida
Retângulo