Logo Passei Direto
Buscar

Desenvolvimento de Software

Outros
CSS (Cascading Style Sheets) é uma linguagem poderosa e versátil que permite controlar a aparência de elementos em uma página da web. Uma das funcionalidades mais úteis do CSS é a capacidade de utilizar media queries. As media queries permitem que os desenvolvedores adaptem o estilo de um site com base nas características do dispositivo em que está sendo exibido, como tamanho da tela, orientação ou resolução. Com as media queries, é possível criar layouts responsivos, que se ajustam automaticamente a diferentes dispositivos, proporcionando uma experiência de usuário consistente e agradável em todos os dispositivos. Essa flexibilidade do CSS, combinada com as media queries, torna possível criar designs fluidos que se adaptam a uma ampla variedade de dispositivos e tamanhos de tela, proporcionando uma experiência de navegação otimizada. A respeito de media queries, analise as afirmativas abaixo:

I. @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes.

II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia.

III. O operador only é utilizado para determinar que se aplica somente a mídia definida.

IV. Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada.

Agora, selecione a alternativa que apresenta a alternativa correta:

I. @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes.
II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia.
III. O operador only é utilizado para determinar que se aplica somente a mídia definida.
IV. Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada.
A) Apenas I e II estão corretas.
B) Apenas I, II e III estão corretas.
C) Apenas I, II e IV estão corretas.
D) Apenas I, III e IV estão corretas.
E) Todas estão corretas.
User badge image
Tópicos de Análise e Desenvolvimento de Sistemas

há 2 anos

User badge image
Tópicos de Análise e Desenvolvimento de Sistemas

há 2 anos

fundamentos da programação web
8 pág.

fundamentos da programação web

Respostas

User badge image

Ed Verified user icon

ano passado

Vamos analisar cada afirmativa sobre media queries: I. @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes. Verdadeiro, essa media query é usada para aplicar estilos a telas que têm uma largura mínima de 768 pixels, geralmente associada a tablets e telas maiores. II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia. Verdadeiro, as media queries são usadas para aplicar estilos específicos com base nas características do dispositivo. III. O operador only é utilizado para determinar que se aplica somente a mídia definida. Verdadeiro, o operador "only" é usado para evitar que estilos sejam aplicados a mídias que não correspondem àquela definida. IV. Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada. Verdadeiro, breakpoints são, de fato, os pontos em que o layout muda para se adaptar a diferentes larguras de tela. Como todas as afirmativas estão corretas, a alternativa correta é: E) Todas estão corretas.

Essa resposta te ajudou?

0
Dislike0
left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar essa resposta. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

User badge image

Ed Verified user icon

há 2 anos

A alternativa correta é a letra B) Apenas I, II e III estão corretas. Explicação: I. @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes. - Correta. II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia. - Correta. III. O operador only é utilizado para determinar que se aplica somente a mídia definida. - Correta. IV. Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada. - Incorreta, pois a definição de breakpoints está incorreta. Breakpoints são pontos específicos em que o layout de uma página da web muda para se adaptar a diferentes tamanhos de tela. Portanto, apenas as afirmativas I, II e III estão corretas.

Essa resposta te ajudou?

0
Dislike0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

fundamentos da programação web
8 pág.

fundamentos da programação web

Mais perguntas desse material

