Observe o código a seguir: <form> <input type=”text” id=”name” placeholder=”Digite seu nome”> <input type=”email” id=”email” placeholder=”Digite seu e-mail”> <input type=”submit” value=”Enviar”> </form> Considerando que esse código não está fornecendo um bom feedback ao usuário em caso de erro, qual a correção indicada?

Adicionar validação de formulário e mensagens de erro para campos obrigatórios.

Alterar o tipo do campo de e-mail para texto.

Adicionar um botão de reset ao formulário.

Remover os campos obrigatórios do formulário.

Pedro decidiu vender alguns dos seus jogos e, por isso, criou um site para anunciar os títulos e valores. Abaixo de cada título, há um botão chamado Comprar para que a pessoa interessada possa efetuar a compra. Para destacar o botão, as propriedades aplicadas foram: • cor de fundo verde; • cor da fonte branca; • borda de 3 pixels de espessura na cor amarela. Ordene todos os blocos que representam corretamente o estilo aplicado no botão Comprar. background-color: green; .botao-comprar{ border: 3px solid yellow;} color: white; Escreva a sequência correta de blocos nas linhas a seguir:

background-color: green; color: white; border: 3px solid yellow;

background-color: red; color: black; border: 1px solid blue;

background-color: yellow; color: green; border: 5px solid black;

background-color: blue; color: yellow; border: 2px dashed red;

RECUPERAÇÃO - PROGRAMAÇÃO

Authored by DIONATHAN SANTOS

Information Technology (IT)

12th Grade

Used 4+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Analise as afirmativas a seguir 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 estudantis é a
criação de lojas online.
III. O uso de HTML e CSS pode ser útil para criar páginas que informem,
eduquem ou facilitem o acesso a serviços.
IV. Projetos autorais não podem se inspirar em sites já existentes, devendo
apresentar propostas próprias.
A partir da análise, quais afirmativas estão corretas?

HTML e CSS são usados apenas para blogs pessoais.

Projetos autorais devem sempre seguir um modelo padrão.

A criação de jogos online é a principal aplicação de HTML e CSS.

I e III

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Lucas está criando um site para sua comunidade rural e quer garantir que
ele fique bem projetado e rápido. Ele sabe que usar HTML e CSS pode ajudar,
mas está em dúvida sobre como evitar erros que possam prejudicar a página.
Pensando nisso, analise as afirmações a seguir, considerando (V) para as
verdadeiras e (F) para as falsas.
( ) O CSS pode ser usado para mudar a cor do texto e o fundo da página.
( ) Adicionar muitas imagens e efeitos pode deixar a página mais lenta e difícil
de usar.
( ) O uso de animações CSS é uma boa ideia, independente do contexto.
( ) Usar a tag <div> pode ajudar a organizar a página em seções e facilitar a
aplicação de estilos com CSS.
( ) O uso de diversas fontes diferentes e cores brilhantes pode tornar a página
mais visualmente interessante e fácil de ler.
A partir dessa análise, as afirmativas são, respectivamente:

V, V, F, V, F

V – F – V – F – V

F – V – F – V – F

V – F – V – F – F

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Com base no uso ético de mídias em projetos web, verifica-se que:

O uso de mídias em projetos web deve ser restrito a profissionais.

A ética nas mídias é irrelevante para o sucesso de um projeto web.

O uso ético de mídias em projetos web é fundamental para garantir respeito e inclusão.

O uso de mídias deve priorizar a estética em detrimento da inclusão.

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Sobre o uso de tags HTML na construção de páginas web, leia as informações
das colunas a seguir e relacione cada tag a sua função correspondente.
Tag HTML Função
A. <div> 1. Usada para agrupar conteúdo relacionado, como
uma seção de um artigo ou uma parte do conteúdo da
página.
B. <footer> 2. Usada para agrupar links de navegação dentro de
uma página.
C. <section> 3. Usada para definir a seção de rodapé da página,
geralmente contendo informações de copyright, links e
outros detalhes.
D. <head> 4. Usada para agrupar conteúdo sem semântica
específica, geralmente para estilização ou estruturação.
E. <body> 5. Contém o conteúdo visível de uma página HTML,
como texto, imagens e outros elementos.
F. <nav> 6. Contém metadados sobre o documento, como título,
links para folhas de estilo e scripts.
A partir dessa análise, as associações são, respectivamente:

