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

8,5

Nota desse curso

37.434

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

Formação com esse curso

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

Foto do aluno

Alex Giuliano Ramos

em 01/11/2018

Além de utilizar recursos alinhados com a atualidade, é feito de forma simples e de fácil compreensão!

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

Foto do aluno

Diego Rosa

em 23/10/2018

Bem didático, sempre com exemplos e o melhor: ensinando na prática.

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

Foto do aluno

Rafael de Oliveira Albuquerque

em 04/11/2018

Eu já havia feito outro curso de CSS a um ano, mas achei o curso e a didática do instrutor muito boa. Parabéns instrutor e obrigado Alura.

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

Sabe quando você pode começar? Agora!

  • 760 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 de conclusão das Formações com avaliação dos professores da Alura e 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

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 760 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 de conclusão das Formações com avaliação dos professores da Alura e 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

    Curso online de inglês técnico para aprimorar seu conhecimento

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

Premium Plus

  • 760 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 de conclusão das Formações com avaliação dos professores da Alura e 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

    Curso online de inglês técnico para aprimorar seu conhecimento

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

Max

  • 760 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 de conclusão das Formações com avaliação dos professores da Alura e 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

    Curso online de inglês técnico 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