QUIZ WEB STANDARDS - SENAC EAD

Prévia do material em texto

<p>Revisar envio do teste: Clique aqui para iniciar o Quiz</p><p>SP_GRAD_695393_2403_01 2403-WEB STANDARDS Quiz</p><p>Revisar envio do teste: Clique aqui para iniciar o Quiz</p><p>Usuário DANIEL BENELLI MOURO</p><p>Curso 2403-WEB STANDARDS</p><p>Teste Clique aqui para iniciar o Quiz</p><p>Iniciado 23/09/24 09:58</p><p>Enviado 23/09/24 10:11</p><p>Data de vencimento 25/09/24 23:59</p><p>Status Completada</p><p>Resultado da tentativa 10 em 10 pontos</p><p>Tempo decorrido 13 minutos</p><p>Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários</p><p>Pergunta 1</p><p>O framework Bootstrap possui muitas classes que são parecidas e podem causar</p><p>alguma confusão para quem ainda não domina, como as classes .nav e .navbar.</p><p>Também existem as classes .dropup e .dropdown. Qual alternativa explica a</p><p>diferença entre essas classes?</p><p>Resposta</p><p>Selecionada: A classe .dropdown exibe a lista do menu para baixo e a classe</p><p>.dropup exibe a lista do menu para cima.</p><p>Respostas: A classe .dropdown serve para exibir um menu suspenso e a</p><p>classe .dropup exibe um popup na tela e serve para fazer caixa</p><p>modal.</p><p>A classe .dropdown é usada para criar uma barra de navegação e</p><p>a classe .dropup é usada para criar uma caixa modal, como uma</p><p>caixa popup.</p><p>A classe .dropdown serve para formatar qualquer campo do</p><p>formulário e a classe .dropup serve para o mesmo propósito,</p><p>mudando, apenas, o estilo dos campos.</p><p>A classe .dropdown exibe a lista do menu para baixo e a classe</p><p>.dropup exibe a lista do menu para cima.</p><p>A classe .dropdown organiza os itens do container em direção à</p><p>parte inferior, e a classe .dropup organiza os itens em direção ao</p><p>topo.</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: d. A classe .dropdown exibe a lista do menu</p><p>para baixo e a classe .dropup exibe a lista do menu para cima.</p><p>1 em 1 pontos</p><p>https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_250969_1</p><p>https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_250969_1&content_id=_11479795_1&mode=reset</p><p>A classe .dropdown exibe um menu para baixo. Essa é a opção</p><p>padrão dos menus. A classe .dropup exibe um menu para cima.</p><p>Pergunta 2</p><p>No início da Web, muitas siglas surgiram. Algumas sendo abreviações do nome</p><p>de redes, ou de linguagens, ou de parcerias entre empresas.  No caso da sigla</p><p>HTML, você sabe dizer o que ela é?</p><p>Resposta</p><p>Selecionada:</p><p>É a linguagem de marcação criada para a World Wide Web.</p><p>Respostas: É o nome do protocolo de acesso da Web.</p><p>É a identi�cação de um site.</p><p>É o nome do primeiro navegador criado.</p><p>É a linguagem de marcação criada para a World Wide Web.</p><p>É o nome do conglomerado de empresas criado para</p><p>regulamentar os web standards.</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: d. É a linguagem de marcação criada para a</p><p>World Wide Web.</p><p>O HTML é a principal linguagem da Web, que u�liza marcação</p><p>(conhecida como tag) para a publicação de conteúdo (texto,</p><p>imagens, vídeos, áudio etc.) na web, e seu criador foi Tim Berners-</p><p>Lee.</p><p>Pergunta 3</p><p>Quando colocamos um texto dentro de uma DIV, por exemplo, ele �ca quase</p><p>colado à borda. É muito útil poder criar um espaço ao redor do texto, facilitando</p><p>a leitura e melhorando a visualização de ambos os elementos. Qual propriedade</p><p>CSS é responsável por inserir esse espaçamento interno no elemento HTML?</p><p>Resposta Selecionada: padding</p><p>Respostas: margin</p><p>border</p><p>font-size</p><p>padding</p><p>background-color</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: d. padding</p><p>é responsável pelo espaçamento interno do</p><p>elemento.Padding</p><p>Pergunta 4</p><p>A sintaxe do código jQuery possui a seguinte estrutura: $(seletor).ação().</p><p>Assinale a alternativa que indique quais opções podem ser colocadas no</p><p>1 em 1 pontos</p><p>1 em 1 pontos</p><p>1 em 1 pontos</p><p>seletor.</p><p>I. <script>; “.imagem”; “#�gura”</p><p>II.  “imagem”, “#�gura”; “img”</p><p>III.  “#�gura”; <p>; “img”</p><p>IV.  <script>, “.imagem”, <p></p><p>V. “imagem”, <p>; “img”</p><p>Resposta Selecionada: II</p><p>Respostas: I</p><p>II</p><p>III</p><p>IV</p><p>V</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: b. II</p><p>Você deve se lembrar de que, no CSS, para alterar os es�los,</p><p>precisamos indicar o que será alterado. E pode ser indicada uma</p><p>classe, um ID de um elemento ou o nome do próprio elemento. A</p><p>biblioteca jQuery u�liza os mesmos seletores do CSS.</p><p>Pergunta 5</p><p>O formulário foi a primeira experiência de interatividade que o usuário teve na</p><p>Web. Porém, muitos o confundem achando que ele processa as informações,</p><p>mas ele apenas as envia.  Qual alternativa não representa a função de um</p><p>formulário?</p><p>Resposta Selecionada: Enviar dados de usuário direto para o banco de dados.</p><p>Respostas: Enviar mensagem para outra página.</p><p>Enviar dados de usuário direto para o banco de dados.</p><p>Enviar dados de login para outra página.</p><p>Enviar dados de pesquisa para outra página.</p><p>Enviar dados de cadastro para outra página.</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: b. Enviar dados de usuário direto para o banco</p><p>de dados.</p><p>É importante lembrar que os dados são enviados para uma</p><p>página, mas ela precisa saber o que fazer com os dados. Ou seja,</p><p>é preciso ter uma linguagem que consiga pegar os dados,</p><p>manipulá-los ou armazená-los.</p><p>Pergunta 6</p><p>1 em 1 pontos</p><p>1 em 1 pontos</p><p>Existem algumas tags que não podem ser repetidas em uma página. É o caso, por</p><p>exemplo, da tag , que representa a própria página e não pode haver uma cópia.</p><p>Das tags listadas abaixo, indique qual não pode ser repetida no código da</p><p>página:</p><p>Resposta Selecionada: <main></p><p>Respostas: <main></p><p><div></p><p><sec�on></p><p><ar�cle></p><p><link></p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: a. <main></p><p>Só pode exis�r uma tag <main> na página, e ela nunca deve ser</p><p>uma tag filha das tags <sec�on>, <ar�cle>, <nav>, <footer>,</p><p><header> e <aside>.</p><p>Pergunta 7</p><p>O Flexbox permite mudarmos a direção dos itens de um container, usando</p><p>apenas a propriedade �ex-direction. Assinale a alternativa que corresponda a</p><p>todos os valores dessa propriedade.</p><p>Resposta Selecionada: row, row-reverse, column, column-reverse.</p><p>Respostas: row, row-reverse, column, column-reverse.</p><p>left, right, top, bottom</p><p>up, down, left, right</p><p>frontend, backend</p><p>row, column</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: a. row, row-reverse, column, column-reverse</p><p>Para alterar a direção dos itens, usamos a propriedade �ex-</p><p>direction na mesma classe do container. E só existem 4 opções</p><p>possíveis: row, row-reverse, column, column-reverse.</p><p>Pergunta 8</p><p>Na linguagem HTML, temos as tags, que são marcações que indicam, para o</p><p>navegador, como a informação deve ser exibida. Mas existem situações em que é</p><p>preciso uma informação complementar.</p><p>Essas informações são chamadas de atributos. Por exemplo: a tag</p><p><form> serve para enviar informações de um formulário, mas é o atributo</p><p>"action" que determina para onde essas informações serão enviadas.  Qual o</p><p>atributo que indica qual página deve ser exibida no navegador quando o usuário</p><p>clicar no link?</p><p>Resposta Selecionada: href</p><p>1 em 1 pontos</p><p>1 em 1 pontos</p><p>Respostas: src</p><p>charset</p><p>lang</p><p>href</p><p>https</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: d. href</p><p>O atributo href (hiperlink reference) é o que vai indicar para</p><p>onde o navegador deve ir quando o usuário clicar no link.</p><p>Pergunta 9</p><p>Quando a tag <a> foi criada, a �nalidade era vincular quaisquer tipos de arquivo,</p><p>sejam eles páginas web ou não. Sabemos que os navegadores são feitos para</p><p>exibir o conteúdo de uma página web (e, atualmente, também o conteúdo de</p><p>arquivos PDF). No entanto, o que ocorre quando o link da página está vinculado a</p><p>um arquivo que não pode ser exibido no navegador?</p><p>Resposta</p><p>Selecionada:</p><p>É feito o download do arquivo.</p><p>Respostas: O navegador oferece uma lista de programas para abrir o</p><p>arquivo.</p><p>É feito o download do arquivo.</p><p>É direcionado para a página do site onde está hospedado o</p><p>arquivo.</p><p>É exibido um código de erro HTTP na tela do navegador.</p><p>Não ocorre ação nenhuma.</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: b. É feito o download do arquivo.</p><p>Quando o arquivo vinculado à uma âncora não pode ser aberto</p><p>em um navegador, imediatamente é feito o download dele.</p><p>Pergunta 10</p><p>É possível utilizar o jQuery para alterar o conteúdo e o estilo da página. Assinale</p><p>a</p><p>alternativa que tenha um código que altera o estilo de uma tag.</p><p>Resposta Selecionada: $("p").css("background-color","red");</p><p>Respostas: $(".cor").hide();</p><p>$(".estilo").show();</p><p>$("p").css("background-color","red");</p><p>$(" #color").html("background-color:red");</p><p>$("#color").click();</p><p>Comentário da</p><p>resposta:</p><p>Resposta correta: c. $(“p”).css(“background-color”,”red”);</p><p>Além de podermos modi�car a estrutura de uma página,</p><p>também podemos modi�car o estilo. A sintaxe do código é</p><p>bem simples.</p><p>1 em 1 pontos</p><p>1 em 1 pontos</p><p>Segunda-feira, 23 de Setembro de 2024 10h11min55s BRT</p><p>$("seletor").css("propriedade", "valor");</p><p>← OK</p>