A-1, B-2, C-3, D-4, E-5, F-6

A-3, B-1, C-2, D-5, E-4, F-6

A-2, B-4, C-5, D-1, E-3, F-6

A-4, B-3, C-1, D-6, E-5, F-2

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Ana está criando um botão para seu site. Observe a sequência de imagens a
seguir:
Agora, observe o código que define o estilo do botão com as propriedades
indicadas:
button {
background-color: ;
color: ;
border-radius: ;
transition: ;
}
button:hover {
____________: #2980b9;
}
Ordene todos os blocos a seguir para completar o código:
#3498db White 10px background-color 0.3s ease
background-color
Escreva a sequência correta de blocos nas linhas a seguir:

button { background-color: #ff5733; color: Black; border-radius: 5px; transition: 0.5s linear; } button:hover { background-color: #c70039; }

button { background-color: #2ecc71; color: Grey; border-radius: 15px; transition: 0.2s ease-in; } button:hover { background-color: #27ae60; }

button { background-color: #e74c3c; color: Yellow; border-radius: 20px; transition: 1s ease-out; } button:hover { background-color: #c0392b; }

button { background-color: #3498db; color: White; border-radius: 10px; transition: 0.3s ease; } button:hover { background-color: #2980b9; }

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Analise o trecho de código a seguir.
<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title>Exemplo</title>
<style>
.header { background-color: #333; color: #222;
padding: 10px; }
.footer { background-color: #333; color: #222;
padding: 5px; }
</style>
</head>
<body>
<div class=”header”>
<h1>Bem-vindo</h1>
</div>
<div class=”footer”>
<p>© 2025</p>
</div>
</body>
</html>
Com base na sua análise, qual boa prática ou melhoria seria recomendada para
esse trecho de código?

Alterar a cor de fundo da classe .header para azul.

Adicionar um link para um arquivo CSS externo no .

Manter as aspas curvas e remover a tag do .

Substituir as aspas curvas por aspas retas e adicionar no .

MULTIPLE CHOICE QUESTION

1 min • 4 pts

Leia as afirmativas a seguir sobre usabilidade e acessibilidade em sites.
I. O uso de imagens sem texto alternativo (alt) impede que pessoas com
deficiência visual compreendam o conteúdo da página.
II. O uso de cores vibrantes pode tornar o conteúdo mais atrativo, mesmo que o
contraste entre o texto e o fundo seja baixo.
III. A navegação por teclado, sem a necessidade de um mouse, é uma boa
prática de acessibilidade para pessoas com deficiência motora.
IV. A ausência de mensagens de erro em formulários pode ser contornada,
desde que o formulário esteja funcional.
A partir da análise, quais afirmativas estão corretas?

II e IV

I e III

I e II

III e IV

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

15 questions

7-sinf Elektron jadvallar bo'yicha bilimlar

Quiz

•

7th Grade - University

15 questions

Recap Handout 3 & 4

Quiz

•

6th Grade - University

10 questions

10 Repaso ofimatica

Quiz

•

10th Grade - University

15 questions

Table,Image formatting

Quiz

•

5th Grade - University

15 questions

Fundamentos de Bases de Datos

Quiz

•

10th Grade - University

10 questions

Kuis JKI Kelas 8 Pertemuan Ke 2

Quiz

•

8th Grade - University

10 questions

Quiz Array

Quiz

•

10th Grade - University

13 questions

Parcial 1 Reparación y Soporte- 5to BACO - I Unidad Forma B

Quiz

•

10th Grade - University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Information Technology (IT)

20 questions

-AR -ER -IR present tense

Quiz

•

10th - 12th Grade

15 questions

Making Inferences

Quiz

•

7th - 12th Grade

12 questions

Add and Subtract Polynomials

Quiz

•

9th - 12th Grade

7 questions

How James Brown Invented Funk

Interactive video

•

10th Grade - University

15 questions

Atomic Habits: Career Habits

Lesson

•

9th - 12th Grade

20 questions

Banking

Quiz

•

9th - 12th Grade

15 questions

Exponential Growth and Decay Word Problems Practice

Quiz

•

9th - 12th Grade

18 questions

AP Bio Insta-Review Topic 6.1*: DNA & RNA Structure

Quiz

•

9th - 12th Grade