Atividade 2_ Interfaces Digitais_ Front End

•

FAM

0

Fernando Nagai

01/05/2024

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 8 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 8 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

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Análise e Desenvolvimento de Sistemas

51.454 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

Atividade 2
Entrega 21 abr em 23:59
Pontos 1
Perguntas 5
Disponível 12 fev em 0:00 - 21 abr em 23:59
Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Este teste foi travado 21 abr em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 17 minutos 1 de 1
Pontuação desta tentativa: 1 de 1
Enviado 24 fev em 16:19
Esta tentativa levou 17 minutos.

Pergunta 1
0,2 / 0,2 pts
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.
Analise o estilo CSS presente no código a seguir:
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 1/8
https://famonline.instructure.com/courses/35574/quizzes/175841/history?version=1
 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.
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.
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 2/8
 Os parâmetros CSS text-align e align tem a mesma funcionalidade.
 O parâmetro CSS align representa a cor do elemento manipulado.
Correto!
 O parâmetro CSS font-size representa o tamanho da fonte do elemento.
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.

Pergunta 2
0,2 / 0,2 pts
 II e III
Correto!
 I e IV
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 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:
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 3/8
 III e IV
 I, II e IV
 I e II
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.

Pergunta 3
0,2 / 0,2 pts
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 4/8
Correto!
 I e II, apenas.
 I e III, apenas.
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.
É correto o que se afirmar em:
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 5/8
 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>.

Pergunta 4
0,2 / 0,2 pts
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-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 6/8
 II e III, apenas.
 I e III, apenas.
Correto!
 I e II, apenas.
 III, apenas.
 I, 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”.

Pergunta 5
0,2 / 0,2 pts
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:
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:
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 7/8
 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.
Correto!
 Usuário insere CEP para retornar o endereço correspondente em um formulário.
 Usuário navega pela interface de um site, observando a disposição do layout.
 Usuário, ao verificar que o texto de um site está pequeno, altera a configuração de zoom.
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.
Pontuação do teste: 1 de 1
A+
A
A-
01/05/2024, 18:47 Atividade 2: Interfaces Digitais: Front End
https://famonline.instructure.com/courses/35574/quizzes/175841?module_item_id=1016271 8/8