css na prÁtica
DESCRIPTION
Exercício preparatório de CSS para trabalho individual da ESAMC SantosTRANSCRIPT
![Page 1: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/1.jpg)
CSS NA PRÁTICARENATO MELO - 2014
![Page 2: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/2.jpg)
TextosLinks
Estilo:FonteCoresAlinhamhentoEtc...
PRINCIPAL DIFERENÇA DO HTML E DO CSS
![Page 3: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/3.jpg)
INFORMAÇÕESÚTEIS
![Page 4: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/4.jpg)
3. ABRA O HTML E O CSS NO BLOCO DE NOTAS
1. DESCOMPACTE SEMPRE TUDO NA MESMA PASTA
2. ABRA O HTML NO NAVEGADOR
![Page 5: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/5.jpg)
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
![Page 6: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/6.jpg)
SALVE O HTML OU CSS NO BLOCO DE NOTAS
QUER VER COMO ESTÁ INDO AS ALTERAÇÕES?
PRESSIONE A TECLA F5 NO NAVEGADOR
![Page 7: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/7.jpg)
QUER ACHAR ALGO NO SEU CÓDIGO? Editar - Localizar
![Page 8: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/8.jpg)
ATENÇÃO:Na Direção, cuidado com Acima e Abaixo
![Page 9: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/9.jpg)
DIV:O nome da DIV sempre será o correspondente no css
![Page 10: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/10.jpg)
NA PRÁTICA
![Page 11: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/11.jpg)
renatomelo.com.br/esamc/aula5.zip
![Page 12: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/12.jpg)
#ALTERAR
1. NO TÍTULO: ALTERAR FRIBOI PARA CONCURSO FRIBOI
![Page 13: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/13.jpg)
#ALTERAR
2. NO MENU: ALTERAR HOME PARA FRIBOI
![Page 14: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/14.jpg)
#ALTERAR
3. NA CHAMADA, ALTERAR PROMOÇÃO PARA CONCURSO
![Page 15: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/15.jpg)
#ALTERAR4. NO TEXTO: CONCURSO FRIBOI, TROCAR A FONTE PARA A COR PRETA: #000000;
![Page 16: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/16.jpg)
#ALTERAR5. NO TEXTO: AQUI VOCÊ ENCONTRA... TROCAR A COR DO TEXTO PARA PRETO: #000000
![Page 17: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/17.jpg)
#ALTERAR
6. ALTERAR A FONTE DO MESMO TEXTO PARA 20px
![Page 18: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/18.jpg)
#ALTERAR7. TROCAR O LINK DO FACEBOOK DA FRIBOI! DE /FRIBOIOFICIAL PARA /FRIBOI
![Page 19: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/19.jpg)
#ALTERAR
8. ALTERAR A COR DOS TÍTULOS: FACEBOOK, E-MAIL E SMS DE BRANCO PARA PRETO #000000
![Page 20: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/20.jpg)
#ALTERAR9. ALTERAR A COR DOS ITENS ABAIXO DOS TÍTULOS: FACEBOOK, E-MAIL E SMS DE BRANCO PARA PRETO #000000
![Page 21: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/21.jpg)
#ALTERAR
10. ALTERAR A COR DO RODAPÉ DE VERMELHO PARA PRETO: #000000
![Page 22: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/22.jpg)
#PRÉVIA 01O HTML5 NA WEB
Leia o artigo e faça uma análise da Leia o artigo e faça uma análise da importância da programação em importância da programação em HTML5 para as vendas online: HTML5 para as vendas online:
http://bit.ly/previa1-projetowebhttp://bit.ly/previa1-projetoweb
![Page 23: CSS NA PRÁTICA](https://reader033.vdocuments.net/reader033/viewer/2022052507/5590adff1a28abb22a8b47a4/html5/thumbnails/23.jpg)
#PRÉVIA 01REGRINHAS BÁSICAS
Enviar para o e-mail: Enviar para o e-mail: [email protected]@gmail.com
1- Até 28.08 às 18h30 – 100% VALOR1- Até 28.08 às 18h30 – 100% VALOR2- Até 29.08 às 18h30 – 50% VALOR2- Até 29.08 às 18h30 – 50% VALOR
3- APÓS ÀS 18H30 DO DIA 29.08 = 0% 3- APÓS ÀS 18H30 DO DIA 29.08 = 0% VALORVALOR