Programa CodeLab by Illustra: “HTML & CSS Essencial” 5 e-books

Percurso 100% prático e modular, criado para guiar iniciantes e autodidatas através dos fundamentos do desenvolvimento web moderno. Baseado nos 5 e-books, cada módulo foca-se em competências-chave, inclui teoria objetiva, exemplos de código e desafios reais.
Ideal para quem quer sair do zero, criar páginas web profissionais e desbloquear novas oportunidades digitais.

Módulo 1:Introdução a HTML e CSS
Baseado no e-book 1: Introdução aos conceitos de HTML e CSS

O que vais aprender:

O que é HTML, o que é CSS e como trabalham juntos
Estrutura base de uma página web
Como funcionam browsers, domínios, hosting e publicação básica
Hands-on:

Criação da tua primeira página HTML
Inserir texto, imagens e links
Exercício: Criar um mini “cartão de visita” online

Módulo 2: Elementos HTML em Profundidade
Baseado no e-book 2: Elementos HTML
O que vais aprender:

Estrutura básica de um ficheiro HTML
Cabeçalhos, parágrafos, listas, imagens, links, tabelas e formulários
Meta tags e boas práticas de organização
Hands-on:

Criar uma página de perfil pessoal com secções, imagem e tabela de contactos
Exercício: Formulário de contacto funcional

Módulo 3: Teste e Validação de Código
Baseado no e-book 3: Teste e validação de código HTML
O que vais aprender:

Porquê validar o teu código
Utilização do W3C Validator (URL, Upload, Direct Input)
Como identificar e corrigir erros comuns
Hands-on:

Testar as páginas criadas nos módulos anteriores usando validadores online
Corrigir e re-submeter o código até estar sem erros
Exercício: Checklist de boas práticas e debugging

Módulo 4: Definição de Estilos CSS
Baseado no e-book 4: Definição de estilos CSS
O que vais aprender:

Como aplicar CSS: inline, internal, external
Sintaxe básica do CSS
Propriedades mais comuns (cores, fontes, tamanhos, bordas, margens, padding)
Hands-on:

Criar e ligar um ficheiro CSS externo
Customizar totalmente o cartão de visita e a página de perfil dos módulos anteriores
Exercício: Transformar um HTML “simples” num design moderno apenas com CSS

Módulo 5: Criação de Ficheiros de Estilos e Seletores
Baseado no e-book 5: Criação de ficheiros de estilos e seletores
O que vais aprender:

O que são seletores (elemento, id, class, universal, grouping)
Seletores avançados: pseudo-classes, pseudo-elementos, herança, child
Boas práticas para organização do CSS
Hands-on:

Experiências práticas com seletores e pseudo-classes
Criar um mini-projeto: landing page com navegação estilizada, efeitos hover e responsividade básica
Exercício: “Desafio de criatividade” – customiza completamente um layout com seletores avançados

Bónus: Projeto Final
Objetivo:
Aplicar tudo o que foi aprendido para criar um pequeno website pessoal ou de portefólio.
Inclui:

Estrutura HTML bem organizada
CSS externo bem estruturado e otimizado
Validação completa do código
Formulários, tabelas e menus estilizados
Uso de seletores avançados e efeitos interativos

Desafio:
Publica o teu site gratuitamente (ex: GitHub Pages, Netlify) e partilha o link no grupo CodeLab!