wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

AV1 - 3Tri - Mat II - Prog I

Total questions: 10

Worksheet time: 50mins

Name
Class
Date
1.

Relacione as imagens com a função do HTML, CSS e JAVASCRIPT, através desse corpo humano.

2.

Qual a função de cada arquivo de seu código: ​ (a)   é o código que você usa para estruturar uma página web e seu conteúdo. ​ (b)   é usado para estilizar elementos escritos em uma linguagem. ​​ (c)   pode ser utilizado em várias situações, por exemplo para criar interfaces interativas do usuário.

Choose from the below words
HTML
CSS
JS
IMG
HEADER
README
RESET
3.

Durante o desenvolvimento de um site, diversas linguagens e ferramentas podem ser utilizadas para ajudar na criação. Entretanto, para que o documento HTML reconheça as tecnologias implementadas, é necessário acrescentar alguns comandos essenciais para realizar a conexão entre as linguagens.

Considerando esse cenário, ordene os blocos a seguir de modo que eles representem corretamente

a instrução, no arquivo index.html, para que o arquivo nome.js ​ seja conectado ao

documento HTML.

a)

<script

b)

src =

c)

"nome.js"

d)

>

e)

</script>

1)
2)
3)
4)
5)
4.

Sobre função, é correto afirmar que:

a)

Para criar uma função, usamos a palavra reservada funcao, sem til e cedilha.

b)

Durante o desenvolvimento de um site ou aplicativo, podemos criar até 5 funções.

c)

Ao nomear uma função, não podemos adicionar letras maiúsculas em seu nome.

d)

Uma função é um trecho de código nomeado capaz de executar uma ou mais instruções de código.

5.

Sobre JavaScript, é correto afirmar:

I. A linguagem JavaScript não pode ser utilizada com outras linguagens.

II. A linguagem JavaScript é comumente utilizada em conjunto com o HTML e o CSS para criação de sites.

III. A linguagem JavaScript possui uma quantidade bastante limitada de métodos e funções.

a)

Apenas I está correta.

b)


Todas as afirmativas estão corretas.

c)

Todas as afirmativas estão incorretas.

d)

Apenas II está correta.

6.

Rafael estava desenvolvendo uma página web e seu excelente professor pediu para que a cor de fundo e os títulos da página fosse preto, que é representado pelo hexadecimal #000000.

Para não precisar declarar todos os estilos do CSS, podemos criar uma variável global dentro do nosso código CSS.

Ordene todos os blocos para declarar uma variável no CSS que terá o valor hexadecimal mencionado acima.

a)

: root {

1.

b)

-- preto :

2.

c)


#000000

3.

d)


}

4.

7.

Apresente o que os elementos com rótulo representa para o código.

8.

Tiago é professor na escola Jayme e está desenvolvendo um projeto para administrar as notas dos seus estudantes.

Para isso, criou o seguinte código:

- Todas as notas devem estar inseridas dentro de uma seção;

- Cada div representa a nota de um estudante.

Pensando nisso, ordene todos os blocos abaixo para recriar o código de Ana.

a)

<section>

b)

<div class = “estudante_nota”>

c)

Nota do estudante

d)

</div>

e)

</section>

1)
2)
3)
4)
5)
9.

Qual das alternativas abaixo apresenta a propriedade do CSS que altera a largura de um elemento para que ele ocupe toda a página?

a)

height: 100px;

b)

height: 100%;

c)

width: 100%;

d)

width: 100px;

10.

Miguel está criando seus cartões por meio da classe cartao e deseja estilizar somente o elemento que possui a tag <p>. Para isso, ele deseja:

- alterar a cor de fundo para verde;

- aumentar o espaçamento interno do texto;

- diminuir a fonte para 10 pixels.

Ajude Miguel, um excelente aluno, a estilizar o texto ordenando todos os blocos abaixo:

a)

.cartao p {

b)

background:color : green;

c)

padding: 0.5rem;

d)

font-size: 10px;}

1)
2)
3)
4)