Curso Gratuito de HTML e CSS: Landing Page e Página do Google

Categorias: Desenvolvedor FrontEnd, Desenvolvedor Web Autor: Jaime Linhares Data: 04/10/2026

Modalidade

Remoto

Tipo

YouTube

Certificado

Não informado

Duração

Curso perpétuo / sem expiração

Aprenda HTML e CSS em 13 vídeos gratuitos: construa uma landing page do zero e recrie a página inicial do Google em dois projetos guiados.

Quer começar a criar para a web construindo projetos de verdade? Nesta playlist gratuita, você aprende HTML e CSS na prática em duas trilhas guiadas: uma landing page feita do zero e uma réplica da página inicial do Google.

Trilha 1: landing page do zero

Em sete vídeos, o projeto começa no Visual Studio Code e avança da estrutura HTML à página completa. Você cria áreas como cabeçalho, conteúdo principal e rodapé; trabalha com imagens e links; e organiza elementos e estilos à medida que a landing page ganha forma.

1. Tags e estrutura básica de HTML, incluindo imagens e links âncora
2. CSS, organização de elementos, box model, margens e preenchimentos
3. Rodapé, seções, imagens, textos e depoimentos
4. Botões de chamada para ação, efeitos hover e formulário de cadastro com campos e botão estilizado

Trilha 2: réplica da página inicial do Google

As seis aulas seguintes partem dos fundamentos de HTML e CSS e constroem o cabeçalho, o rodapé, o layout e a área de pesquisa. No caminho, você pratica classes, links e botões, margem e padding, especificidade e seletor universal, formatação de texto, bordas e Flexbox. A etapa final trabalha inputs e ícones, efeitos hover, box-shadow e pseudo-elementos.

O que você vai praticar

Os projetos conectam estrutura e apresentação: o HTML organiza títulos, textos, imagens, links e campos de formulário; o CSS controla estilos, espaçamentos e posicionamento. As aulas também mostram o uso do Visual Studio Code e das ferramentas do navegador para acompanhar o resultado e ajustar o layout.

Para quem é

Com abordagem introdutória, o curso é indicado para quem quer dar os primeiros passos em desenvolvimento web com exemplos visuais e projetos guiados. Você pode acompanhar as videoaulas e praticar cada etapa no seu ritmo.

Tags: css, css3, desenvolvimentoweb, frontend, hashtagprogramacao, hashtagtreinamentos, html, html5, programacao, projetosdeprogramacao

Autor

Jaime LinharesEmpresa

CEO do Guia de TI