Introdução ao CSS (Aula 18/06/2013)
(Aula: 18/06/2013)
Primeiro exemplo (CSS externo):
Tentem entender os comandos CSS apresentados no exemplo HTML e CSS da aula (layout simples). Use este exemplo como referência para reproduzir o seu próprio layout (pode ser bem simples). Ajuste o HTML e CSS para a sua necessidade. Dicas:
-Faça um esquema (rascunho) do seu layout antes de começar a implementação;
-Identifique as divisões (tags divs) que terá com o seu layout;
-Se possível, faça um desenho já com as cores e elementos desejados, usando para isso um bom programa de edição de imagens (Photoshop, Fireworks, etc...);
-Depois de tudo esquematizado e com as cores escolhidas, implemente a página usando HTML e CSS. Pesquise na internet (por exemplo no W3SCHOOLS.COM) os comandos e efeitos que precisa, dessas duas linguagens.
Segundo exemplo (css externo): CSS com imagens. Neste exemplo, as tags <DIV> são preenchidas com figuras. O que muda são as opções de efeito que podem ser feitos usando o recurso a.hover no css.