Quiz WebStandards

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 16:31
Enviado 02/06/22 16:37
Data de vencimento 08/06/22 23:59
Status Completada
Resultado da tentativa 8 em 10 pontos  
Tempo decorrido 6 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
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 2
Um recurso que não era tão simples fazer e que o Bootstrap tornou muito fácil é
o dropdown. Assinale a alternativa que melhor define o que é dropdown.
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=_24821591_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=_24821591_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=_24821591_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24821591_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24821591_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_24821591_1&course_id=_183785_1&content_id=_8226614_1&return_content=1&step=#
Resposta
Selecionada:
Respostas:
Comentário
da resposta:
Um menu em que, ao clicá-lo, exibe uma lista.
Nome de uma propriedade CSS usada para alterar a direção
dos itens de um menu.
Um menu em que, ao clicá-lo, exibe uma lista.
Um botão que possui o formato de uma bala.
Uma barra de navegação posicionada na parte inferior do
container.
Nome de uma propriedade CSS exclusiva para campos de
texto.
Resposta correta: b. Um menu que, ao clicar, exibe uma lista.
O conceito de menu suspenso, conhecido no Bootstrap como
“dropdown”, é simular o mesmo comportamento da caixa de
combinação construída em softwares de desenvolvimento em
que, ao clicá-la, exibe uma lista para que o usuário escolha o
item desejado.
Pergunta 3
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
Quando a tag <a> foi criada, a finalidade era vincular quaisquer tipos de
arquivo, sejam eles páginas web ou não. Sabemos que os navegadores são feitos
para exibir o conteúdo de uma página web (e, atualmente, também o conteúdo
de arquivos PDF). No entanto, o que ocorre quando o link da página está
vinculado a um arquivo que não pode ser exibido no navegador?
É feito o download do arquivo.
O navegador oferece uma lista de programas para abrir o
arquivo.
É feito o download do arquivo.
É direcionado para a página do site onde está hospedado o
arquivo.
É exibido um código de erro HTTP na tela do navegador.
Não ocorre ação nenhuma.
Resposta correta: b. É feito o download do arquivo.
Quando o arquivo vinculado à uma âncora não pode ser
aberto em um navegador, imediatamente é feito o download
dele.
Pergunta 4
Resposta
Selecionada:
Respostas:
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?
A classe .dropdown exibe a lista do menu para baixo e a classe
.dropup exibe a lista do menu para cima.
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.
1 em 1 pontos
1 em 1 pontos
Comentário da
resposta:
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.
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
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ódigoseja 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.
1 em 1 pontos
Para resolver essa questão, existe o evento Document Ready.
Pergunta 6
Resposta Selecionada:
Respostas:
Comentário da
resposta:
Quando a Web foi criada, a ideia principal era a de que uma página fosse
vinculada à outra por um simples texto ou imagem, onde o usuário pudesse
clicar e a página de destino fosse aberta no navegador. Isso só é possível por
causa de uma única tag que gera esse link entre as páginas. Sem ela, não
existiria Web.  Qual é essa tag?
<a>
<p>
<img>
<li>
<a>
<ul>
Resposta correta: d. <a>
Hipertextos são elementos conectados por palavras, ou
imagens etc., formando uma grande rede de informação.
Pois bem, o que permite que isso ocorra é o Elemento
Âncora (anchor), representado em HTML pela tag <a>.
1 em 1 pontos
Pergunta 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 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.
Pergunta 8
Resposta Selecionada: [Sem Resposta]
Respostas:
Comentário da
resposta:
O Flexbox alinha os itens do container, lado a lado, como padrão. Mas existem
situações em que a largura do container é pequena e não cabe todos os itens em
uma única linha. Nesse caso, qual a propriedade que podemos usar para que os
itens restantes sejam colocados na linha seguinte?
flex-wrap
float
break
shrink
flex-direction
Resposta correta: a. �ex-wrap
Quando usamos o valor “wrap”, na propriedade �ex-wrap, é
mantido o valor da largura dos itens e, caso a quantidade de
itens não caiba na largura, eles são posicionados nas próximas
linhas.
Pergunta 9
1 em 1 pontos
0 em 1 pontos
0 em 1 pontos
Quinta-feira, 2 de Junho de 2022 16h37min21s BRT
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.
Todas as opções são corretas
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.
Pergunta 10
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.
1 em 1 pontos