NEW
Font size
WorksheetsREC. 1 do 1° trimestre Matemática II
Total questions: 10
Worksheet time: 5mins
Imagine que você é Designer de Moda com o objetivo de conseguir um emprego em uma marca de alta costura que busca profissionais com expertise em moda sustentável. Você tem um portfólio com várias coleções, mas algumas delas são mais relevantes para o seu objetivo profissional do que outras.
Qual a importância de destacar os melhores projetos no seu portfólio nesse caso? Identifique a alternativa correta:
Alternativa correta
Focar nas coleções mais inovadoras, mesmo que não estejam relacionadas à moda sustentável, para impressionar com criatividade.
Mostrar todas as coleções, mesmo as menos relevantes, para demonstrar versatilidade e volume de trabalho.
Destacar os projetos que mostram sua expertise em moda sustentável, alinhados com os seus valores e objetivos profissionais.
Apresentar apenas as coleções que mais agradam ao seu gosto pessoal, independentemente do tema sustentável.
Considerando a criação de um documento HTML para um site, é importante compreender o uso da tag <h1> quando queremos estruturar a hierarquia correta da nossa página.
Qual é a função da tag <h1> em um documento HTML? Identifique a alternativa correta.
A tag <h1> é utilizada em todas as palavras e termos que queremos dar importância em uma página.
A tag <h1> é utilizada para especificar o título principal de uma página HTML.
A tag <h1> é utilizada somente quando queremos fazer descrições de itens em uma página.
A tag <h1> é utilizada para criar links em uma página HTML, direcionando o usuário para outras seções ou páginas.
Identifique a alternativa correta sobre o uso de classes no Bootstrap:
Alternativa correta
As classes no Bootstrap são utilizadas exclusivamente para a criação de componentes JavaScript dinâmicos, como sliders e modais, ajudando a reutilizar soluções interativas.
As classes no Bootstrap são pré-definidas e permitem aplicar estilos e comportamentos específicos aos elementos HTML, facilitando a reutilização de soluções de layout responsivo e criando uma estrutura visual consistente.
As classes no Bootstrap são usadas para definir a estrutura HTML de uma página, o que permite reutilizar o layout básico e garantir que elementos como divs, cabeçalhos e parágrafos sejam reconhecidos pelo navegador.
As classes no Bootstrap são utilizadas para manipular a semântica HTML e interatividade, permitindo a reutilização de comportamentos, como a ativação de ações ao clicar em botões.
Considere que você está construindo um site e precisa alinhar todos os elementos dentro da tag <header> ao centro.
Aplique a classe correta para o seu código, selecionando-a nas alternativas seguir:
text-align: center
container-fluid
text-center
row
Bianca está criando um site usando Bootstrap. Ela sabe que o espaçamento visual é muito importante e por isso quer adicionar um layout mais agradável ao site. Porém, ela está em dúvida em como adicionar uma margem superior ao seu elemento utilizando classes do Bootstrap.
<main class="____">
</main>
A partir do código acima e da necessidade de Bianca, aplique a classe correta para adicionar uma margem superior ao elemento principal.
mt-5
col-md-4
pt-5
m-5
Analise as afirmações a seguir sobre a seção de projetos de um portfólio:
(I) A seção de projetos deve ser criada utilizando um contêiner (container) para garantir que os elementos sejam alinhados corretamente e respeitem as margens padrão do Bootstrap.
(II) Cada projeto deve ser exibido em uma coluna, e para isso, podemos usar a classe col-md-4, que permite que quatro colunas sejam exibidas lado a lado em telas médias.
(III) A classe row é utilizada para agrupar as colunas, garantindo que elas sejam exibidas na mesma linha.
(IV) Para criar um card para cada projeto, podemos utilizar a classe card do Bootstrap, que fornece um layout pré-definido para exibir informações de forma organizada.
Agora, assinale a alternativa correta:
Apenas II é verdadeira.
Todas as afirmações são verdadeiras
I e II são verdadeiras, III e IV são falsas.
I, II e III são verdadeiras e IV é falsa.
Marcela estilizou sua página com CSS, mas percebeu que os estilos não foram aplicados corretamente. Avalie o código abaixo e escolha a opção que descreve o erro do código de Marcela:
import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"); root { cor-principal: #3498db; } body { background-color: var(--cor-principal); }
A declaração import deve ser precedida por #, o seletor root deve ser escrito como @root e a propriedade da cor deve ser --cor-principal.
A declaração import deve indicar sempre um arquivo CSS e não o link de uma fonte externa, o seletor root deve ser escrito como :root e a propriedade da cor deve ser declarada sem o símbolo # antes da cor.
A declaração import deve ser precedida por @, o seletor root deve ser escrito como :root e a propriedade da cor deve ser --cor-principal, com -- antes do nome.
A declaração import deve ser precedida por :, o seletor root deve ser escrito como @root e a propriedade da cor deve ser indicada somente pelo nome da cor (exemplo: “white”).
No projeto que estamos desenvolvendo foi utilizada a tag article para criarmos a estrutura de um cartão. Sobre essa tag, escolha a alternativa correta:
A tag article é utilizada para definir um artigo, ou seja, ela cria um elemento de texto simples em HTML.
A tag article é utilizada para criar seções de navegação no documento HTML.
A tag article é utilizada quando precisamos criar elementos que se relacionam entre si, dependendo uns dos outros para funcionar.
A tag article é utilizada quando precisamos criar um elemento independente em HTML, ou seja, um elemento que funciona sem depender dos demais.
Qual das alternativas abaixo apresenta a propriedade do CSS que altera a largura de um elemento para que ele ocupe toda a página?
height:100px;
width: 100%;
width: 100px;
height: 100%;
Pedro está desenvolvendo o seu projeto de cartões de estudo e para o plano de fundo da página ele selecionou uma imagem diferente. A imagem está adicionada na pasta Imagens e o nome do arquivo é background-cartoes.png.
Pensando nisso, escolha a alternativa que apresenta corretamente o código necessário para usar essa imagem como plano de fundo do site.
background: url(‘Imagens/background-cartoes.png’);
background: 'Imagens/background-cartoes.png';
background: url(‘img/background-cartoes.png’);
background-color: url(‘Imagens/background-cartoes.png’);
