Curso de HTML5 + CSS3

Aulas do Módulo 4

Conteúdo do Módulo 4

iFrames

  • Configurando iframes
  • Conteúdo local no iframe
  • Navegação no iframe
  • Conteúdo no iframe por código
  • Inconvenientes do iframe
  • Dicas para iframes melhores e seguros

Projeto 3: Redes Sociais

  • Criando um projeto do zero
  • Página inicial do projeto
  • Posicionando o conteúdo do site
  • Botões das redes sociais
  • Página de cada rede social
  • Personalizando as imagens do projeto

Formulários

  • Como criar formulários com HTML5
  • Métodos GET e POST para formulários
  • Checkbox e Radio button em HTML
  • Select, datalist e textarea em HTML
  • Elemento output em formulários HTML

Media Queries

  • O que são Media Queries em CSS
  • Criando um site com versão para impressora
  • Múltiplas Media Features com CSS
  • Seguindo a orientação do dispositivo
  • Reunindo tudo em um único CSS

Mobile First

  • Iniciando um site mobile first
  • Device breakpoints
  • Menu responsivo com HTML5 e CSS3
  • Configurando o layout do projeto
  • Criando um menu hambúrguer
  • Media Queries para outros dispositivos

Projeto 4: Página de Login

  • Tela de login responsiva só com HTML e CSS
  • Versão mobile first da tela de login
  • Outras Media Queries para o projeto
  • Criando o formulário de login
  • Aplicando estilo ao formulário
  • Finalizando o projeto