Baixe o app para aproveitar ainda mais
Prévia do material em texto
Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695393_2301_01 2301-WEB STANDARDS Quiz SP_GRAD_695393_2301_01 (2301-WEB STANDARDS) H Avisos Guia da Disciplina Calendário Quadro de Notas AULAS Unidade 1 Unidade 2 Unidade 3 Unidade 4 Midiateca Biblioteca ATIVIDADES Produção Textual Individual Quiz Prova de Recuperação INTERAÇÃO Fórum Webconferência Ajuda REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ Quinta-feira, 21 de Março de 2024 10h09min13s BRT Usuário PAMELA CHRISTY MESQUITA MUNIZ Curso 2301-WEB STANDARDS Teste Clique aqui para iniciar o Quiz Iniciado 28/03/23 17:07 Enviado 28/03/23 17:17 Data de vencimento 29/03/23 23:59 Status Completada Resultado da tentativa 10 em 10 pontos Tempo decorrido 9 minutos Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários Pergunta 1 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 2 À medida que os desenvolvedores e empresas de software vão aderindo ao conceito de web standars, a linguagem CSS passa a se popularizar. A linguagem CSS só funciona com HTML e tem uma função bem definida, que é: Resposta Selecionada: Indicar como o HTML deve ser exibido no navegador. Respostas: Indicar como o HTML deve ser exibido no navegador. Indicar como o HTML deve reagir de acordo com o comportamento do usuário. Servir para gerar interatividade do conteúdo com o usuário. Servir para gerar recursos de acessibilidade. Servir para deixar as tags semânticas. Comentário da resposta: Resposta correta: a. Indicar como o HTML deve ser exibido no navegador. O CSS (Cascate Style Sheet, tradução: folha de es�lo em cascata) é a linguagem que descreve como o HTML deve ser exibido no navegador. 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 Separar os tipos de códigos em arquivos diferentes permite que o código fique mais organizado, melhorando a manutenção, e fazendo com que a página HTML fique mais rápida de carregar. Qual a tag utilizada para vincular um arquivo .css à uma página HTML? Resposta Selecionada: <link> Respostas: <link> <a> <form> <style> <head> Comentário da resposta: Resposta correta: a. <link> Para vincular o arquivo HTML ao arquivo CSS, você deverá utilizar a tag <link> dentro da tag <head>. Pergunta 5 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. Pergunta 6 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? Resposta Selecionada: flex-wrap Respostas: flex-wrap float break shrink flex-direction Comentário da resposta: 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 7 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. A classe .dropdown é usada para criar uma barra de navegação e a classe .dropup é usada para criar uma caix 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 8 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 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. 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 9 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. Resposta Selecionada: Porque ele tem a função de abrigar todo ou parte do conteúdo da página. Respostas: 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 Comentário da resposta: Resposta correta: b. Porque ele tem a função de abrigar todo ou parte do conteúdo da página. Acabamospor chamá-lo de container, porque ele assume a função de abrigar o conteúdo da página. Pergunta 10 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> 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. ← OK Sala de Aula Tutoriais 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos 1 em 1 pontos PAMELA CHRISTY MESQUITA MUNIZ 55 https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_205076_1 https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196484_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_205076_1 https://senacsp.blackboard.com/webapps/blackboard/content/launchLink.jsp?course_id=_205076_1&tool_id=_123_1&tool_type=TOOL&mode=view&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196491_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196490_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/launchLink.jsp?course_id=_205076_1&tool_id=_145_1&tool_type=TOOL&mode=view&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196500_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196489_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196498_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196494_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196485_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196486_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196487_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196484_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196497_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/launchLink.jsp?course_id=_205076_1&tool_id=_131_1&tool_type=TOOL&mode=view&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196488_1&mode=reset https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205076_1&content_id=_9196493_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
Compartilhar