O documento fornece instruções sobre CSS na prática, incluindo como abrir arquivos HTML e CSS no Bloco de Notas, salvar alterações e encontrar itens no código. Ele também lista 10 alterações específicas para serem feitas no código, como alterar texto, cores e links.

1. CSS NA
PRÁTICA
RENATO MELO - 2014

2. Textos
Links
Estilo:
Fonte
Cores
Alinhamhento
Etc...
PRINCIPAL DIFERENÇA DO HTML E DO CSS

3. INFORMAÇÕES
ÚTEIS

4. 3. ABRA O HTML E O CSS
NO BLOCO DE NOTAS
1. DESCOMPACTE
SEMPRE TUDO NA MESMA
PASTA
2. ABRA O HTML NO
NAVEGADOR

5. 1. ABRA O BLOCO DE NOTAS
2. VÁ EM ABRIR
3. VÁ NA PASTA DOS SEUS ARQUIVOS
4. SELECIONE PARA ABRIR TODOS OS
ARQUIVOS PARA APARECER O HTML E CSS
PARA ABRIR OS ARQUIVOS NO BLOCO DE NOTAS

6. SALVE O HTML OU CSS
NO BLOCO DE NOTAS
QUER VER COMO ESTÁ
INDO AS ALTERAÇÕES?
PRESSIONE A TECLA F5
NO NAVEGADOR

7. QUER ACHAR ALGO NO
SEU CÓDIGO?
Editar - Localizar

8. ATENÇÃO:
Na Direção, cuidado com
Acima e Abaixo

9. DIV:
O nome da DIV sempre será
o correspondente no css

10. NA PRÁTICA

11. renatomelo.com.br/esamc/aula5.zip

12. #ALTERAR
1. NO TÍTULO: ALTERAR
FRIBOI PARA CONCURSO
FRIBOI

13. #ALTERAR
2. NO MENU: ALTERAR
HOME PARA FRIBOI

14. #ALTERAR
3. NA CHAMADA, ALTERAR
PROMOÇÃO PARA
CONCURSO

15. #ALTERAR
4. NO TEXTO: CONCURSO
FRIBOI, TROCAR A FONTE
PARA A COR PRETA:
#000000;

16. #ALTERAR
5. NO TEXTO: AQUI VOCÊ
ENCONTRA... TROCAR A
COR DO TEXTO PARA
PRETO: #000000

17. #ALTERAR
6. ALTERAR A FONTE DO
MESMO TEXTO PARA 20px

18. #ALTERAR
7. TROCAR O LINK DO
FACEBOOK DA FRIBOI!
DE /FRIBOIOFICIAL PARA
/FRIBOI

19. #ALTERAR
8. ALTERAR A COR DOS
TÍTULOS: FACEBOOK, E-
MAIL E SMS DE BRANCO
PARA PRETO #000000

20. #ALTERAR
9. ALTERAR A COR DOS
ITENS ABAIXO DOS TÍTULOS:
FACEBOOK, E-MAIL E SMS
DE BRANCO PARA PRETO
#000000

21. #ALTERAR
10. ALTERAR A COR DO
RODAPÉ DE VERMELHO
PARA PRETO: #000000

22. #PRÉVIA 01
O HTML5 NA WEB
Leia o artigo e faça uma análise daLeia o artigo e faça uma análise da
importância da programação em HTML5importância da programação em HTML5
para as vendas online:para as vendas online:
http://bit.ly/previa1-projetowebhttp://bit.ly/previa1-projetoweb

23. #PRÉVIA 01
REGRINHAS BÁSICAS
Enviar para o e-mail:Enviar para o e-mail:
renatomelo85@gmail.comrenatomelo85@gmail.com
1- Até 28.08 às 18h30 – 100% VALOR1- Até 28.08 às 18h30 – 100% VALOR
2- Até 29.08 às 18h30 – 50% VALOR2- Até 29.08 às 18h30 – 50% VALOR
3- APÓS ÀS 18H30 DO DIA 29.08 = 0% VALOR3- APÓS ÀS 18H30 DO DIA 29.08 = 0% VALOR

24. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br