Interface é aonde colocamos como se fosse um visual para poderem ver qualquer site. Como o Apprendendo, o Curso em Vídeo, ou outro site que você goste. Para isso, precisamos começar da base para melhor entendermos quem é quem.
As 3 tecnologias base
HTML
Define a estrutura: títulos, parágrafos, botões, imagens.
CSS
Cuida do visual: cores, fontes, tamanhos e posições.
JavaScript
Adiciona comportamento: animações, cliques e respostas.
(isso é para IW2)
Uma analogia simples da Interface Web
Pense num site como uma casa. O HTML é a estrutura (paredes, portas, janelas). O CSS é a decoração (pintura, móveis, iluminação). O JavaScript é a eletricidade e a automação — faz as coisas funcionarem quando você interage.
Como o navegador mostra uma página
📄 Crio o arquivo inicio.html
→
🌐 Navegador lê
→
🎨 Ao mesmo tempo, aplica CSS
→
⚡ Também roda JS
→
👀 Você vê
Seu primeiro código HTML
<!-- Estrutura básica de uma página -->
<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Esta é a minha primeira interface web.</p>
</body>
</html>
Dica: Abra o Bloco de Notas, cole o código acima, salve como pagina.html e abra no navegador. Você verá sua primeira página no ar!
💻 Ainda tem mais uma parte deste reforço, então, confiram atentamente a próxima seção.