Quiz WEB STANDARDS

Prévia do material em texto

26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 1/8
 Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695393_2303_01 2303-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário SABRINA ALMEIDA CARVALHO
Curso 2303-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 26/09/23 15:30
Enviado 26/09/23 15:48
Data de vencimento 27/09/23 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
Resposta Selecionada: 
Respostas:
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 é?
É a linguagem de marcação criada para a World Wide Web.
É o nome do protocolo de acesso da Web.
Sala de Aula Tutoriais
1 em 1 pontos
SABRINA ALMEIDA CARVALHO
80
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_219531_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_219531_1&content_id=_9894489_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
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 2/8
 
Comentário da
resposta:
É 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 2
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
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 3/8
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.
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
1 em 1 pontos
1 em 1 pontos
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 4/8
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
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.
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 5
Resposta Selecionada: 
Respostas: 
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>
1 em 1 pontos
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 5/8
Comentário da
resposta:
<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 6
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
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 é:
Permitir que programas de leitura de tela possam narrar o contexto da imagem.
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.
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 noatributo alt. Isso ajuda pessoas com deficiência visual a
terem uma ideia do que contém a imagem exibida.
Pergunta 7
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
1 em 1 pontos
1 em 1 pontos
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 6/8
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
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>.
Pergunta 8
Resposta Selecionada: 
Respostas:
 
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-2, .col-md-2, .col-md-4, .col-md-2, .col-md-2
.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
1 em 1 pontos
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 7/8
Comentário da
resposta:
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 alterna�vas 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 9
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 duas. Responsivo de largura fixa e responsivo de largura fluida.
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.
Pergunta 10
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.
1 em 1 pontos
1 em 1 pontos
26/09/2023, 15:49 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_33699238_1&course_id=_219531_1&content_id=_9894508_1&return_content=1&step= 8/8
Terça-feira, 26 de Setembro de 2023 15h49min03s BRT
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
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.
← OK