Curso de HTML e CSS

Aprenda o básico para se tornar um desenvolvedor web.

Aprender a linguagem de marcação HTMl é considerado como um dos passos básicos para as pessoas que desejam começar a trabalhar com desenvolvimento web. Ela é considerada como linguagem de marcação pois a sua estrutura basicamente é composta por textos que acabam apontando suas referências para outros textos, além de ter marcações que dize para os servidores da web qual é o estilo e a estrutura que está sendo utilizada naquele documento.

Essa linguagem é considerada como o padrão oficial da internet. O World Wide Web Consortium (W3C) mantêm e desenvolve especificações do HTML, além de providenciar atualizações regulares. Junto com o HTML, um outro recurso que é considerado como padrão é o CSS, que é uma folha que conta com instruções relacionadas ao design e ao estilo que deve ser aplicado nas páginas de uma forma geral.

Aprenda mais sobre HTML e CSS neste curso online e gratuito. Não deixe de conferir também o curso de HTML e CSS para iniciantes.

Sobre o curso

Neste curso online e gratuito os alunos poderão aprender como criar as suas primeiras páginas para a web utilizando estes dois poderosos recursos: HTML e CSS. O curso vai guiar os alunos ao longo de um trajeto de desenvolvimento que terá como principal objetivo ensinar mais sobre essas linguagens a partir do desenvolvimento de uma landing page.

Estrutura do curso

Curso de HTML e CSS – Estrutura básica do HTML – Aula 1

Estrutura do HTML e Meta ViewPort – Curso de HTML e CSS – Aula 2

Style e atributos id e class – Curso de HTML e CSS – Aula 3

Headings (Cabeçalhos) do H1 ao H6 – Curso de HTML e CSS – Aula 4

Tags importantes e semântica em textos – Curso de HTML e CSS – Aula 5

Conheça todas as tags HTML – Curso de HTML e CSS – Aula 6

Semântica em elementos HTML5 – Curso de HTML e CSS – Aula 7

Aprenda a pensar em HTML – Curso de HTML e CSS – Aula 8

Entenda o Box Model – Curso de HTML e CSS – Aula 9

Listas ordenadas, não ordenadas e menus – Curso de HTML e CSS – Aula 10

Tabelas + linhas e colunas – Curso de HTML e CSS – Aula 11

Formulários e campos – Curso de HTML e CSS – Aula 12

Separando HTML e CSS em arquivos diferentes – Curso de HTML e CSS – Aula 13

Veja o que vamos montar nesse curso – Curso de HTML e CSS – Aula 14

Seletores CSS básicos (Parte 1) – Curso de HTML e CSS – Aula 15

Seletores CSS básicos (Parte 2) – Curso de HTML e CSS – Aula 16

Seletores de atributos no CSS – Curso de HTML e CSS – Aula 17

Pseudo-classes + Estado de elementos – Curso de HTML e CSS – Aula 18

Seletores CSS :not e :nth-child – Curso de HTML e CSS – Aula 19

Pseudo-elementos CSS ::before, ::after e outros – Curso de HTML e CSS – Aula 20

Especificidade CSS: Qual regra será aplicada? Curso de HTML e CSS – Aula 21

Herança no CSS: propriedades passadas para elementos filhos – Curso de HTML e CSS – Aula 22

Box-sizing: width, height, padding, margin e border no CSS – Curso de HTML e CSS – Aula 23

Float, Display e Clear no CSS – Curso de HTML e CSS – Aula 24

Cores HTML e CSS: Entenda como funciona – Curso de HTML e CSS – Aula 25

Unidades de medida no CSS (px, em, rem, vw, vh, vmax, vmin e %) – Curso de HTML e CSS – Aula 26

CSS para formatar texto – Curso de HTML e CSS – Aula 27

Position relative, absolute, fixed e sticky + z-index – Curso de HTML e CSS – Aula 28

Media queries para design responsivo – Curso de HTML e CSS – Aula 29

Uma breve junção de tudo aprendido até aqui – Curso de HTML e CSS – Aula 30

Border-radius e Box-Shadow (arredondamento e sombras em caixas) – Curso de HTML e CSS – Aula 31

Flexbox – Curso de HTML e CSS – Aula 32

CSS Grid – Curso de HTML e CSS – Aula 33

Iniciando a nossa landing page – Curso de HTML e CSS – Aula 34

Criando um menu – Curso de HTML e CSS – Aula 35

Landing Page: Correções e separações – Curso de HTML e CSS – Aula 36

Landing Page: criando a seção intro – Curso de HTML e CSS – Aula 37

Criando uma landing page (Seção Top 3) – Curso de HTML e CSS – Aula 38

Landing page – Seção Grid – Curso de HTML e CSS – Aula 39

Landing page – Galeria e Correções – Curso de HTML e CSS – Aula 40

Landing page – Tabela de preços – Curso de HTML e CSS – Aula 41

Landing page – Contato e Footer – Curso de HTML e CSS – Aula 42

Landing Page – Media Queries – Curso de HTML e CSS – Aula 43

Landing Page – Menu mobile e back to top – Curso de HTML e CSS – Aula 44

Deploy da landing page na Netlify – Curso de HTML e CSS – Aula 45 (Final)