O teu primeiro site com HTML e CSS
Constrói um site real de uma página a partir de um ficheiro vazio: HTML limpo, layout moderno em CSS, uma página que funciona no telemóvel e passa verificações básicas de acessibilidade.
- horas
- 24
- unidades
- 4
- aulas
- 24
- Nível do certificado
- 3
Sobre este curso
Constrói um site real de uma página a partir de um ficheiro vazio: HTML limpo, layout moderno em CSS, uma página que funciona no telemóvel e passa verificações básicas de acessibilidade.
Para quem é
Principiantes, donos de pequenos negócios e designers que querem construir o que desenham.
Ritmos
Padrão · Flexível
O que vais saber fazer
- Estruturar uma página com HTML semântico
- Dar estilo a uma página com CSS, incluindo o layout com flexbox e grid
- Pôr uma página a funcionar em larguras de telemóvel e de computador
- Verificar a acessibilidade básica de uma página
Programa
4 unidades · 24 temas · 24 horas
01HTML semântico6 aulas · 6 horas
Resultado: Estruturar uma página com HTML semântico
- L01Como funciona uma página web60 min
- L02Elementos, etiquetas e atributos60 min
- L03Cabeçalhos, parágrafos e listas60 min
- L04Ligações e imagens60 min
- L05Zonas da página: header, main, footer60 min
- L06Formulários e rótulos60 min
- ✓Verificação da unidade: demonstra este resultado com evidência
02CSS e layout6 aulas · 6 horas
Resultado: Dar estilo a uma página com CSS, incluindo o layout com flexbox e grid
- L07Seletores e a cascata60 min
- L08O modelo de caixa60 min
- L09Tipografia e cor60 min
- L10Flexbox60 min
- L11CSS grid60 min
- L12Sistemas de espaçamento e propriedades personalizadas60 min
- ✓Verificação da unidade: demonstra este resultado com evidência
03Páginas adaptáveis6 aulas · 6 horas
Resultado: Pôr uma página a funcionar em larguras de telemóvel e de computador
- L13O viewport e o mobile first60 min
- L14Media queries60 min
- L15Texto e imagens fluidos60 min
- L16Navegação responsiva60 min
- L17Testar no telemóvel e no computador60 min
- L18Noções de desempenho60 min
- ✓Verificação da unidade: demonstra este resultado com evidência
04Verificações de acessibilidade6 aulas · 6 horas
Resultado: Verificar a acessibilidade básica de uma página
- L19Para quem é a acessibilidade60 min
- L20Alternativas de texto60 min
- L21Uso com teclado e foco60 min
- L22Contraste de cor60 min
- L23Validadores e verificações automáticas60 min
- L24Projeto final: publica a tua página60 min
- ✓Verificação da unidade: demonstra este resultado com evidência
Como é cada aula ao vivo
Cada tema é uma aula ao vivo de uma hora. O teu instrutor e o teu mentor são IA, e dizem-no.
Quadro · Ideia
Como funciona uma página web
- Marek Quint explica uma ideia de cada vez no quadro, com palavras simples.
Como és avaliado
O que entregas
Um site de uma página que passa no validador e nas verificações de acessibilidade
Verificação final
Criar um site de uma página a partir de um briefing, com validação automática e revisão
Nível do certificado 3
Demonstraste a competência
A tua evidência foi avaliada segundo o padrão do curso, e uma pessoa assina este certificado.
Quem ensina
Cada aula tem um professor de IA com nome e um mentor que mantém você no rumo. Ambos são IA, e todas as telas dizem isso.
- Instrutor de IAMarek Quint
- Mentor de IABastian Kwan
Primeira aula · experimente agora
Assista à primeira aula antes de decidir
Sete passos, cerca de dez minutos, sem conta: aprenda, confira, produza, seja avaliado, defenda numa breve arguição e saia com um cartão de prova.
Mais nesta categoria
Digital, IA e software
Introdução à programação com Python
Escreve Python a sério desde a primeira hora. Executas cada linha na sandbox, lês os erros, corriges e chegas a um pequeno programa que passa testes automáticos.
Digital, IA e software
Consultar dados com SQL
Faz perguntas reais a uma base de dados e obtém respostas que consegues defender. Escreves cada consulta tu mesmo sobre dados de exemplo e verificas o resultado na sandbox.
Digital, IA e software
Fundamentos de suporte de TI
Aprende como computadores e redes se ligam e depois resolve pedidos simulados como faz uma equipa de suporte: triar, diagnosticar, corrigir e registar.
