HTML, CSS e JavaScript: As três linguagens da web

Seção da aula: 'Decifrando a Receita: HTML, CSS e JS'. O professor sintetiza as descobertas dos alunos e formaliza os nomes e papéis das três tecnologias. O objetivo é reforçar visualmente a distinção entre estrutura, estilo e comportamento de um site, comparando-o com analogias do dia a dia. Slides: (1) Título — 'As 3 Línguas Secretas da Internet'; (2) Analogia do Corpo Humano — Imagem de um esqueleto humano, roupas e um cérebro, associando cada parte a uma função no site; (3) HTML: O Esqueleto — Título: 'O HTML: O Esqueleto da Página'; Balas: define o conteúdo e a estrutura (títulos, parágrafos, imagens); exemplo simples de tag: `<h1>Olá!</h1>` ou `<p>Meu texto</p>`; (4) CSS: A Roupa — Título: 'O CSS: As Roupas do Site'; Balas: define a aparência (cores, fontes, tamanhos, posições); exemplo de propriedade: `p { color: blue; }`; (5) JavaScript: A Inteligência — Título: 'O JavaScript: A Inteligência do Site'; Balas: define o comportamento e a interatividade (botões clicáveis, animações); exemplo de função: `function clicarBotao() { /* ação */ }`; (6) Revisão Comparativa — Uma tabela ou infográfico simples comparando HTML, CSS e JavaScript lado a lado (Estrutura, Estilo, Comportamento) com ícones representativos. Esta apresentação constrói sobre as descobertas experimentais da Seção 2 e prepara os alunos para a atividade de identificação de códigos da Seção 4. Slide de fechamento: 'Qual linguagem você usaria para mudar a cor de um texto? E para fazer um botão aparecer?'.

Lara da Teachy