Quiz Tentativa 2 - Web Standards

Prévia do material em texto

30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 1/7
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695393_2202_01 2202-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário FELIPE CARNEIRO DOS ANJOS
Curso 2202-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 30/05/22 15:07
Enviado 30/05/22 15:20
Data de vencimento 08/06/22 23:59
Status Completada
Resultado da tentativa 10 em 10 pontos  
Tempo decorrido 12 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
 
Respostas:
 
Comentário
da
Um recurso que não era tão simples fazer e que o Bootstrap tornou muito fácil é o
dropdown. Assinale a alternativa que melhor define o que é dropdown.
Um menu em que, ao clicá-lo, exibe uma lista.
Nome de uma propriedade CSS usada para alterar a direção
dos itens de um menu.
Um menu em que, ao clicá-lo, exibe uma lista.
Um botão que possui o formato de uma bala.
Uma barra de navegação posicionada na parte inferior do
container.
Nome de uma propriedade CSS exclusiva para campos de
texto.
Resposta correta: b. Um menu que, ao clicar, exibe uma lista.
Sala de Aula Tutoriais
1 em 1 pontos
FELIPE CARNEIRO DOS ANJOS
70
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_183785_1&content_id=_8226602_1&mode=reset
https://www.ead.senac.br/
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_193_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 2/7
resposta: O conceito de menu suspenso, conhecido no Bootstrap como
“dropdown”, é simular o mesmo comportamento da caixa de
combinação construída em softwares de desenvolvimento em que, ao
clicá-la, exibe uma lista para que o usuário escolha o item desejado.
Pergunta 2
Resposta
Selecionada:
Respostas:
Comentário
da
resposta:
O formulário foi a primeira experiência de interatividade que o usuário teve na
Web. Porém, muitos o confundem achando que ele processa as informações, mas
ele apenas as envia. Qual alternativa não representa a função de um formulário?
Enviar dados de usuário direto para o banco de dados.
Enviar mensagem para outra página.
Enviar dados de usuário direto para o banco de dados.
Enviar dados de login para outra página.
Enviar dados de pesquisa para outra página.
Enviar dados de cadastro para outra página.
Resposta correta: b. Enviar dados de usuário direto para o banco
de dados.
É importante lembrar que os dados são enviados para uma página,
mas ela precisa saber o que fazer com os dados. Ou seja, é preciso
ter uma linguagem que consiga pegar os dados, manipulá-los ou
armazená-los.
Pergunta 3
Resposta Selecionada: 
Respostas:
Existem recursos de acessibilidade muito importantes que estão presentes no
HTML. Uma pessoa com deficiência visual, utilizando um leitor de tela, pode ouvir
o software narrando o texto, indicando que está na posição de um determinado
campo. E então, bastará ela teclar Enter para que o cursor seja transferido para
dentro do campo e ela possa preenchê-lo. Qual tag possui esse recurso de
acessibilidade?
<label>
<input>
<select>
1 em 1 pontos
1 em 1 pontos
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 3/7
 
