css na prÁtica

24
CSS NA PRÁTICA RENATO MELO - 2014

Upload: renato-melo

Post on 29-Jun-2015

289 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: CSS NA PRÁTICA

CSS NA PRÁTICARENATO MELO - 2014

Page 2: CSS NA PRÁTICA

TextosLinks

Estilo:FonteCoresAlinhamhentoEtc...

PRINCIPAL DIFERENÇA DO HTML E DO CSS

Page 3: CSS NA PRÁTICA

INFORMAÇÕESÚTEIS

Page 4: CSS NA PRÁTICA

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

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

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

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

Page 8: CSS NA PRÁTICA

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

Page 9: CSS NA PRÁTICA

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

Page 10: CSS NA PRÁTICA

NA PRÁTICA

Page 11: CSS NA PRÁTICA

renatomelo.com.br/esamc/aula5.zip

Page 12: CSS NA PRÁTICA

#ALTERAR

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

Page 13: CSS NA PRÁTICA

#ALTERAR

2. NO MENU: ALTERAR HOME PARA FRIBOI

Page 14: CSS NA PRÁTICA

#ALTERAR

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

Page 15: CSS NA PRÁTICA

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

Page 16: CSS NA PRÁTICA

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

Page 17: CSS NA PRÁTICA

#ALTERAR

6. ALTERAR A FONTE DO MESMO TEXTO PARA 20px

Page 18: CSS NA PRÁTICA

#ALTERAR7. TROCAR O LINK DO FACEBOOK DA FRIBOI! DE /FRIBOIOFICIAL PARA /FRIBOI

Page 19: CSS NA PRÁTICA

#ALTERAR

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

Page 20: CSS NA PRÁTICA

#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

#ALTERAR

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

Page 22: CSS NA PRÁTICA

#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

#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

Page 24: CSS NA PRÁTICA

FACEBOOK.COM/RENATOMELOMKT

[email protected]