DIG – Desenvolvimento Interface Gráfica

Prof. Thiago T I Yamamoto

profthiagoy@fiap.com.br
thiagoyama@gmail.com

Exercícios CSS
Regras gerais
 1. NAO UTILIZAR IDE;
 2. Utilizar somente o Notepad, Notepad++ ou Eclipse;
 2. Evite consultar a internet, esforce-se;
 3. Pare, pense, rascunhe, depois comece a desenvolver o código;
 4. Monte toda a estrutura do HTML, do inicio ao fim;
 5. Ao término, valide o seu código no W3C e corriga os erros indicados.

2
Exercicio 02
 Desenvolva uma tela HTML com as carateristicas abaixo:
– Use somente DIV e CSS
– Reproduza as cores, bordas, tamanhos, textos, posicionamento e etc.
– NAO UTILIZE TABELAS

Bloco 01

Bloco 02

3
Exercicio 03
 Desenvolva uma tela HTML com as carateristicas abaixo:
– Use somente DIV e CSS
– Reproduza as cores, bordas, tamanhos, textos, posicionamento e etc.
– NAO UTILIZE TABELAS

Bloco 01

BLOCO 03

Bloco 04
4
Exercicio 03

5
Exercicio 04
 Desenvolva uma tela HTML com as carateristicas abaixo:
– Use somente DIV e CSS
– Reproduza as cores, bordas, tamanhos, textos, posicionamento e etc.
– NAO UTILIZE TABELAS

Bloco 01

6
Copyright © 2010 Prof. Fabio Botelho e atualizado por Prof. Leandro Rubim e Prof. Thiago Yamamoto.

Todos direitos reservados. Reprodução ou divulgação total ou parcial deste documento é expressamente
proíbido sem o consentimento formal, por escrito, do Professor (autor).
7