Curso completo de

HTLM & CSS para Landing Pages

Curso 100% grátis

4h 23m de duração

Exemplos de códigos prontos

LPs RD Station

Aprenda HTML e CSS para construir Landing Pages do zero, com flexbox, mobile e atalhos de ouro

Olá, eu sou a Gabrielly Küster e vou guiar você nessa jornada de códigos, afinal:

Estive no nascimento da Conexorama e atuo com Landing Pages avançadas desde de 2021
Construi diretamente mais de 200 Landing Pages sempre com foco em conversão
Domínio das principais ferramentas do Adobe Creative Cloud, além de experiência com WordPress, Elementor, RD Station e HubSpot

Crie agora seu acesso grátis para este curso e todos os demais!👇

Nome*

Email*

Estado*

Cidade*

Você é…*

Em que departamento você trabalha?*

Em que segmento sua empresa atua?*

1 + 1 = ?

Eu concordo com a Política de Privacidade e aceito receber comunicações da Conexorama e Patrocinadores.

O que você vai aprender no curso completo de HTML & CSS para LPs

São 7 aulas completas que vão destravar seu domínio de HTML e CSS no RD, do básico ao flexbox, mobile, atalhos de ouro e uma prática do zero com IA.

Aula 1 | Entendendo HTML e CSS (com foco em design)

(1) Entendendo HTML e CSS (com foco em design) | 24min

Domine como HTML e CSS trabalham juntos para construir uma landing page do esqueleto ao visual final. Entenda as tags mais usadas, como estruturar seções e colunas no RD, quando usar classes ou IDs e como a “cascata” do CSS define prioridades. No fim, o código deixa de ser mistério e vira ferramenta de design com intenção.

Aula 2 | Aplicando CSS no editor do RD Station

(2) Aplicar Design com CSS no Editor do RD | 34min

Veja, na prática, como usar CSS direto no editor do RD para estilizar títulos, botões e espaçamentos. Você aprende a ajustar detalhes que o editor padrão não resolve, deixando suas landing pages muito mais alinhadas ao seu layout e personalizadas.

Aula 3 | Como utilizar Flexbox no editor do RD Station

(3) Flexbox no editor do RD | 18min

Descubra como o Flexbox facilita a organização de colunas, cards e blocos, controlando alinhamento, espaçamento e ordem dos elementos. Ideal para criar seções mais modernas e limpas, sem recorrer a gambiarras no layout.

Aula 4 | Mobile: Adaptando para diferentes telas

(4) Mobile: Adaptando para diferentes telas | 22min

Aprenda a tornar suas landing pages responsivas para celulares e tablets, garantindo leitura confortável, botões clicáveis e seções bem estruturadas. Você entende o que realmente precisa ajustar no CSS para a página funcionar bem em qualquer tela.

Aula 5 | Códigos úteis e atalhos de ouro

(5) Códigos úteis e atalhos de ouro | 48min

Ganhe um repertório de trechos de código prontos para reutilizar em várias páginas: bullets points personalizados, favicon, uso de sombras, carrosséis, animações simples e muito mais. É o módulo para ganhar velocidade e consistência no dia a dia.

Aula 6 | Oficina prática: construindo do zero

(6.1) Oficina prática: construindo do zero | 1h 43min
(6.2) Oficina prática: tornando a LP responsiva | Gravando

Acompanhe a construção completa de uma landing page, do layout ao código, direto no editor do RD. Você vê como unir tudo o que aprendeu: estrutura em HTML, estilização em CSS, flexbox, versão mobile e refinamentos finais antes de publicar.

Aula 7 | Como utilizar IA como aliada na construção de LPs

(7) IA aliada no design com HTML e CSS | Gravando

Descubra como usar IA para acelerar o processo criativo: gerar ideias de blocos, estruturas em HTML e CSS, que você depois refina com olhar de designer, além de encontrar e corrigir erros no código. Um extra para ganhar tempo sem abrir mão da qualidade visual.

Você irá aprender muito!

Não é ferramenta, é não dominar HTML e CSS hoje

Uma landing page feita só com template padrão é quase sempre “mais do mesmo”: limita o design, engessa os testes e não traduz tudo o que sua marca poderia entregar.

Performance de verdade nasce de um layout bem pensado aliado a HTML e CSS inteligentes, que organizam o conteúdo, destacam o que importa e deixam a navegação leve em qualquer tela.

A dor não é falta de ferramenta, e sim falta de domínio do editor, do código e dos ajustes finos: espaçamentos, fontes, responsividade, animação e interatividade, pequenos detalhes que mudam a taxa de conversão.

No curso você aprende passo a passo para aplicar HTML e CSS direto no editor do RD para construir páginas mais bonitas, funcionais e prontas para converter.

Aprender HTML & CSS para Landing Pages