webstandards

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695393_2303_01 2303-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário WILKER MILHOMEM
Curso 2303-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 17/09/23 17:24
Enviado 17/09/23 18:17
Data de vencimento 27/09/23 23:59
Status Completada
Resultado da tentativa 9 em 10 pontos  
Tempo decorrido 53 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
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.
Esse atributo é um recurso de acessibilidade que serve para que leitores de tela possam descrever, em áudio, os
itens do menu.
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 tela possam 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 ativar 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 ativada.
Pergunta 2
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
O Bootstrap trabalha com muitas classes CSS, mas para que alguns recursos funcionem adequadamente, também é preciso fazer uso
de atributos do HTML. No caso do atributo data-target, usado em uma barra de navegação, assinale a alternativa que indique sua
finalidade.
Exibir a lista de menu, cujo ID é igual ao valor do data-target.
Garantir acessibilidade para leitores de tela.
Exibir o menu com o formato de sanduíche.
Exibir a lista de menu, cujo ID é igual ao valor do data-target.
Exibir a barra de navegação na horizontal.
Indicar qual a URL deve ser aberta ao clicar no item do menu.
Resposta correta: c. Exibir a lista de menu, cujo ID é igual ao valor do data-target.
Sala de Aula Tutoriais
0 em 1 pontos
1 em 1 pontos
WILKER MILHOMEM
36
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_219531_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_219531_1&content_id=_9894489_1&mode=reset
https://www.ead.senac.br/
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_260_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
indica que, ao clicar, ele deve exibir o objeto que possui o ID com o mesmo nome do valor desse
atributo.Data-target
Pergunta 3
Resposta
Selecionada:
 
Respostas:
 
Comentário da
resposta:
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 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 4
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
O Flexbox permite mudarmos a direção dos itens de um container, usando apenas a propriedade flex-direction. Assinale a alternativa que
corresponda a todos os valores dessa propriedade.
row, row-reverse, column, column-reverse.
row, row-reverse, column, column-reverse.
left, right, top, bottom
up, down, left, right
frontend, backend
row, column
Resposta correta: a. row, row-reverse, column, column-reverse
Para alterar a direção dos itens, usamos a propriedade �ex-direction na mesma classe do container. E só
existem 4 opções possíveis: row, row-reverse, column, column-reverse.
Pergunta 5
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?
<label>
<input>
<select>
<form>
<label>
<button>
Resposta correta: d. <label>
Essa tag é utilizada 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 6
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
É possível utilizar o jQuery para alterar o conteúdo e o estilo da página. Assinale a alternativa que tenha um código que altera o estilo de
uma tag.
$("p").css("background-color","red");
$(".cor").hide();
$(".estilo").show();
$("p").css("background-color","red");
$(" #color").html("background-color:red");
$("#color").click();
Resposta correta: c. $(“p”).css(“background-color”,”red”);
Além de podermos modificar a estrutura de uma página, também podemos modificar o estilo. A sintaxe do
código é bem simples.
$("seletor").css("propriedade", "valor");
Pergunta 7
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 8
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 9
Resposta Selecionada: 
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?
href
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
Domingo, 17 de Setembro de 2023 18h17min15s BRT
Respostas:
 
Comentário da
resposta:
src
charset
lang
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