Authorial Projects with HTML and CSS

Analise as seguintes afirmações sobre projetos autorais com HTML e CSS: I. Um bom projeto autoral deve partir da observação do cotidiano e propor uma solução digital. II. Uma das principais aplicações de HTML e CSS em projetos de estudantes é a criação de lojas virtuais. III. O uso de HTML e CSS pode ser útil para criar páginas que informam, educam ou facilitam o acesso a serviços. IV. Projetos autorais não podem se inspirar em sites já existentes e devem apresentar propostas próprias. Com base na análise, quais afirmações estão corretas?

• Apenas I e II estão corretas.

• Apenas I e III estão corretas.

• Apenas III e IV estão corretas.

• Apenas II e IV estão corretas.

Lucas está criando um site para sua comunidade rural e quer garantir que ele seja bem projetado e rápido. Ele sabe que usar HTML e CSS pode ajudar, mas não tem certeza de como evitar erros que possam prejudicar a página. Considerando as afirmações a seguir, marque-as como Verdadeiras ou Falsas: 1. O CSS pode ser usado para mudar a cor do texto ou o fundo de uma página. 2. Adicionar muitas imagens e efeitos pode deixar a página mais lenta e difícil de usar. 3. Usar animações em CSS é sempre uma boa ideia, independentemente do contexto. 4. Usar a tag

pode ajudar a organizar a página em seções e facilitar a aplicação de estilos com CSS. 5. Usar muitas fontes diferentes e cores vibrantes pode tornar a página mais interessante visualmente e mais fácil de ler. Com base nessa análise, as afirmações são, respectivamente:

V – F – F – V – F

V – V – F – V – F

F – V – F – V – F

V – F – V – F – F

Com base no uso ético da mídia em projetos web, qual das afirmações a seguir está correta?

• Usar fotos da internet sem verificar a licença é permitido, desde que o site não tenha fins lucrativos.

• Ao utilizar textos ou imagens de terceiros, é importante citar a fonte ou pedir autorização.

• Produzir seu próprio conteúdo visual e textual elimina a necessidade de citar fontes ou direitos autorais.

• Em projetos escolares, às vezes é possível publicar fotos de colegas sem permissão se eles forem amigos.

Qual propriedade CSS é usada para alterar a cor de fundo de um botão?

• background-color

• color

• border-radius

• transition

Que valor deve ser atribuído à propriedade color para que o texto do botão fique branco, de acordo com os blocos de código fornecidos?

• Branco

• #3498db

• 10px

• #2980b9

Qual dos blocos de código a seguir aplica corretamente um raio de borda de 10 pixels a um botão em CSS?

• border-radius: 10px;

• background-color: 10px;

• color: 10px;

• transition: 10px;

Qual é a sintaxe CSS correta para fazer a transição suave da cor de fundo de um botão durante 0,3 segundos com um efeito ease?

• transition: background-color 0.3s ease;

• background-color: 0.3s ease;

• transition: color 0.3s ease;

• border-radius: 0.3s ease;

Ao usar a pseudo-classe :hover no CSS, qual propriedade e valor das opções deve ser usada para mudar a cor de fundo do botão para #2980b9?

• background-color: #2980b9;

• color: #2980b9;

• border-radius: #2980b9;

• transition: #2980b9;

Organize os seguintes blocos de código na ordem correta para completar o CSS do botão: 1. #3498db 2. Branco 3. 10px 4. background-color 0.3s ease

• background-color: #3498db; color: Branco; border-radius: 10px; transition: background-color 0.3s ease;

• color: #3498db; background-color: Branco; border-radius: 10px; transition: background-color 0.3s ease;

• border-radius: #3498db; color: 10px; background-color: Branco; transition: background-color 0.3s ease;

• transition: #3498db; color: Branco; border-radius: 10px; background-color: background-color 0.3s ease;

Com base na sua análise, qual das seguintes boas práticas ou melhorias seria recomendada para o trecho de código apresentado?

• Melhoria semântica: coloque a tag

  dentro da tag

  para manter todo o conteúdo de navegação junto.

• Melhoria na organização do código: manter o CSS dentro da tag