Workshops

Introdução ao HTML e CSS

Introdução ao HTML

Introdução sobre HTML

A História do HTML

Fundamentos do HTML

Criando HTML no VS Code

Introdução ao CSS

Primeira Página com HTML

Introdução ao CSS

Métodos de Estilos CSS

Elementos essenciais

Classes e IDs no HTML/CSS

Classes vs IDs: Diferenças Esclarecidas

Estilizando com Divs e CSS

Tags Semânticas no HTML

SEO e Estratégias Web

Exercício prático

Recapitulando o conteúdo

Exercício Prático de HTML

Dimensões de Imagens HTML

Dimensionamento de Imagens Web

Conceitos de Layout com CSS

Entendendo o Box Model no CSS

Estilos CSS em Ação

Box Model CSS: Padding e Margem

CSS Box Model Atualizado

Posicionamento e Flexbox

Fundamentos de Posicionamento CSS

Dominando o Display Flex

Introdução ao Display Flex

Projeto Land Page Básico

Design de Links em HTML/CSS

Conectando CSS ao HTML

Ajuste de Imagens e Flexbox

Guia de CSS Display Flex

CSS: Espaçamento com Flexbox

Posicionamento CSS Prático

Projeto Prático

Exercício de Clonagem em HTML

Projeto Prático: Deploy e Flexbox

Explorando Padding e CSS Básico

Links e Estilos CSS

Ajustando Espaçamento CSS

Deploy

Deploy de Sites Facilmente

Deploy e Design Responsivo

Design Responsivo

Design Responsivo em Foco

CSS Responsivo com Media Queries

Design Responsivo com CSS

Design Responsivo: Media Queries

Media Queries no CSS

Layout Responsivo com Menu Hambúrguer

Layout Responsivo com Flexbox

CSS: Ajustando Layout do Menu

Finalização

Ajustando Layout Responsivo

Dicas de Breakpoint CSS

Introdução ao HTML

Introdução sobre HTML

A História do HTML

Fundamentos do HTML

Criando HTML no VS Code

Introdução ao CSS

Primeira Página com HTML

Introdução ao CSS

Métodos de Estilos CSS

Elementos essenciais

Classes e IDs no HTML/CSS

Classes vs IDs: Diferenças Esclarecidas

Estilizando com Divs e CSS

Tags Semânticas no HTML

SEO e Estratégias Web

Exercício prático

Recapitulando o conteúdo

Exercício Prático de HTML

Dimensões de Imagens HTML

Dimensionamento de Imagens Web

Conceitos de Layout com CSS

Entendendo o Box Model no CSS

Estilos CSS em Ação

Box Model CSS: Padding e Margem

CSS Box Model Atualizado

Posicionamento e Flexbox

Fundamentos de Posicionamento CSS

Dominando o Display Flex

Introdução ao Display Flex

Projeto Land Page Básico

Design de Links em HTML/CSS

Conectando CSS ao HTML

Ajuste de Imagens e Flexbox

Guia de CSS Display Flex

CSS: Espaçamento com Flexbox

Posicionamento CSS Prático

Projeto Prático

Exercício de Clonagem em HTML

Projeto Prático: Deploy e Flexbox

Explorando Padding e CSS Básico

Links e Estilos CSS

Ajustando Espaçamento CSS

Deploy

Deploy de Sites Facilmente

Deploy e Design Responsivo

Design Responsivo

Design Responsivo em Foco

CSS Responsivo com Media Queries

Design Responsivo com CSS

Design Responsivo: Media Queries

Media Queries no CSS

Layout Responsivo com Menu Hambúrguer

Layout Responsivo com Flexbox

CSS: Ajustando Layout do Menu

Finalização

Ajustando Layout Responsivo

Dicas de Breakpoint CSS

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Criando HTML no VS Code

Exploramos como criar a estrutura básica de um documento HTML no VS Code, incluindo o uso de tags como `head`, `body` e `H1`. Instalamos a extensão `Live Server` para atualização automática.

Comentários

(0)