Colaborar - Av1 - Desenvolvimento Responsivo

Prévia do material em texto

 Desenvolvimento Responsivo (/aluno/timeli…
Av1 - Desenvolvimento Responsivo
Colaborar  
(/notific
Informações Adicionais
Período: 03/02/2025 00:00 à 03/03/2025 23:59
Situação: Cadastrado
Tentativas: 3 / 3
Pontuação: 2500
Protocolo: 1076568816
Avaliar Material
1)
a)
b)
c)
d)
e)
2)
“O design responsivo refere-se à técnica que permite que uma página na internet possa ser visualizada,
ou seja, acessada de quaisquer tipos de máquina ou aparelho independente da sua resolução de tela”
Sabe-se que não é uma boa prática desenvolver várias versões de um web site, uma para cada dispositivo!
Existem conceitos básicos referentes ao desenvolvimento responsivo que é necessário fazer parte do nosso
leque de conhecimento da arquitetura. Levando isso em consideração é correto afirmar que:
Alternativas:
Dentro do conceito de design responsivo podemos aplicar a ideia de web fluida assim como web
adaptável, levando em consideração que ambas são sub itens do design responsivo.
O design digital deve levar em consideração que a mudança no layout ao interagir com a dimensão da
tela é dependente de Javascript mesmo com o CSS3
A grade do layout de um web site deve ser flexível e isso é possível utilizando a tag a partir do
surgimento do CSS3.
O design responsivo acaba sendo mais vantajoso em relação ao adaptativo, pois ele consegue carregar
as páginas mais rápido por serem adaptadas em tempo de execução
Um design responsivo além de se adaptar à resolução do equipamento do usuário,
facilita a indexação do SEO, devido a certas técnicas utilizadas.
Alternativa assinalada
Assim como o HTML, o CSS (em inglês Cascading Style Sheet), traduzindo “folha de estilo em cascata”,
não é uma linguagem de programação, e muito menos uma linguagem de marcação, como muitos acham.
CSS é uma linguagem de folha de estilo. São usadas para formatar o layout das  páginas
(https://techterms.com/definition/webpage)  da  web (https://techterms.com/definition/webpage),
https://www.colaboraread.com.br/aluno/timeline/index/4289051502?ofertaDisciplinaId=2338113
https://www.colaboraread.com.br/aluno/timeline/index/4289051502?ofertaDisciplinaId=2338113
https://www.colaboraread.com.br/notificacao/index
https://www.colaboraread.com.br/notificacao/index
https://www.colaboraread.com.br/notificacao/index
javascript:void(0);
https://techterms.com/definition/webpage
https://techterms.com/definition/webpage
https://techterms.com/definition/webpage
https://techterms.com/definition/webpage
a)
b)
c)
d)
e)
3)
simplificando o CSS é usado para estilizar elementos HTML seletivamente. Eles podem ser usados para
definir estilos de texto, tamanhos de tabela e outros aspectos de páginas da web que anteriormente só
podiam ser definidos no HTML de (https://techterms.com/definition/html) uma página (SILVA, 2019).
 
Baseado nas definições e conceitos de CSS, avalie as seguintes asserções e a relação proposta entre elas.
 
I. Depois que o estilo é definido no CSS, ele pode ser usado por qualquer página que faça referência ao
arquivo CSS. Além disso, o CSS facilita a alteração de estilos em várias páginas ao mesmo tempo. 
 
PORQUE
 
II. O CSS auxilia os desenvolvedores de website a desenvolverem uma aparência uniforme em várias páginas
de um site. Ao invés de definir o estilo de cada tabela e cada bloco de texto no HTML de uma página, os
estilos comumente usados precisam ser definidos apenas uma vez em um documento CSS (GILLENWATER,
2010). 
A respeito dessas asserções, assinale a alternativa correta.
Alternativas:
As asserções I e II são proposições verdadeiras, mas a II não justifica a I. Alternativa assinalada
As asserções I e II são proposições verdadeiras e a II justifica a I.
A asserção I é uma proposição verdadeira e a II, falsa.
A asserção I é uma proposição falsa e a II, verdadeira.
As asserções I e II são proposições falsas.
As Pseudo-classes CSS são palavras-chave para os seletores que definem atributos quando o seletor está
em um estado especial. Basicamente, as pseudo-classes definem o estilo de um elemento quando o
elemento está em um estado específico.
De acordo com as informações apresentadas na tabela a seguir, faça a associação das pseudo-classes
contidos na Coluna A com seus respectivos conteúdos abordados e que irá completar a frase corretamente
na Coluna B.
 
I. :hover
1. Se você quiser alterar o estilo do elemento quando ele ficar em foco, você
pode usar a classe seletor ____ .
II. :focos
2. Suponha que você queira alterar a cor de um link (seletor ou elemento)
para vermelho ao passar o mouse sobre ele, você pode simplesmente usar a
pseudo classe _____.
III :link
3. A pseudo-classe ____ diz ao navegador para definir uma propriedade
particular assim que o usuário visita o link.
IV :visited
4. Você deseja definir uma cor padrão do link em seu site para Cinza, você
pode simplesmente usar uma pseudo-classe ____.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Alternativas:
https://techterms.com/definition/html
https://techterms.com/definition/html
a)
b)
c)
d)
e)
4)
a)
b)
c)
d)
e)
5)
I - 4; II - 3; III - 2; IV - 1.
I - 4; II - 1; III - 2; IV - 3.
I - 3; II - 4; III - 1; IV - 2.
I - 2; II - 1; III - 4; IV – 3 Alternativa assinalada
I - 1; II - 3; III - 2; IV - 4.
As pseudo-classes estruturais permitem a seleção de elementos com base na estrutura de todo
o documento HTML, que inclui a posição de cada elemento e o número de vezes que ocorre a ocorrência de
um elemento no documento.
Um navegador trata um documento HTML como uma árvore de nós, onde os nós são representados por
elementos e seus elementos filhos.
As pseudo-classes estruturais permitem que você selecione esses nós e calcule a posição de um nó filho na
lista de nós de um nó ou elemento pai.
Acerca dos seus conhecimentos relacionados as pseudo-classes estruturais, e julgue as afirmativas abaixo, e
marque a que está CORRETA:
Alternativas:
As duas pseudo-classes :first-child e :first-of-type modificam o último elemento com alguma condição,
e apesar se serem parecidas, tem uma grande diferença.
Essas pseudo-classes :last-child e :last-of-type são quase idênticas as :first-child e :first-of-type. A
única diferença é que elas selecionam os primeiros elementos do pai e não os primeiros.
Pseudo-classes :only-child e :only-of-type, também são parecidas com as anteriores,
mas selecionam somente elementos que são filhos únicos.
Alternativa assinalada
As pseudo-classes estruturais mantém o estilo de acordo com a quantidade de elementos HTML
similares na página ou de acordo com o conteúdo do HTML.
Através da pseudo-classe :focus, podemos indicar qual elemento de uma navegação ou de um
formulário possuem o foco do mouse/teclado.
O Bootstrap 5 chegou oficialmente! Depois de três alfas, três betas e vários meses de trabalho árduo,
estamos lançando a primeira versão estável de nossa nova versão principal.
A versão principal atual, lançada em maio de 2021, trouxe consigo toneladas de mudanças e melhorias,
incluindo a adição de novos componentes, novas classes, novo estilo para componentes antigos, suporte a
navegador atualizado, remoção de alguns componentes antigos, e muito mais.
 
Baseado nas abordagens do Bootstrap 5, e o que você pode fazer a partir dele, julgue as afirmativas a seguir
em (V) Verdadeiras ou (F) Falsas.
 
(  ) É possível criar uma variação diferente da barra de navegação.
 
a)
b)
c)
d)
e)
(  ) É possível criar facilmente guias dinâmicas para gerenciar uma grande quantidade de conteúdo.
 
(  ) Podemos criar rapidamente diferentes tipos de layouts de formulário.
 
(  ) Podemos criar facilmente um controle deslizante de imagem para mostrar seu conteúdo.
Assinale a alternativa que apresenta a sequência CORRETA.
Alternativas:
V – V – F – F.
F – F – V – V.
V – V – V – V. Alternativa assinalada
V – F – V – V.
V – V – V – F.