Imagem de background

Question

Olá,

Como faço para criar uma imagem de fundo como essa do site https://www.dreamspark.com/?

Parece que a unica coisa que é carregada é dentro de um div, é isso mesmo?

Answer 1

Sim, vc monta um <div id="fundo"> e depois faz a chamada dela no css e inclui o background.

Answer 2

O mais comum para imagens de fundo é colocar diretamente na tag body mesmo. Se quiser ter diferentes backgrounds para páginas diferentes você pode colocar classes CSS no body de cada página.

Agora... no caso do site do Dreamspark é um pouco mais complicado. Se você notar algumas partes das imagens de fundo aparecem por cima do conteúdo. Para fazer isso você colocar divs por cima do conteúdo (para isso utilize o a propriedade z-index do CSS) e coloque imagens com fundo transparente. Este tipo de efeito requer uma certa habilidade no CSS para encaixar tudo certinho.