Quiz Web Standards

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695393_2202_01 2202-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ
Usuário
Curso 2202-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 02/06/22 15:44
Enviado 02/06/22 16:26
Data de vencimento 08/06/22 23:59
Status Completada
Resultado da tentativa 8 em 10 pontos  
Tempo decorrido 41 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
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 2
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 é?
Sala de Aula Tutoriais
1 em 1 pontos
1 em 1 pontos
← OK
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_193_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#contextMenu
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_183785_1&content_id=_8226602_1&mode=reset
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_183785_1
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#contextMenu
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_183785_1&content_id=_8226602_1&mode=reset
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_183785_1&content_id=_8226602_1&mode=reset
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=_193_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
https://senacsp.blackboard.com/webapps/login/?action=logout
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24820779_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
É 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 utiliza 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 3
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
O termo container é novo. No início do HTML, ainda não existia uma preocupação
em organizar o conteúdo da página dentro de um local específico. Quantos e
quais os tipos de container que existem no Bootstrap?
São três. Para telas de tablets, para telas de celulares e para
telas de computadores.
São três. Para telas de tablets, para telas de celulares e para
telas de computadores.
Apenas uma.
São duas. Responsivo de largura fixa e responsivo de largura
fluida.
São duas. Containers que seguem web standards e os que não
os seguem.
São três. Containers de HTML, de CSS e de JS
Resposta correta: c. São duas. Responsivo de largura fixa e
responsivo de largura fluída.
Responsivo de largura fixa, que é quando recebe uma classe
que usa medida em pixel. Responsivo de largura fluida, que é
quando recebe uma classe que usa medida em porcentagem.
0 em 1 pontos
Pergunta 4
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 tiverem 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-1, .col-md-1, .col-md-1, .col-md-1, .col-md-1
.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 alternativas
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
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 utilizando 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.
0 em 1 pontos
1 em 1 pontos
Pergunta 7
Resposta Selecionada:
Respostas:
Comentário da
resposta:
O Flexbox permite mudarmosa 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:
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 objetivo 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 9
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
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 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.
1 em 1 pontos
Quinta-feira, 2 de Junho de 2022 16h27min10s BRT
Comentário
da resposta:
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.