Curso de HTML5 e CSS3 I: Suas primeiras páginas da Web

9,0

Nota desse curso

40.835

Alunos neste curso

Faça esse curso e...

  • Aprenda o que é o HTML e o CSS
  • Entenda a estrutura básica de um arquivo HTML
  • Aprenda a usar cada uma das diferentes tags do HTML
  • Utilize o navegador para inspecionar elementos e encontrar bugs
  • Aprenda a definir estilos para elementos usando o CSS
  • Desenvolva páginas Web

Conteúdo Detalhado

  1. Introdução ao HTML

    • Site que vamos desenvolver
    • Para que serve o HTML
    • O que são tags
    • Tags básicas: h1, h2 e p
    • Tags de ênfase: em e strong
    • Estrutura básica de um arquivo HTML
    • Codificação de texto
    • Título e ícone da página
    • Boas práticas: indentação de código
    • Versões do HTML
  2. Introdução a CSS

    • Para que serve o CSS
    • Atributo style e tag style
    • CSS em um arquivo separado
    • Cores no CSS
    • Alinhamento de texto
    • Mudando a fonte
  3. Aprofundando no HTML

    • Links relativos e absolutos
    • Imagens
    • Acessibilidade
    • Tag blockquote
    • HTML e semântica
    • Tag div
    • Novas tags do HTML 5
    • Entidades HTML
    • Seletor de descendência do CSS
  4. O navegador trabalhando a nosso favor

    • Inspecionando o HTML dentro do navegador
    • Verificando bugs no HTML
    • Inspecionando o CSS associado a um elemento
    • Verificando bugs no CSS
    • Testando alterações na página em tempo real
  5. Aprimorando o layout

    • Espaçamentos no CSS (padding e margin)
    • Aplicando bordas a elementos
    • O box model do navegador
    • A propriedade box-sizing
  6. Construindo uma base sólida

    • Estilo padrão do navegador
    • Sobrescrevendo o estilo padrão: CSS reset
    • Precedência de regras no CSS
  7. Um pouquinho de posicionamento

    • A propriedade display
    • inline e inline-block
  8. Mais seletores

    • Usando a propriedade id para estilização
    • Problemas no uso de id
    • Reaproveitamento de estilos com classes
  9. Nem tudo é o que parece

    • Revendo a semântica da página
    • Impacto da semântica na acessibilidade
    • A propriedade text-transform
    • Substituindo texto por imagens
  10. Posicionamento mais a fundo

    • O que é o fluxo do HTML
    • A propriedade float
    • A propriedade clear
    • Combinando floats em layouts complexos
    • Clearfix
  11. Elementos onde queremos

    • A propriedade position
    • Posicionamento relativo
    • Posicionamento absoluto
    • Posicionamento fixo
    • Impacto da propriedade position no fluxo da página

Veja o primeiro vídeo

Público alvo

Desenvolvedores front-end que estejam iniciando

Nível de Dificuldade

Básico

Instrutores

  • Luiz é desenvolvedor full-stack e instrutor, apaixonado por boas práticas e opensource. É mestre pela USP e seu foco é Java, JavaEE, Ruby e Scala, além de ter vasta experiência em front-end. Participou no desenvolvimento de sites no Agile Brazil. Nas aulas, sempre foca nas aplicações práticas do aprendizado.

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Guilherme Del Guerra

em 02/05/2019

Foi muito bem organizado, explorando bastante recurso e respeitando a linha de aprendizado. Parabéns!

HTML5 e CSS3 I: Suas primeiras páginas da Web

Ewerton Sant'Anna Carvalho

em 26/03/2019

Ótima didática assim como o sequenciamento da informações, parabéns!

HTML5 e CSS3 I: Suas primeiras páginas da Web

Felipe Stefani

em 03/05/2019

Curso muito bem disciplinado pelo professor! Apenas com a base já me considero bem o suficiente para começar a desenvolver páginas. Não vejo a hora de começar o próximo módulo.

HTML5 e CSS3 I: Suas primeiras páginas da Web

Sabe quando você pode começar? Agora!

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana