Colaborar - Av - Subst 1 - Desenvolvimento Responsivo

Prévia do material em texto

 Desenvolvimento Responsivo (/aluno/timeli…
Av - Subst. 1 - Desenvolvimento Responsivo
  
(/notific
Informações Adicionais
Período: 06/06/2023 00:00 à 10/06/2023 23:59
Situação: Confirmado
Tentativas: 3 / 3
Pontuação: 1500
Protocolo: 868600797
A atividade está fora do período do cadastro
Avaliar Material
1)
a)
b)
c)
d)
e)
2)
“Em tempos em que a internet tem sido uma aliada importante para a tomada de decisões do consumidor, é imprescindível
ter uma presença online minimamente capaz de facilitar essa ação. Neste sentido, o site é uma ferramenta que precisa ser
otimizada.”
Levando em consideração a importância de desenvolver um web site realmente eficiente para alcançar seu público, determine a
opção que demonstra uma boa prática a ser abordada no desenvolvimento:
Alternativas:
A utilização do Rem e Em ao invés do pixel permite uma melhoria em relação ao tamanho dos
elementos de um web site.
 Alternativa assinalada
Dependendo da resolução do dispositivo a aparência e disposição de destaques devem ser diferentes.
O tempo gasto para desenvolvimento e teste do comportamento de um web site é primordial em relação ao planejamento
inicial
Sempre utilizar uma biblioteca de terceiro para tornar o desenvolvimento do web site mais produtivo, pois o CSS puro não
consegue ajudar em todos os pontos.
É essencial a qualidade de uma imagem no web site e deve ser respeitada independentemente do tamanho do arquivo da
imagem
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:
https://www.colaboraread.com.br/aluno/timeline/index/3071235704?ofertaDisciplinaId=1946113
https://www.colaboraread.com.br/notificacao/index
javascript:void(0);
a)
b)
c)
d)
e)
3)
a)
b)
c)
d)
e)
4)
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.

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.
Alternativa assinalada
A validação de formulário é quando você insere dados, o aplicativo da Web faz uma verificação para ver se os dados estão
corretos. Se estiver correto, o aplicativo permite que os dados sejam enviados ao servidor e (geralmente) salvos em um banco de
dados; se não, você receberá uma mensagem de erro explicando quais correções precisam ser feitas. A validação de formulários
pode ser implementada de várias maneiras diferentes.
 
Considerando as informações apresentadas, analise as afirmativas a seguir:
 
I. Um dos recursos do HTML5 é a capacidade de validar a maioria dos dados do usuário sem depender de scripts.
II. Quando um elemento será considerado válido: se o usuário tentar enviar os dados, o navegador enviará o formulário, desde
que nada mais o impeça de fazê-lo.
III. Quando um elemento será considerado inválido: se o usuário tentar enviar os dados, o navegador bloqueará o formulário e
exibirá uma mensagem de erro.
IV. Atributos de validação em elementos de formulário, permitem especificar regras para uma entrada de formulário, como se
um valor precisa ser preenchido, o comprimento mínimo e máximo dos dados, se precisa ser um número, um e-mail endereço,
ou qualquer outra coisa, e um padrão que deve corresponder.
Considerando o contexto apresentado, é correto o que se afirma em:
Alternativas:
I e II, apenas.
II e IV, apenas.
I, II e III, apenas.
I, III e IV, apenas.
I, II, III e IV.  Alternativa assinalada
Com o Bootstrap 5, é fácil construir e projetar interfaces modernas, responsivas e dinâmicas para páginas da web de design
profissional e páginas personalizadas. É possível criar diversos tipos de layouts usando as combinações breakpoints, containers,
colunas e grid system. Mas tudo depende de um bom protótipo e da marcação correta para encaixar os itens no grid system do
Bootstrap.
 
De acordo com as informações apresentadas na tabela a seguir, faça a associação dos layouts de Bootstrap 5 (breakpoints,
containers, colunas e grid system) contidas na Coluna A com suas características contidas na Coluna B, respectivamente.
 
I Breakpoints
1. É uma ferramenta poderosa para criar layouts que priorizam os dispositivos
móveis. Ele é a base de tudo, e onde o seu projeto se inicia
a)
b)
c)
d)
e)
5)
a)
b)
c)
d)
e)
II Containers 2. Definem as divisões verticais das linhas do seu layout.
III Colunas
3. Garante que o seu layout fique alinhado na página, e com margens para as
laterais. Também centraliza o conteúdo na tela do browser.
IV Grid System
4. São larguras personalizáveis que determinam como seu layout responsivo se
comporta em dispositivos ou tamanhos de janela de visualização.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Alternativas:
I - 4; II - 3; III - 2; IV - 1.  Alternativa assinalada
I - 1; II - 3; III - 2; IV - 4.
I - 4; II - 1; III - 2; IV - 3.
I - 3; II - 4; III - 1; IV – 2
I - 2; II - 1; III - 4; IV - 3.
O desenvolvimento de sites e aplicativos com Bootstrap não exige muito esforço, pois oferece muitos recursos e
componentes importantes para o uso e que você também pode personalizar. Levando isso a um passo adiante, você pode usar
do Bootstrap, o Bootstrap UI Kit, que é uma das estruturas de design mais populares para desenvolvimento web e design
responsivo atualmente. Isso torna a prototipagem e o design da web muito mais fáceis. Com também pode utilizar os temas de
IU (design de interface do usuário) que também visa acelerar seu processo de desenvolvimento ainda mais. Porém existem
algumas diferenças entre estes, algumas pessoas costumam confundir.
 
Baseado nas abordagens do kit e temas do Bootstrap, e suas principais características, julgue as afirmativas a seguir em (V)
Verdadeiras ou (F) Falsas.
 
(  ) Kit de IU É um código HTML, CSS e JavaScript completo, pronto para usar, que consiste em estilos, componentes de IU e
layouts de página que costumam ser usados para um nicho específico ou tipo de site e aplicativo.
 
(  ) Tema de IU é um kit de interface do usuário que consiste em uma coleção de componentes de IU.
 
(  ) Embora os kits de IU do Bootstrap sejam frequentemente usados peça por peça, o que significa que você só escolherá um
componente ou recurso específico de que precisa, conforme exigido por seu projeto.
 
(  ) Os temas do bootstrap costumam ser usados em pacotes, o que significa que você simplesmente modificará alguns
conteúdos, recursos e estilos.
Assinale a alternativa que apresenta a sequência CORRETA.
Alternativas:
V – V – F – F. Alternativa assinalada
F – F – V – V. 
V – V – V – V.
V – F – V – V.
V – V – V – F.