Bloco 1 · Hosting e domínios

Como um site chega ao utilizador

Utilizador → DNS → Servidor (hosting) → entrega o site

Publicar um site é colocar os seus ficheiros num servidor acessível na internet, ligado a um domínio.

Tipos de hosting

Para sites estáticos modernos, o hosting estático é o mais simples e rápido.

Domínios

Um domínio é o nome legível do site (ex: aulify.pt).

• Registado num registrar (ex: Namecheap, GoDaddy).
• Pago anualmente.
• TLD: .pt, .com, .org...
• O domínio aponta para o servidor através do DNS.

DNS

O DNS traduz o domínio num endereço IP do servidor.

A propagação de alterações DNS pode demorar horas.

Bloco 2 · Deploy de sites estáticos

Sites estáticos

Um site estático é composto por ficheiros prontos (HTML, CSS, JS, imagens), servidos directamente — sem servidor a gerar páginas a cada pedido.

Vantagens: rápidos, baratos, seguros, fáceis de escalar.

Plataformas

Todas oferecem HTTPS gratuito e CDN.

Deploy contínuo (CI/CD)

O fluxo moderno liga o repositório Git à plataforma:

git push → build automático → site no ar

• Cada commit pode publicar automaticamente.
• Preview por branch/PR.
• Rollback fácil para versões anteriores.

Passos típicos (Netlify/Vercel)

1. Ligar o repositório (GitHub/GitLab).
2. Definir comando de build e pasta de output.
3. Deploy automático.
4. Ligar domínio personalizado.
5. HTTPS activado automaticamente.

Da máquina à internet em minutos.

Bloco 3 · FTP/SFTP e cPanel

Upload tradicional

Em hosting clássico (shared), o site sobe por FTP/SFTP:

• FTP: transferência de ficheiros (inseguro).
• SFTP: FTP sobre SSH (encriptado) — preferir.
• Clientes: FileZilla, Cyberduck.

Coloca-se os ficheiros na pasta pública (public_html).

cPanel

O cPanel é um painel de gestão de hosting:

• Gestão de ficheiros.
• Bases de dados (MySQL).
• Contas de email.
• Subdomínios e domínios.
• Certificados SSL.
• Backups.

Comum em alojamento partilhado.

Bases de dados

Sites dinâmicos (ex: WordPress) usam bases de dados:

• Criar BD e utilizador no cPanel (phpMyAdmin).
• Ligar a aplicação com as credenciais.
• Fazer backup da BD regularmente.

Bloco 4 · HTTPS e segurança

HTTPS

HTTPS encripta a ligação entre o utilizador e o site:

• Protege dados (passwords, formulários).
• Necessário para confiança e SEO.
• O cadeado no browser indica ligação segura.

Hoje, HTTPS é obrigatório — sites HTTP são marcados como "não seguros".

Certificados SSL

O HTTPS funciona com um certificado SSL/TLS:

• Let's Encrypt: gratuito e automático.
• As plataformas estáticas (Netlify/Vercel) tratam disto sozinhas.
• Renovação automática.

Forçar HTTPS

• Redireccionar todo o tráfego HTTP → HTTPS.
• Activar HSTS (força o browser a usar sempre HTTPS).
• Garantir que todos os recursos carregam por HTTPS (evitar "mixed content").

Headers de segurança

Reforçam a segurança sem alterar o conteúdo.

Bloco 5 · Performance e SEO técnico

CDN e cache

• CDN: distribui o site por servidores globais → carrega depressa em qualquer lugar.
• Cache: o browser guarda recursos, evitando re-download.
• Headers Cache-Control controlam a validade.

Velocidade afecta experiência e ranking no Google.

Optimização

• Comprimir (Gzip/Brotli) ficheiros de texto.
• Otimizar imagens (WebP/AVIF, dimensão certa, lazy load).
• Minificar CSS/JS.
• Reduzir pedidos e bloqueios de render.

Medir com Lighthouse / PageSpeed Insights.

SEO técnico

Ajudar os motores de busca a encontrar e perceber o site:

• Meta tags: title e description por página.
• sitemap.xml: lista as páginas.
• robots.txt: o que pode/não pode ser rastreado.
• URLs limpas e estrutura lógica.

Meta tags e Open Graph

<title>Aulify · Formação digital</title>
<meta name="description" content="...">
<meta property="og:title" content="Aulify">
<meta property="og:image" content="capa.jpg">

Open Graph controla como o link aparece partilhado nas redes sociais.

Bloco 6 · Manutenção

Backups

• Regulares e automáticos (ficheiros + base de dados).
• Guardar fora do servidor (offsite).
• Testar o restauro (um backup que não restaura não vale nada).

A versão em Git já é, em parte, um backup do código.

Monitorização de uptime

• Serviços (UptimeRobot, Pingdom) avisam se o site cai.
• Alertas por email/SMS.
• Medir disponibilidade (uptime %).

Saber que caiu antes do cliente é essencial.

Analytics

• Medir visitas, origem, páginas, conversões.
• Ferramentas: Google Analytics, Plausible, Matomo.
• Respeitar RGPD (consentimento de cookies).

Dados orientam melhorias.

Actualizações

• Manter CMS, plugins e dependências actualizados (segurança).
• Renovar domínio e certificados (se manuais).
• Rever links partidos e conteúdo desactualizado.

Um site é vivo: requer manutenção contínua.