web standards

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o Quiz
STSICAS3DA_2103-2103-695393 2103-WEB STANDARDS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário DANIELLI ALMEIDA DA LUZ
Curso 2103-WEB STANDARDS
Teste Clique aqui para iniciar o Quiz
Iniciado 15/09/21 09:54
Enviado 15/09/21 10:10
Data de vencimento 20/09/21 23:59
Status Completada
Resultado da tentativa 8 em 10 pontos  
Tempo decorrido 15 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
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 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.
Sala de Aula Tutoriais
1 em 1 pontos
DANIELLI ALMEIDA DA LUZ
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_163739_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_163739_1&content_id=_7259575_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
Pergunta 2
Resposta
Selecionada:
Respostas:
Comentário
da
resposta:
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 que serve para que
leitores de tela possam descrever, em áudio, os itens do menu.
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.
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
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
0 em 1 pontos
1 em 1 pontos
Resposta Selecionada: 
Respostas: 
Comentário
da resposta:
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 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 serve para exibir um menu suspenso e a
classe .dropup exibe um popup na tela e serve para fazer caixa
modal.
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.
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.
0 em 1 pontos
Comentário
da resposta:
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:
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 6
Resposta Selecionada: 
Respostas:
 
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.
1 em 1 pontos
1 em 1 pontos
Comentário
da
resposta:
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 �verem essa classe serão afetadas.
Pergunta 7
Resposta Selecionada: 
Respostas:
 
Comentário
da resposta:
Na linguagem HTML, temos as tags, que são marcações que indicam, para o
navegador, como a informação deve ser exibida. Mas existem situações em que é
preciso uma informação complementar. 
Essas informações são chamadas de atributos. Por exemplo: a tag <form> serve
para enviar informações de um formulário, mas é o atributo "action" que determina
para onde essas informações serão enviadas. Qual o atributo que indica qual
página deve ser exibida no navegador quando o usuário clicar no link?
href
src
charset
lang
href
https
Resposta correta: d. href
O atributo href (hiperlink reference) é o que vai indicar para onde o
navegador deve ir quando o usuário clicar no link.
Pergunta 8
Resposta Selecionada: 
Respostas:
 
É 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
1 em 1 pontos
1 em 1 pontos
Comentário
da
resposta:
Resposta correta: b. HTML, CSS, JS
O Bootstrap é um frameworkque 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 9
Resposta Selecionada: 
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
flex-wrap
float
break
shrink
flex-direction
Resposta correta: a. �ex-wrap
Quando usamos o valor “wrap”, na propriedade �ex-wrap, é man�do
o valor da largura dos itens e, caso a quan�dade de itens não caiba na
largura, eles são posicionados nas próximas linhas.
Pergunta 10
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.
1 em 1 pontos
1 em 1 pontos
Quarta-feira, 15 de Setembro de 2021 10h10min31s BRT
Comentário
da resposta:
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
← OK
javascript:launch('/webapps/blackboard/content/listContent.jsp?content_id=_7259575_1&course_id=_163739_1&nolaunch_after_review=true');