QUIZ Web Standards

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695393_2401_01 2401-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário LARA CAROLINA FONSECA DE SENA
Curso 2401-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 15/03/24 10:10
Enviado 15/03/24 10:29
Data de vencimento 27/03/24 23:59
Status Completada
Resultado da tentativa 10 em 10 pontos  
Tempo decorrido 18 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
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:
Resposta Selecionada: <main>
Respostas: <main>
Sala de Aula Tutoriais
1 em 1 pontos
LARA CAROLINA FONSECA DE SENA
3
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
<div>
<sec�on>
<ar�cle>
<link>
Comentário da
resposta:
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 2
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.
Resposta Selecionada: row, row-reverse, column, column-reverse.
Respostas: row, row-reverse, column, column-reverse.
left, right, top, bottom
up, down, left, right
frontend, backend
row, column
Comentário da
resposta:
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.
1 em 1 pontos
Pergunta 3
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 4
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.
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.
1 em 1 pontos
1 em 1 pontos
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 5
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?
Resposta Selecionada: <header>
Respostas: <header>
<main>
margin-top
<footer>
<sec�on>
1 em 1 pontos
Comentário da
resposta:
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 6
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:
Resposta Selecionada: Apple, Mozila, Opera.
Respostas: Apple, Mozila, Opera.
Google, Apple, IBM.
Microsoft, Google, Apple.
Microsoft, Opera, Mozila.
W3C, Microsoft, Apple.
Comentário da
resposta:
Resposta correta: a. Apple, Mozila, Opera.
O WHATWG é um grupo de empresas como Mozila, Opera, Apple (proprietária do navegador Safari), e outras. O
obje�vo 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 7
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?
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada: São duas. Responsivo de largura fixa e responsivo de largura fluida.
Respostas: 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
Comentário da
resposta:
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.
Pergunta 8
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.
Resposta Selecionada: 12
Respostas: 3
8
6
2
 12
Comentário da resposta: Resposta correta: e. 12
O sistema de grid no Bootstrap funciona como uma grade dividida em doze colunas.
1 em 1 pontos
Pergunta 9
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:
 Fazer com que o código seja lido somente após a página ter terminado de carregar.
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.
Permitir queo 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.
Pergunta 10
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.
1 em 1 pontos
1 em 1 pontos
Sexta-feira, 15 de Março de 2024 10h29min12s BRT
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.
← OK