Quiz web standards 7-10

Prévia do material em texto

01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 1/6
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695393_2203_01 2203-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário PAULO HENRIQUE NUNES MATOS
Curso 2203-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 01/09/22 19:37
Enviado 01/09/22 19:51
Data de vencimento 28/09/22 23:59
Status Completada
Resultado da tentativa 7 em 10 pontos  
Tempo decorrido 14 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
Quando colocamos um texto dentro de uma DIV, por exemplo, ele fica quase
colado à borda. É muito útil poder criar um espaço ao redor do texto, facilitando a
leitura e melhorando a visualização de ambos os elementos. Qual propriedade
CSS é responsável por inserir esse espaçamento interno no elemento HTML?
padding
margin
border
font-size
padding
background-color
Resposta correta: d. padding
é responsável pelo espaçamento interno do
elemento.Padding
Sala de Aula Tutoriais
1 em 1 pontos
PAULO HENRIQUE NUNES MATOS
10
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_190138_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_190138_1&content_id=_8508483_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
01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 2/6
Pergunta 2
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
Para que o Bootstrap cumpra sua função de ajudar a criar layouts mais
padronizados, é preciso limitar algumas possibilidades que o desenvolvedor tem.
Sabendo disso, assinale a alternativa que indique quantas colunas um grid tem.
12
3
8
6
2
12
Resposta correta: e. 12
O sistema de grid no Bootstrap funciona como uma grade
dividida em doze colunas.
Pergunta 3
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
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.
flex-direction
display
position
order
flex-direction
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.
Pergunta 4
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
1 em 1 pontos
0 em 1 pontos
1 em 1 pontos
01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 3/6
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
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 5
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 6
No jQuery é importante que desenvolvedores adotem boas práticas no código,
não apenas para facilitar a manutenção, como também para evitar erros durante a
1 em 1 pontos
1 em 1 pontos
01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 4/6
Resposta
Selecionada:
Respostas:
Comentário
da
resposta:
execução. Assinale a alternativa que explique a finalidade deste trecho do código:
$(document).ready
Fazer com que o código seja lido somente após a página ter
terminado de carregar.
Verificar se o documento é compatível com a biblioteca jQuery,
antes de executar o código.
Fazer com que o código seja lido somente após a página ter
terminado de carregar.
Verificar se o navegador é compatível com a biblioteca jQuery,
antes de executar o código.
Permitir que o código seja executado antes mesmo de a página
ser carregada, para otimizar tempo e deixar o site mais rápido.
Todas alternativas estão corretas.
Resposta correta: b. Fazer com que o código seja lido somente
após a página ter terminado de carregar.
Antes de pensar no código, você precisa lembrar que a página deve
terminar de ser carregada, para, só depois, executar qualquer
código jQuery.
Para resolver essa questão, existe o evento Document Ready.
Pergunta 7
Resposta Selecionada: 
Respostas: 
Até a versão HTML4 e a versão paralela, conhecida como XHTML, não havia
como distinguir cada área da página. O parágrafo de um artigo e a frase de
direitos autorais do rodapé, ambos eram escritos com a tag <p>, dentro de tags
<div>. Porém, com a criação da versão HTML5 e o conceito de código semântico,
surgiram tags para indicar áreas da página, como o rodapé, a barra lateral, o
artigo etc. Qual a tag para indicar o conteúdo do cabeçalho, como o logo, o menu
etc?
<header>
<header>
<main>
margin-top
<footer>
1 em 1 pontos
01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 5/6
Comentário
da resposta:
<sec�on>
Resposta correta: a. <header>
A tag <header> serve para conter o conteúdo que tende a ficar no
cabeçalho, como logo, campo de pesquisa, menu principal.
Pergunta 8
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
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?
<form>
<input>
<select>
<form>
<label>
<button>
Resposta correta: d. <label>
Essa tag é u�lizada por leitores de telapara 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 9
Resposta Selecionada: 
Respostas:
Na linguagem HTML, temos as tags, que são marcações que indicam, para o
navegador, como a informação deve ser exibida. Mas existem situações em que é
preciso uma informação complementar. 
Essas informações são chamadas de atributos. Por exemplo: a tag <form> serve
para enviar informações de um formulário, mas é o atributo "action" que determina
para onde essas informações serão enviadas. Qual o atributo que indica qual
página deve ser exibida no navegador quando o usuário clicar no link?
charset
src
charset
lang
0 em 1 pontos
0 em 1 pontos
01/09/22, 19:51 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365473_1&course_id=_190138_1&content_id=_850849… 6/6
Quinta-feira, 1 de Setembro de 2022 19h51min47s BRT
 
Comentário
da resposta:
href
https
Resposta correta: d. href
O atributo href (hiperlink reference) é o que vai indicar para onde o
navegador deve ir quando o usuário clicar no link.
Pergunta 10
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
Separar os tipos de códigos em arquivos diferentes permite que o código fique
mais organizado, melhorando a manutenção, e fazendo com que a página HTML
fique mais rápida de carregar. Qual a tag utilizada para vincular um arquivo .css à
uma página HTML?
<link>
<link>
<a>
<form>
<style>
<head>
Resposta correta: a. <link>
Para vincular o arquivo HTML ao arquivo CSS, você deverá
utilizar a tag <link> dentro da tag <head>.
← OK
1 em 1 pontos