A HTML semântica é uma abordagem para desenvolver páginas da web que atribui significado estrutural aos elementos HTML. Em vez de usar tags apenas para definir a aparência visual de uma página, a HTML semântica busca transmitir o propósito e a função de cada elemento para facilitar a compreensão tanto pelos desenvolvedores quanto pelos mecanismos de busca. A respeito das tags semânticas do HTML5 e suas descrições, relacione a Coluna 1 a` Coluna 2.

1. Section ( ) O elemento representa uma composição independente em um documento, página, aplicativo ou site
2. Aside ( ) representa uma seção de uma página com links para outras páginas ou partes da página:
3. Header ( ) O elemento representa uma seção genérica de um documento ou aplicativo.
4. Nav ( ) Delimita o cabeçalho de uma página ou de uma seção específica de uma página.
5. Article ( ) Define um conteúdo que é relacionado ao conteúdo principal de uma página, mas que pode ser considerado secundário ou complementar a ele.

Assinale a alternativa que apresenta a sequência CORRETA de respostas.

A 3 – 4 – 2 – 1 – 5.

B 5 – 4 – 1 – 3 – 2.

C 2 – 3 – 5 – 4 – 1.

D 4 – 3 – 1 – 2 – 5.

E 5 – 1 – 4 – 3 – 2.


A) 3 – 4 – 2 – 1 – 5.
B) 5 – 4 – 1 – 3 – 2.
C) 2 – 3 – 5 – 4 – 1.
D) 4 – 3 – 1 – 2 – 5.
E) 5 – 1 – 4 – 3 – 2.

O DOM, ou Modelo de Objeto de Documento, é uma interface de programação que representa uma página web carregada em um navegador. Ele permite que os desenvolvedores acessem, manipulem e atualizem dinamicamente o conteúdo, a estrutura e o estilo de uma página HTML por meio de scripts, principalmente utilizando a linguagem de programação JavaScript. Com o JavaScript e o DOM, os desenvolvedores podem interagir com os elementos da página, alterando seus atributos, adicionando ou removendo elementos, respondendo a eventos e atualizando a interface de acordo com ações do usuário. Essa combinação poderosa permite a criação de páginas interativas e dinâmicas, tornando a experiência do usuário mais envolvente. Sobre os métodos desse modelo analise as afirmacoes abaixo:

I. getElementById(): acessa o elemento DOM identificando o id. ID é identificador único, exclusivo no documento.

II. getElementByClassName(): retorna uma lista com todos os elementos que possuem o nome da classe dada.

III. querySelector(): permite acessar o primeiro elemento que corresponde a um seletor CSS especificado.

Agora, selecione a alternativa que apresenta a alternativa correta:

I. getElementById(): acessa o elemento DOM identificando o id. ID é identificador único, exclusivo no documento.
II. getElementByClassName(): retorna uma lista com todos os elementos que possuem o nome da classe dada.
III. querySelector(): permite acessar o primeiro elemento que corresponde a um seletor CSS especificado.
A) Apenas I e II estão corretas.
B) Apenas I e III estão corretas.
C) Apenas II e III estão corretas.
D) Todas estão corretas.
E) Nenhuma está correta.

Os seletores CSS são uma parte fundamental da estilização e formatação de páginas da web. Eles permitem que os desenvolvedores identifiquem e apliquem estilos a elementos específicos em um documento HTML. Os seletores CSS são usados para segmentar elementos com base em sua estrutura, classes, IDs ou outros atributos. Com os seletores disponíveis, é possível direcionar elementos individuais, grupos de elementos ou até mesmo elementos aninhados. Essa flexibilidade oferece um controle preciso sobre o design e a aparência de uma página, permitindo a personalização de cores, fontes, tamanhos, margens e muito mais. A respeito de seletores de classe, analise as afirmacoes abaixo e marque V para as asserções verdadeiras e F para as asserções falsas:
I. ( ) O seletor de classe é utilizado para selecionar elementos utilizando o nome do elemento.
II. ( ) Para selecionar elementos com uma classe específica, utiliza-se o caractere cerquilha (#), seguido do nome da classe.
III. ( ) O seletor de classe permite estilizar elementos com base em um atributo de classe específico.
IV. ( ) O seletor de classe é representado pelo caractere ponto (.), seguido do nome da classe.
Agora, selecione a alternativa que apresenta a sequência correta:


A F - V - F - F
B V - F - F - V
C V - V - V - F
D F - F - V - V
E V - F - V - F

Existem vários tipos de seletores CSS, como o seletor de tipo, o seletor de classe, e o seletor de ID. Além disso, há seletores mais avançados, como o seletor de descendente, o seletor de filho direto e o seletor de atributo, que permitem uma seleção mais precisa de elementos. Ao combinar esses seletores e aplicar propriedades de estilo, como cores, fontes e posicionamento, os desenvolvedores podem criar uma aparência visual atraente e consistente para suas páginas da web. A respeito do que você estudou sobre seletores analise as afirmações abaixo e marque V para as asserções verdadeiras e F para as asserções falsas:
I. ( ) O seletor "*" seleciona apenas um elemento específico da página.
II. ( ) O seletor "*" aplica a formatação apenas à cor de fundo dos elementos HTML.
III. ( ) O seletor "*" é usado para selecionar todos os elementos HTML da página.
IV. ( ) O seletor universal é representado pelo caractere asterisco (*).
Agora, selecione a alternativa que apresenta a sequência correta:


A F - V - F - F
B V - F - F - V
C V - V - V - F
D F - F - V - V
E V - F - V - F

Em CSS encontramos propriedades que permitem aplicar várias estilizações nas páginas. Dentre elas temos a propriedade z-index que é especialmente útil quando se trabalha com elementos posicionados de forma absoluta (position: absolute) ou fixa (position: fixed). A propriedade z-index se refere-se:

Nota: 10.0

A Permite verificar a posição de um elemento em relação ao topo da página.
B Permite definir a ordem de empilhamento de elementos posicionados.
C Permite definir a largura de um elemento.
D Permite definir a altura de um elemento.
E Permite definir a cor de fundo de um elemento.


A Permite verificar a posição de um elemento em relação ao topo da página.
B Permite definir a ordem de empilhamento de elementos posicionados.
C Permite definir a largura de um elemento.
D Permite definir a altura de um elemento.
E Permite definir a cor de fundo de um elemento.

Analise o código:

const especialistas= ["Mariana Freitas"];
Para adicionar o nome Andre Teixeira no array especialistas, imediatamente após o nome já existente, utiliza-se a instrução


A especialistas[2]=”Andre Teixeira”;
B add(“Andre Teixeira”);
C insert(“Andre Teixeira”);
D append(“Andre Teixeira”);
E especialistas.push(“Andre Teixeira”);

Se um desenvolvedor desejar remover de um vetor o primeiro elemento e o retornar como resultado, qual método ele utilizaria?

JavaScript possui métodos que são funções que estão associadas a objetos e desempenham um papel fundamental na manipulação e interação com os dados.
Eles permitem que os desenvolvedores executem ações específicas em objetos, como acessar propriedades, modificar valores, realizar cálculos e muito mais.
A push()
B shift()
C join()
D pop()
E reverse()

Mais conteúdos dessa disciplina