Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

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

Nota

9.1

Nível

Básico

Última atualização

02/07/18

Carga horária

32h

Iniciar Curso
Concluir

Instrutor

  • 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.

Veja as últimas novidades do curso Veja as perguntas frequentes Fórum do curso

Conteúdo detalhado:

  1. Introdução ao HTML

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

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

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

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

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

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

    1. A propriedade display
    2. inline e inline-block
  4. Mais seletores

    1. Usando a propriedade id para estilização
    2. Problemas no uso de id
    3. Reaproveitamento de estilos com classes
  5. Nem tudo é o que parece

    1. Revendo a semântica da página
    2. Impacto da semântica na acessibilidade
    3. A propriedade text-transform
    4. Substituindo texto por imagens
  6. Posicionamento mais a fundo

    1. O que é o fluxo do HTML
    2. A propriedade float
    3. A propriedade clear
    4. Combinando floats em layouts complexos
    5. Clearfix
  7. Elementos onde queremos

    1. A propriedade position
    2. Posicionamento relativo
    3. Posicionamento absoluto
    4. Posicionamento fixo
    5. Impacto da propriedade position no fluxo da página