CSS NA PRÁTICA

608 views
435 views

Published on

Exercício preparatório de CSS para trabalho individual da ESAMC Santos

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
608
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS NA PRÁTICA

  1. 1. CSS NA PRÁTICA RENATO MELO - 2014
  2. 2. Textos Links Estilo: Fonte Cores Alinhamhento Etc... PRINCIPAL DIFERENÇA DO HTML E DO CSS
  3. 3. INFORMAÇÕES ÚTEIS
  4. 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. 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. 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. 7. QUER ACHAR ALGO NO SEU CÓDIGO? Editar - Localizar
  8. 8. ATENÇÃO: Na Direção, cuidado com Acima e Abaixo
  9. 9. DIV: O nome da DIV sempre será o correspondente no css
  10. 10. NA PRÁTICA
  11. 11. renatomelo.com.br/esamc/aula5.zip
  12. 12. #ALTERAR 1. NO TÍTULO: ALTERAR FRIBOI PARA CONCURSO FRIBOI
  13. 13. #ALTERAR 2. NO MENU: ALTERAR HOME PARA FRIBOI
  14. 14. #ALTERAR 3. NA CHAMADA, ALTERAR PROMOÇÃO PARA CONCURSO
  15. 15. #ALTERAR 4. NO TEXTO: CONCURSO FRIBOI, TROCAR A FONTE PARA A COR PRETA: #000000;
  16. 16. #ALTERAR 5. NO TEXTO: AQUI VOCÊ ENCONTRA... TROCAR A COR DO TEXTO PARA PRETO: #000000
  17. 17. #ALTERAR 6. ALTERAR A FONTE DO MESMO TEXTO PARA 20px
  18. 18. #ALTERAR 7. TROCAR O LINK DO FACEBOOK DA FRIBOI! DE /FRIBOIOFICIAL PARA /FRIBOI
  19. 19. #ALTERAR 8. ALTERAR A COR DOS TÍTULOS: FACEBOOK, E- MAIL E SMS DE BRANCO PARA PRETO #000000
  20. 20. #ALTERAR 9. ALTERAR A COR DOS ITENS ABAIXO DOS TÍTULOS: FACEBOOK, E-MAIL E SMS DE BRANCO PARA PRETO #000000
  21. 21. #ALTERAR 10. ALTERAR A COR DO RODAPÉ DE VERMELHO PARA PRETO: #000000
  22. 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. 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. 24. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×