Comentário
da
resposta:
<form>
<label>
<button>
Resposta correta: d. <label>
Essa tag é u�lizada por leitores de tela para indicar ao usuário com
deficiência visual qual o campo onde o foco está no momento. Com
isso, ao teclar Enter, o foco vai para dentro do campo.
Pergunta 4
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
A equipe de desenvolvimento do Bootstrap teve a preocupação de criar nomes,
para facilitar a compreensão da função de cada classe. Para dividir uma linha em
cinco colunas, ocupando a largura total da página, qual seria a melhor
combinação de classes?
.col-md-2, .col-md-2, .col-md-4, .col-md-2, .col-md-2
.col-md-3, .col-md-2
.col-md-4, .col-md-1
.col-md-1, .col-md-1, .col-md-1, .col-md-1, .col-md-1
.col-md-2, .col-md-2, .col-md-4, .col-md-2, .col-md-2
Todas as alternativas estão corretas
Resposta correta: d. .col-md-2, .col-md-2, .col-md-4, .col-md-2,
.col-md-2
A resposta correta é a “d”, pois, embora todas as alterna�vas permitam
criar 5 colunas, apenas a opção “d” cumpre o solicitado no enunciado,
que é ocupar a largura total da página. Lembrando que a soma dos
números, no final das classes, deve dar doze, que é o total de colunas
do grid.
Pergunta 5
Resposta
Selecionada:
Respostas:
Cada elemento possui seu próprio nome, que é dado de forma semântica, ou seja,
tem relação direta com a função que desempenha. Mas existem elementos que
assumem um segundo nome, que é mais conceitual. É o caso do termo container.
Assinale a opção que explique por que um elemento é chamado de container.
Porque ele tem a função de abrigar todo ou parte do conteúdo
da página.
1 em 1 pontos
1 em 1 pontos
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 4/7
Comentário da
resposta:
Porque ele tem o formato de uma caixa.
Porque ele tem a função de abrigar todo ou parte do conteúdo
da página.
Porque ele é responsivo.
Porque ele segue os web standards.
Todas as opções são corretas
Resposta correta: b. Porque ele tem a função de abrigar todo
ou parte do conteúdo da página.
Acabamos por chamá-lo de container, porque ele assume a função
de abrigar o conteúdo da página.
Pergunta 6
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
Uma preocupação que todo desenvolvedor precisa ter, principalmente quem irá
trabalhar em equipe, é tornar o código de fácil leitura e fácil manutenção. Portanto,
quando precisamos aplicar uma regra CSS, em vários elementos na mesma
página, sem repetir a mesma regra para cada elemento, a forma adequada para
se fazer isso é:
Utilizando classe.
Utilizando ID.
Utilizando o nome de todos os elementos.
Utilizando classe.
Colocando o estilo CSS dentro de cada tag.
Repetindo a regra CSS para cada elemento.
Resposta correta: c. Utilizando classe.
Já quando o seletor é uma classe, basta informar essa classe, precedida
por um ponto, e todas as tags que �verem essa classe serão afetadas.
Pergunta 7
Resposta
Selecionada:
No formulário do HTML temos a tag <label> , que possui a função de rótulo para
seu respectivo campo. Existe também, no HTML, o atributo aria-labelledby.
Assinale a alternativa que explique a função desse atributo.
1 em 1 pontos
1 em 1 pontos
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 5/7
Respostas:
Comentário
da
resposta:
Esse atributo é um recurso de acessibilidade e serve para indicar
para o leitor de tela que, quando o usuário ativar um item do menu,
é para ler as opções do sub-menu que apareceu.
Esse atributo serve como rótulo para campos do formulário no
Bootstrap.
Esse atributo serve como rótulo para itens do menu no Bootstrap.
Esse atributo é um recurso de acessibilidade que serve para que
leitores de telapossam descrever, em áudio, os itens do menu.
Esse atributo é um recurso de acessibilidade que serve para
descrever a imagem que está na tela.
Esse atributo é um recurso de acessibilidade e serve para indicar
para o leitor de tela que, quando o usuário ativar um item do menu,
é para ler as opções do sub-menu que apareceu.
Resposta correta: e. Esse atributo é um recurso de acessibilidade
e serve para indicar para o leitor de tela que, quando o usuário
ativar um item do menu, é para ler as opções do sub-menu que
apareceu.
 
O atributo aria-labelledby é usado para estabelecer uma relação entre
o componente e um grupo de elementos. Esse é um recurso de
acessibilidade para que a pessoa que faz uso de leitores de tela saiba
que, ao a�var esse item, a tecla TAB não irá ler os próximos itens do
menu, mas sim, os itens internos da opção que foi a�vada.
Pergunta 8
Resposta Selecionada: 
Respostas:
 
Quando a Web foi criada, a ideia principal era a de que uma página fosse
vinculada à outra por um simples texto ou imagem, onde o usuário pudesse clicar
e a página de destino fosse aberta no navegador. Isso só é possível por causa de
uma única tag que gera esse link entre as páginas. Sem ela, não existiria Web. 
Qual é essa tag?
<a>
<p>
<img> 
<li>
<a>
1 em 1 pontos
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 6/7
Comentário
da resposta:
<ul>
Resposta correta: d. <a>
Hipertextos são elementos conectados por palavras, ou imagens
etc., formando uma grande rede de informação.
Pois bem, o que permite que isso ocorra é o Elemento Âncora
(anchor), representado em HTML pela tag <a>.
Pergunta 9
Resposta Selecionada: 
Respostas: 
Comentário
da
resposta:
A padronização da Web é um desejo antigo de muitas empresas que esperavam
que a informação pudesse ser apresentada da mesma forma, não importando o
tipo de navegador usado. Existem três empresas principais que tomaram a
iniciativa de iniciar esse projeto:
Apple, Mozila, Opera.
Apple, Mozila, Opera.
Google, Apple, IBM.
Microsoft, Google, Apple.
Microsoft, Opera, Mozila.
W3C, Microsoft, Apple.
Resposta correta: a. Apple, Mozila, Opera.
O WHATWG é um grupo de empresas como Mozila, Opera, Apple
(proprietária do navegador Safari), e outras. O obje�vo da formação
desse grupo foi acelerar a padronização da Web, já que a W3C estava
criando várias versões para o HTML, mas ainda não o havia
padronizado.
Pergunta 10
Resposta Selecionada: 
Respostas:
 
Uma das grandes vantagens do Flexbox é a de que não precisamos alterar a
estrutura HTML para mudar a ordem dos itens do container. Assinale a alternativa
que indique qual propriedade pode alterar a ordem dos itens.
order
display
position
order
flex-direction
1 em 1 pontos
1 em 1 pontos
30/05/2022 15:20 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24759445_1&course_id=_183785_1&content_id=_822661… 7/7
Segunda-feira, 30 de Maio de 2022 15h20min39s BRT
Comentário
da
resposta:
flex-wrap
Resposta correta: c. order
A propriedade order serve para especificar a ordem dos itens flexíveis.
Isso quer dizer que o primeiro item exibido no código não precisa ser o
primeiro item exibido no layout.
← OK