construcao-de-paginas-web
  • Construção de páginas web
  • Comece por aqui
    • Informação muda tudo
      • Informação muda tudo
    • Como nos comunicamos através da internet
      • Como nos comunicamos através da internet
    • Primeiras marcações
      • Primeiras marcações
      • Desafios
    • Conhecendo a linha de comando
      • Conhecendo a linha de comando
      • Desafios
    • Estruturando páginas
      • Estruturando páginas
      • Desafios
    • Páginas semânticas
      • Páginas semânticas
      • Desafios
    • Construindo formulários
      • Construindo formulários
      • Desafios
    • Começando com Git
      • Começando com Git
      • Desafios
    • Trabalhando com repositórios remotos
      • Trabalhando com repositórios remotos
    • Adicionando Áudio, Imagens, Vídeos
      • Desafios
      • Adicionando Áudio, Imagens, Vídeos
    • Começando com CSS
      • Começando com CSS
      • Desafios
    • As unidades de medidas CSS
      • As unidades de medidas CSS
      • Desafios
    • Modelo de caixa com CSS
      • Modelo de caixa com CSS
      • Desafios
    • As cores na web
      • As cores na web
    • Tipografia
      • Tipografia
    • Introdução ao modelo flexível de caixas
      • Introdução ao modelo flexível de caixas
      • Desafios
    • Posicionamento de elementos com CSS
      • Posicionamento de elementos com CSS
      • Desafios
    • Criando páginas para múltiplos dispositivos
      • Criando páginas para múltiplos dispositivos
      • Desafios
    • Criando páginas acessíveis
      • Acessibilidade
      • Desafios
  • Código de Conduta
  • Contribuindo no VaiNaWeb
Powered by GitBook
On this page
  • Desafio 01: Na caixinha do coração
  • Desafio 02: Favela
  • Desafio 03: Guia turístico

Was this helpful?

  1. Comece por aqui
  2. Páginas semânticas

Desafios

Desafio 01: Na caixinha do coração

  1. Crie uma nova página com a estrutura básica completa

  2. Adicione um header e, dentro dele, um título e uma imagem

  3. Adicione um main com três sections

  4. Pesquise três imagens que representam três coisas ou pessoas que você ama

  5. Adicione as três imagens, uma em cada seção

  6. Adicione, dentro de cada seção, um parágrafo que fala sobre essas coisas

Desafio 02: Favela

  1. Crie uma nova página com uma estrutura básica completa

  2. Adicione um header com um titulo e subtitulo.

  3. Adicione um main.

  4. Adicione sete section dentro da main.

  5. Em cada section, adicione um titulo e três divs.

  6. Em cada div, adicione um titulo e um paragrafo.

  7. Dentro de cada paragrafo, coloque três quebras de linhas.

  8. Adicione um footer com duas divs.

  9. Dentro de cada div, adicione um titulo, um subtitulo e um paragrafo.

  10. Adcione duas imagens com uma legenda no final do footer.

Desafio 03: Guia turístico

Criaremos um guia turístico. Escolha uma cidade de sua preferência e vamos começar a codificar!

  1. Crie uma página com a estrutura básica completa

  2. Adicione um header

  3. Adicione um título dentro do header

  4. Adicione um main com três sections

  5. Adicione uma imagem e um parágrafo dentro de cada section, com imagens da cidade que você escolheu e informações sobre ela

  6. Adicione um footer com um parágrafo contendo seu nome

PreviousPáginas semânticasNextConstruindo formulários

Last updated 6 years ago

Was this helpful?