Publicação de sites, CSS avançado e organização de projetos

Este módulo marca a virada em que seus exercícios ganham cara de projeto no ar. Você aprende a publicar páginas com GitHub Pages, a trabalhar com Git e GitHub para versionar e sincronizar arquivos entre diferentes computadores e a organizar tudo com praticidade para estudar em casa, na escola ou na faculdade sem perder o fio.

Do repositório ao site online

A jornada começa pela criação e configuração de conta, instalação das ferramentas e primeiros repositórios. A ideia é simples e poderosa: o que você produz localmente pode ser enviado à nuvem e recuperado de qualquer lugar. Essa base sustenta a publicação no GitHub Pages para que seus projetos fiquem acessíveis em dispositivos móveis e desktops, sempre atualizados.

Imagens de fundo e controle visual com CSS

Você aprofunda o uso de imagens de fundo, aprendendo a ajustar tamanho, posição e comportamento de rolagem. A combinação correta dessas propriedades permite construir efeitos elegantes, inclusive parallax, com equilíbrio de contraste e leitura confortável. O foco é entender como cada ajuste conversa com o layout, para que o resultado final seja consistente em telas variadas.

Projeto Cordel: técnica com propósito

Depois de dominar os recursos visuais, você aplica tudo em um projeto prático. O Projeto Cordel nasce para ser simples, bonito e responsivo. O conteúdo em blocos alterna texto e imagens de fundo, os efeitos acompanham a rolagem de forma suave e a tipografia cresce ou reduz com naturalidade, mantendo a legibilidade no celular, no tablet e no computador.

Tabelas no HTML5, com os cuidados certos

Tabelas não estruturam mais páginas inteiras, mas continuam essenciais para organizar dados. Aqui você monta tabelas do zero e aprende a alinhar conteúdos, tratar conjuntos grandes, aplicar efeito zebrado para leitura mais rápida, fixar o cabeçalho durante a rolagem e preparar versões responsivas. Também explora escopos, mesclagem de células e grupos de colunas para que a marcação fique semântica e clara.

Como estudar ao longo do módulo

A proposta é alternar estudo conceitual e prática guiada. Você configura as ferramentas, publica exercícios, aprofunda CSS em cenários reais e consolida tudo em um projeto completo. Ao final, seus repositórios contam a história do seu aprendizado, e o site publicado mostra o resultado em produção.

FAQ

O que eu realmente aprendo neste módulo?

Você aprende a versionar projetos com Git e GitHub, publicar com GitHub Pages, dominar imagens de fundo e efeitos visuais em CSS, desenvolver um projeto completo e trabalhar com tabelas de forma moderna e responsiva.

Preciso ter concluído os módulos 1 e 2 antes?

Sim. Os fundamentos apresentados anteriormente são usados aqui. Sem essa base, muitos conceitos do módulo 3 ficam truncados.

Consigo estudar em casa e na faculdade usando a mesma base de arquivos?

Sim. O uso de Git e GitHub permite sincronizar exercícios e projetos entre diferentes computadores, mantendo tudo unificado.

O Projeto Cordel funciona bem no celular?

Sim. A construção prioriza responsividade e legibilidade, com tipografia e elementos que se adaptam ao tamanho da tela.

Ainda faz sentido usar tabelas em sites modernos?

Sim, desde que para dados tabulares. Você aprende boas práticas como cabeçalho fixo, efeito zebrado, escopos corretos e abordagens de responsividade.

Como funcionam os certificados?

No Estudonauta, assinantes têm acesso a certificados ilimitados. Para mais informações sobre planos e assinatura, visite: https://www.estudonauta.com/matricula/