Baixe o app para aproveitar ainda mais
Prévia do material em texto
04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 1/7 Revisar envio do teste: Clique aqui para iniciar o Quiz SP_GRAD_695393_2301_01 2301-WEB STANDARDS Quiz REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ Usuário MAYARA CRISTINA GOMES BRANCO Curso 2301-WEB STANDARDS Teste Clique aqui para iniciar o Quiz Iniciado 04/03/23 13:48 Enviado 04/03/23 13:57 Data de vencimento 29/03/23 23:59 Status Completada Resultado da tentativa 10 em 10 pontos Tempo decorrido 8 minutos Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários Pergunta 1 Resposta Selecionada: Respostas: Comentário da resposta: 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> <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>. Sala de Aula Tutoriais 1 em 1 pontos MAYARA CRISTINA GOMES BRANCO 2 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://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 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 2/7 Pergunta 2 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 3 Resposta Selecionada: Respostas: Comentário da resposta: 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 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. 1 em 1 pontos 1 em 1 pontos 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 3/7 Pergunta 4 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ó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 5 Resposta Selecionada: Respostas: 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? <header> <header> <main> 1 em 1 pontos 1 em 1 pontos 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 4/7 Comentário da resposta: 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 6 Resposta Selecionada: Respostas: Comentário da resposta: I. <script>; “.imagem”; “#figura” II. “imagem”, “#figura”; “img” III. “#figura”; <p>; “img” IV. <script>, “.imagem”, <p> V. “imagem”, <p>; “img” A sintaxe do código jQuery possui a seguinte estrutura: $(seletor).ação(). Assinale a alternativa que indique quais opções podem ser colocadas no seletor. II I II III IV V Resposta correta: b. II Você deve se lembrar de que, no CSS, para alterar os es�los, precisamos indicar o que será alterado. E pode ser indicada uma classe, um ID de um elemento ou o nome do próprio elemento. A biblioteca jQuery u�liza os mesmos seletores do CSS. 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? 1 em 1 pontos 1 em 1 pontos 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 5/7 Resposta Selecionada: Respostas: Comentário da resposta: 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. 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 8 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 1 em 1 pontos 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 6/7 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 9 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>. Pergunta 10 Resposta Selecionada: Respostas: 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. Porque ele tem a função de abrigar todo ou parte do conteúdo da página. 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. 1 em 1 pontos 1 em 1 pontos 04/03/23, 13:57 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash... https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29514843_1&course_id=_205076_1&content_id=_919650… 7/7 Sábado, 4 de Março de 2023 13h57min15s BRT Comentário da resposta: 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. ← OK
Compartilhar