AV1 - 3Tri - Mat II - Prog I

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

a

b

c

HTML

CSS

JAVASCRIPT

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.

• HTML
• CSS
• JS
• IMG
• HEADER
• README
• RESET

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.

• </script>

• <script

• "nome.js"

• >

• src =

Sobre função, é correto afirmar que:

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

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

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

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

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.

• Apenas I está correta.

• 
  Todas as afirmativas estão corretas.

• Todas as afirmativas estão incorretas.

• Apenas II está correta.

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.

• 3º

• : root {

• 1º

• 
  }

• 4º

• 
  #000000

• 2º

• -- preto :

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

a

b

c

d

rodapé do site

cabeçalho do site

corpo do site

Chamando o js para o site

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.

• <div class = “estudante_nota”>

• </div>

• </section>

• <section>

• Nota do estudante

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;

• height: 100%;

• width: 100%;

• width: 100px;

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:

• .cartao p {

• background:color : green;

• padding: 0.5rem;

• font-size: 10px;}