Curso de HTML5 + CSS3
Módulo 1
Apresentação
Exercícios
Meu primeiro exercício
Parágrafos, símbolos e emojis
Inserindo imagens
Ícone de favoritos (favicons)
Hierarquia de títulos
Formatação de textos
Outras formatações
Listas
Trabalhando com links
Imagem dinâmica
Áudio
Vídeos
CSS inline
CSS interno
CSS externo
Desafios
Desafio da contagem
Desafio das imagens
Desafio do mapa-mundi
Desafio da lista de emojis
Desafio do perfil social
Desafio das tags
Desafio da imagem flexível
Desafio da navegação
Desafio dos vídeos
Módulo 2
Apresentação
Exercícios
Representando cores em CSS3
Trabalhando com transparência
Trabalhando com gradientes
Fontes
Utilizando o Google Fonts e fontes externas baixadas
Tipos de alinhamento de textos
Seletores simples em CSS: id & class
Pseudo-class & pseudo-element
Trabalhando com sombras
Desafios
Desafio da página sobre o Android
Desafio do astronauta
Módulo 3
Apresentação
Exercícios
Inserindo imagens de fundo
Background-repeat & background-size
Background-position
Fundo fixo de tela
Alinhamento horizontal e vertical
Minha primeira tabela
Uso de tabelas grandes
Mesclagem de células em tabelas | Parte 1
Mesclagem de células em tabelas | Parte 2
Mesclagem de células em tabelas | Parte 3
Usando o elemento <colgroup> em tabelas
Tabelas responsivas
Desafios
Desafio da tabela complexa
Desafio do efeito parallax | Cordel moderno
Módulo 4
Apresentação
Exercícios
Como criar um <iframe>
Diferentes páginas no mesmo <iframe>
Tornando um <iframe> mais seguro
Adicionando mapas do Google Maps
Adicionando mapas do Waze
Adicionando documentos do Google Docs
Atributos do elemento <form> em formulários
Elementos dentro do elemento <form> em formulários
input type | Parte 1
input type | Parte 2
Gerando saídas rápidas com <output>
Utilizando JavaScript no formulário
Adaptando o conteúdo somente com media types
Adaptando o conteúdo com media types e orientation
Media Queries definidas nas CSS
Criando device breakpoints
Menu responsivo (menu hambúrguer)
Desafios
Desafio das redes sociais
Desafio da página de login
Trabalhando com sombras
Efeito de Sombra em Texto (text-shadow) e em Caixa (box-shadow)