Quiz web standards 10-10

Prévia do material em texto

01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 1/7
 
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:20
Enviado 01/09/22 19:34
Data de vencimento 28/09/22 23:59
Status Completada
Resultado da tentativa 10 em 10 pontos  
Tempo decorrido 14 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
Respostas:
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.
Sala de Aula Tutoriais
1 em 1 pontos
PAULO HENRIQUE NUNES MATOS
9
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:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 2/7
Comentário
da resposta:
Resposta correta: c. Exibir a lista de menu, cujo ID é igual ao
valor do data-target.
indica que, ao clicar, ele deve exibir o objeto que possui o ID com o
mesmo nome do valor desse atributo.Data-target
Pergunta 2
Resposta Selecionada: 
Respostas: 
Comentário
da resposta:
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>
<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 3
Resposta Selecionada: 
Respostas:
 
I. <script>; “.imagem”; “#figura”
II. “imagem”, “#figura”; “img”
III. “#figura”; <p>; “img”
IV. <script>, “.imagem”, <p>
V. “imagem”, <p>; “img”
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.
II
I
II
1 em 1 pontos
1 em 1 pontos
01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 3/7
Comentário
da
resposta:
III
IV
V
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 4
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 5
1 em 1 pontos
1 em 1 pontos
01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 4/7
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
É inegável que o Bootstrap permite criar soluções bem versáteis. Desde um layout
elegante, até interagir com o usuário. São três, as linguagens usadas pelo
Bootstrap. Assinale a alternativa que contenha essas três linguagens.
HTML, CSS, JS
CSS, JS, jQuery
HTML, CSS, JS
Flexbox, CSS, HTML
ARPANET, USENET, HTML
HTML, CSS, Flexbox
Resposta correta: b. HTML, CSS, JS
O Bootstrap é um framework que foi desenvolvido u�lizando as
linguagens HTML, CSS e JS. Encontramos em sua documentação
classes personalizadas do CSS, arquivos de script do JS e uma estrutura
HTML baseada em grid.
Pergunta 6
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
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.
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.
1 em 1 pontos
01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 5/7
Pergunta 7
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 8
Resposta Selecionada: 
Respostas: 
Comentário
da
resposta:
Existem algumas tags que não podem ser repetidas em uma página. É o caso,por
exemplo, da tag , que representa a própria página e não pode haver uma cópia. 
Das tags listadas abaixo, indique qual não pode ser repetida no código da página:
<main>
<main>
<div>
<sec�on>
<ar�cle>
<link>
Resposta correta: a. <main>
Só pode exis�r uma tag <main> na página, e ela nunca deve ser uma
tag filha das tags <sec�on>, <ar�cle>, <nav>, <footer>, <header> e
<aside>.
Pergunta 9
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
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 6/7
Resposta
Selecionada:
 
Respostas:
 
Comentário
da
resposta:
HTML, você sabe dizer o que ela é?
É a linguagem de marcação criada para a World Wide Web.
É 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.
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 10
Resposta
Selecionada:
Respostas:
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 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 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.
1 em 1 pontos
01/09/22, 19:34 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26365318_1&course_id=_190138_1&content_id=_850849… 7/7
Quinta-feira, 1 de Setembro de 2022 19h34min42s BRT
Comentário
da
resposta:
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.
← OK