Quiz Web Standards

Prévia do material em texto

12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 1/7
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695393_2401_01 2401-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário GUILHERME BATISTA PEREIRA DOS SANTOS
Curso 2401-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 12/03/24 08:28
Enviado 12/03/24 08:44
Data de vencimento 27/03/24 23:59
Status Completada
Resultado da tentativa 9 em 10 pontos  
Tempo decorrido 15 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
A sintaxe do código jQuery possui a seguinte estrutura: $(seletor).ação().
Assinale a alternativa que indique quais opções podem ser colocadas no seletor.
I. <script>; “.imagem”; “#figura”
II. “imagem”, “#figura”; “img”
III. “#figura”; <p>; “img”
IV. <script>, “.imagem”, <p>
V. “imagem”, <p>; “img”
Resposta Selecionada: II
Respostas: I
 II
III
IV
V
Sala de Aula Tutoriais
1 em 1 pontos
GUILHERME BATISTA PEREIRA DOS SANTOS
131
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_235489_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_235489_1&content_id=_10661793_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
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 2/7
Comentário da
resposta:
Resposta correta: b. II
Você deve se lembrar de que, no CSS, para alterar os es�los,
precisamos indicar o que será alterado. E pode ser indicada uma
classe, um ID de um elemento ou o nome do próprio elemento. A
biblioteca jQuery u�liza os mesmos seletores do CSS.
Pergunta 2
Na linguagem HTML, existem muitos recursos que servem para situações que vão
além de, simplesmente, criar páginas web. É o caso de metas tags para
padronização de caracteres, ou de acessibilidade, ou para permitir que robôs de
busca possam ler o conteúdo. No caso do atributo alt , é correto afirmar que sua
função é:
Resposta
Selecionada: Permitir que programas de leitura de tela possam narrar o
contexto da imagem.
Respostas: Evitar conflitos de caracteres internacionais.
Fazer os robôs de busca posicionarem o site na primeira
página.
Permitir que programas de leitura de tela possam narrar o
contexto da imagem.
Permitir que os links saibam qual página deve ser aberta.
Facilitar a visualização do site em dispositivos mobile, sem
distorção do layout.
Comentário da
resposta:
Resposta correta: c. Permitir que programas de leitura de tela
possam narrar o contexto da imagem.
Aplica�vos leitores de tela podem ler a descrição inserida no
atributo alt. Isso ajuda pessoas com deficiência visual a terem uma
ideia do que contém a imagem exibida.
Pergunta 3
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.
Resposta Selecionada: order
Respostas: display
position
1 em 1 pontos
1 em 1 pontos
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 3/7
 order
flex-direction
flex-wrap
Comentário da
resposta:
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
No início da Web, muitas siglas surgiram. Algumas sendo abreviações do nome de
redes, ou de linguagens, ou de parcerias entre empresas. No caso da sigla
HTML, você sabe dizer o que ela é?
Resposta
Selecionada: É a linguagem de marcação criada para a World Wide Web.
Respostas: É o nome do protocolo de acesso da Web.
É a identificação de um site.
É o nome do primeiro navegador criado.
É a linguagem de marcação criada para a World Wide Web.
É o nome do conglomerado de empresas criado para
regulamentar os web standards.
Comentário da
resposta:
Resposta correta: d. É a linguagem de marcação criada para a
World Wide Web.
O HTML é a principal linguagem da Web, que u�liza marcação
(conhecida como tag) para a publicação de conteúdo (texto,
imagens, vídeos, áudio etc.) na web, e seu criador foi Tim Berners-
Lee.
Pergunta 5
O framework Bootstrap possui muitas classes que são parecidas e podem causar
alguma confusão para quem ainda não domina, como as classes .nav e .navbar.
Também existem as classes .dropup e .dropdown. Qual alternativa explica a
diferença entre essas classes?
Resposta
Selecionada: A classe .dropdown exibe a lista do menu para baixo e a classe
.dropup exibe a lista do menu para cima.
1 em 1 pontos
1 em 1 pontos
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 4/7
Respostas: A classe .dropdown serve para exibir um menu suspenso e a
classe .dropup exibe um popup na tela e serve para fazer caixa
modal.
A classe .dropdown é usada para criar uma barra de navegação
e a classe .dropup é usada para criar uma caixa modal, como
uma caixa popup.
A classe .dropdown serve para formatar qualquer campo do
formulário e a classe .dropup serve para o mesmo propósito,
mudando, apenas, o estilo dos campos.
A classe .dropdown exibe a lista do menu para baixo e a classe
.dropup exibe a lista do menu para cima.
A classe .dropdown organiza os itens do container em direção à
parte inferior, e a classe .dropup organiza os itens em direção
ao topo.
Comentário da
resposta:
Resposta correta: d. A classe .dropdown exibe a lista do
menu para baixo e a classe .dropup exibe a lista do menu
para cima.
A classe .dropdown exibe um menu para baixo. Essa é a opção
padrão dos menus. A classe .dropup exibe um menu para cima.
Pergunta 6
Muitas redes surgiram no começo da Internet. Cada uma para uma finalidade ou
grupo específico de informações. A World Wide Web é a rede que mais se
popularizou, e ela também é conhecida como:
Resposta Selecionada: Web.
Respostas: Internet.
ARPANET.
 Web.
USENET.
HTTP.
Comentário da
resposta:
Resposta correta: c. Web.
E, finalmente, temos a World Wide Web, conhecida também como
Web. Essa rede foi criada por Tim Berners-Lee, que, atualmente, é
o diretor do World Wide Web Consortium (o W3C).
1 em 1 pontos
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 5/7
Pergunta 7
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?
Resposta Selecionada:
Enviar dados de usuário direto para o banco de dados.
Respostas: 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.
Comentário da
resposta:
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 fazercom os dados. Ou
seja, é preciso ter uma linguagem que consiga pegar os dados,
manipulá-los ou armazená-los.
Pergunta 8
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?
Resposta Selecionada: <link>
Respostas: <link>
<a>
<form>
<style>
<head>
Comentário da
resposta:
Resposta correta: a. <link>
Para vincular o arquivo HTML ao arquivo CSS, você deverá
utilizar a tag <link> dentro da tag <head>.
1 em 1 pontos
1 em 1 pontos
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 6/7
Pergunta 9
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?
Resposta Selecionada: <label>
Respostas: <input>
<select>
<form>
 <label>
<button>
Comentário da
resposta:
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 10
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
Resposta
Selecionada: Verificar se o documento é compatível com a biblioteca jQuery,
antes de executar o código.
Respostas: 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.
1 em 1 pontos
0 em 1 pontos
12/03/2024, 08:44 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_36468316_1&course_id=_235489_1&content_id=_106618… 7/7
Terça-feira, 12 de Março de 2024 08h44min04s BRT
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.
Comentário da
resposta:
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.
← OK