Questões resolvidas
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:
Qual a resposta correta?
Apple, Mozila, Opera.
Google, Apple, IBM.
Microsoft, Google, Apple.
Microsoft, Opera, Mozila.
W3C, Microsoft, Apple.
À medida que os desenvolvedores e empresas de software vão aderindo ao conceito de web standards, a linguagem CSS passa a se popularizar. A linguagem CSS só funciona com HTML e tem uma função bem definida, que é:
Qual a resposta correta?
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.
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?
Para que o Bootstrap cumpra sua função de ajudar a criar layouts mais padronizados, é preciso limitar algumas possibilidades que o desenvolvedor tem.
Assinale a alternativa que indique quantas colunas um grid tem.
3
8
6
2
12
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.
Qual a propriedade que podemos usar para que os itens restantes sejam colocados na linha seguinte?
flex-wrap
float
break
shrink
flex-direction
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 é 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.
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.
Assinale a opção que explique por que um elemento é chamado de container.
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.
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
, dentro de tags
.
Qual a tag para indicar o conteúdo do cabeçalho, como o logo, o menu etc?
margin-top
Qual a tag para indicar o conteúdo do cabeçalho, como o logo, o menu etc?
margin-top
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
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
Mais conteúdos dessa disciplina
Como arredondar cantos de qualquer objeto no CorelDraw- Como Aparar ou Soldar elementos no Corel Draw
- 05 Curriculo e entrevista ( TEA )
- Personalização em IA Conversacional
- criatividade, ideacao
- ATIVIDADE 1 DESIGN NA WEB E DISPOSITIVOS MÓVEIS - 54_2025
- ATIVIDADE 1 DESIGN NA WEB E DISPOSITIVOS MÓVEIS - 54_2025
- ATIVIDADE 1 DESIGN NA WEB E DISPOSITIVOS MÓVEIS - 54_2025
- ATIVIDADE 1 DESIGN NA WEB E DISPOSITIVOS MÓVEIS - 54_2025
- ATIVIDADE 1 DESIGN NA WEB E DISPOSITIVOS MÓVEIS - 54_2025
- A justiça social constitui um pilar essencial na construção de uma sociedade equitativa. Quais são os princípios fundamentais que a orientam? a. E...
- Avalie o desenho de observação da cafeteira abaixo e responda: o que deve-se observar quando avalia-se um desenho de observação? Questão 9Escolh...
- A sombra pode ser representada por técnicas como: Questão 5Escolha uma opção: a. o pontilhamento paralelo. b. o uso da borracha nas zonas claras, dest
- O sombreamento é: Questão 5Escolha uma opção: a. a técnica considerada padrão-ouro para representação fidedigna das dimensões do desenho. b. a região
- A sombra pode ser representada por técnicas como: Questão 1Escolha uma opção: a. a sobreposição de manchas com uso de lápis coloridos aquareláveis. b.
- A fase de Empatia no Design Thinking tem como objetivo compreender profundamente o usuário.
- Questão 3 Ainda não respondida Vale 1,00 ponto(s). “É pertinente enfatizar que a Revolução Industrial, ocorrida na Inglaterra no século XVIII foi o...
- O sombreamento é: Questão 15Escolha uma opção: a. a única técnica existente para representar volumetrias e dimensões em uma figura. b. a região de tra
- Ao iniciar a representação da luz em uma imagem, devemos iniciar pela: Questão 1Escolha uma opção: a. definição da intensidade e tonalidades escu...
- Assinale a alternativa correta: a. Design conceitual. b. Modelagem. c. Antecipação. d. Design físico. e. Design representacional.
- ''Atualmente a colagem contempla os trabalhos de artistas plásticos como: Questão 6Escolha uma opção: a. Tarsila do Amaral. b. Beatriz Milhazes. c. Sa
- ''Atualmente a colagem contempla os trabalhos de artistas plásticos como: Questão 6Escolha uma opção: a. Tarsila do Amaral. b. Beatriz Milhazes. c. Sa
- ''O sombreamento é: Questão 5Escolha uma opção: a. uma técnica que pode ser expressa tanto pela sombra projetada quanto pela sombra própria do objeto.
- Silva Neto [=] Astros e estrelas do cinema brasileiro
- Vittorio Capellaro [=] O caçador de diamantes