É hora de começar a codar! Na Aula 9 da nossa série de Desenvolvimento Web Full Stack, vamos construir seu primeiro site do zero.
Este é um tutorial completo passo a passo onde configuramos nossas pastas de projeto, preparamos nossas imagens e escrevemos nossas primeiras linhas de código HTML usando o editor de texto Brackets. Você aprenderá a estrutura fundamental de cada página da web na internet e verá seu trabalho ganhar vida com uma Visualização ao Vivo em tempo real.
📌 Marcação de tempo:
0:00:00 Introdução: O que vamos construir hoje
0:01:05 Configurando seu Diretório de Projeto e Subpastas
0:02:40 Melhores práticas para nomear pastas (Minúsculas e Hífens)
0:03:45 Obtendo imagens gratuitas do Unsplash.com
0:05:00 Redimensionando imagens para a web usando o Microsoft Paint
0:06:10 Abrindo o Brackets e acessando sua pasta de projeto
0:07:55 Criando seu arquivo index.html
0:09:20 A declaração DOCTYPE: Informando ao navegador que é HTML
0:10:15 A estrutura dos elementos HTML, Head e Body
0:13:00 A importância da Indentação de Código
0:14:40 Meta Charset UTF-8: Tornando seu site global
0:15:55 Adicionando um Título de Página para a aba do navegador
0:17:35 Adicionando conteúdo: Cabeçalhos H1 e tags de Parágrafo (P)
0:19:10 Como inserir imagens usando a tag IMG e texto alternativo
0:22:05 Visualização ao Vivo: Vendo seu site no Google Chrome
Ao final deste vídeo, você terá uma página web funcional com texto e imagens rodando na sua máquina local!
🔔 Inscreva-se para participar do Curso Gratuito de Colocação 2026!
#ConstruaUmSite #HTMLParaIniciantes #AprendaACodar #DesenvolvedorFullStack #TutorialDeCodificação #DesenvolvimentoWeb #HTML5 #Aula9 #CursoGratuitoDeColocação #EditorBrackets #WebDev2026