Front-end

HTML e CSS: Os seus primeiros passos

Curso online de HTML e CSS: Os seus primeiros passos

3645 8.7

8,7

é a nota desse curso

11.017

alunos neste curso

Faça esse curso e...

  • Conheça as tags de uma estrutura básica do HTML
  • Evite os problemas de enconding com a tag charset
  • Aplique estilo em tags HTML usando CSS
  • Adicione imagens utilizando tags
  • Faça tabelas com as tags TABLE, TR, TD
  • Crie menus de navegação com as tags NAV, UL, E e A
  • 20h para conclusão
  • 59 atividades
  • 54 minutos de videos

Curso HTML e CSS: Os seus primeiros passos

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 59
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

Veja a 1ª aula

Público alvo

Desenvolvedores que queiram dar os primeiros passos com HTML e CSS.

Nível de Dificuldade

Básico

Instrutores

  • Rodrigo Ferreira

    Instrutor na Caelum, e um desenvolvedor focado em qualidade, agilidade e produtividade

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Estrutura básica do HTML

    • O que é o HTML
    • A estrutura de uma página HTML
    • Adicionando cabeçalhos na página com as tags H
    • Adicionando textos na página com a tag p
    • Configurando o charset, para evitar problemas na acentuação das palavras
    • Configurando o título da página com a tag title
  2. Aplicando estilos com CSS

    • O que é CSS
    • Modificando a cor de fundo de um elemento
    • Isolando os estilos da página com a tag style
    • Adicionando recuo aos parágrafos da página
    • Configurando classes de estilos
    • Configurando um texto para ficar em itálico e sublinhado
    • Seletores CSS
  3. Outras tags HTML e como aplicar CSS nelas

    • Isolando o código CSS em um arquivo externo
    • Adicionando links na página com a tag a
    • Criando uma lista de elementos com a tag ul
    • A propriedade mailto
    • Configurando as fontes utilizadas na página
    • Centralizando a página e outros elementos
    • Configurando o espaçamento dos elementos com a propriedade padding
  4. Elementos estruturais, imagens e tabelas

    • Criando uma nova página HTML
    • Adicionando uma imagem com legenda na página, com as tags figure, img e figcaption
    • Aplicando estilos na página
    • Adicionando algumas seções na página
    • Adicionando uma tabela na página com as tags table, tr e td
    • Adicionando cabeçalhos na tabela com a tag th
    • Adicionando alguns estilos na tabela
    • Configurando as cores de fundo das linhas pares e ímpares da tabela(efeito zebrado)
    • Adicionando um menu de navegação na página com as tags nav, ul e a
    • Configurando o menu para ficar na posição horizontal com a propriedade display:inline
    • Seletor CSS de hierarquia
  5. CSS3

    • Criando um efeito degradê com a propriedade linear-gradient
    • Configurando bordas arredondadas com a propriedade border-radius
    • Adicionando sombra, transparência e rotacionando uma imagem com as propriedades box-shadow e transform
  6. Posicionamento de elementos

    • Posicionando o menu no lado esquerdo da página com a propriedade float
    • Envolvendo o resto da página em uma tag section
    • Posicionando o conteúdo da página ao lado direito do menu
    • Melhorando o visual dos itens do menu
    • Destacando o item do menu com a pseudo-classe :hover
    • Modificando o posicionamento de um elemento com a propriedade position
    • Deixando uma imagem sempre visível no canto superior direito da página com a propriedade position:fixed

O que os nossos alunos estão falando desse curso

Anderson Souza da Gama

em 17/07/2016

A dinâmica do vídeo e do professor são um diferencial que não permitem a aula ser monótona. Os exemplos são de fácil implementação e a didática utilizada é de fácil compreensão. Vale também ressaltar que o vídeo em HD e o Áudio de qualidade também são um diferencial para o conforto do aluno.

Sobre o curso HTML e CSS: Os seus primeiros passos

Piscina (Willian)

em 13/07/2016

Excelente! Tirei dúvidas que tinha da faculdade com os cursos daqui e realmente aprendi. Parabéns a Alura/Caelum. Sempre recomendo aos meus amigos.

Sobre o curso HTML e CSS: Os seus primeiros passos

Fernando Kendi Utida

em 05/07/2016

Eu fiquei muito satisfeito de aprender muito coisa desse curso tem as explicações como os vídeos demonstraram que fizeram a estrutura entre HTML e CSS na página, pois eu sou surdo e visual para entender mais textos(explicações do que vídeos(também assisti tudo que fez o HTML/CSS isso), mas ficou muito bom para mim e experimentei muito bem em praticar isso que segui as atividades tudo que vocês me ensinaram muito bem!

Sobre o curso HTML e CSS: Os seus primeiros passos

Curso HTML e CSS: Os seus primeiros passos

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 59
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana