Layout Responsivo

Pessoal, nesse sequência de aulas criei um layout responsivo com a CSS3 e mais o HTML, usando coisas novas que a CSS nos proporcionou.

Ficou muito legal e é uma boa dica para quem quer pensar em fazer sites para diversos dispositivos e o mais variado tamanho de resolução de tela.

Aula 1 - Demonstração de como ficará o resultado final, claro que com algumas modificações no decorrer das aulas.



Aula 2 - Configurando a estrutura do HTML.



Aula 3 - Colocando cor de fundo e cantos arredondados.



Aula 4 - Configurando os itens do layout



Aula 5 - Inserindo imagens




Aula 6 - Colocando conteúdo




Aula 7 - Finalizando...




Comentários

Postagens mais visitadas deste blog

Estrutura básica de documento em HTML5

Item Selecionado do Menu com a CSS

Adição e subtração de paths no Photoshop CS4