css no webdesign

CSS NA PRÁTICAPARA WEBDESIGNERSRENATO MELO - 2014

POR QUE MORREU?

IE 10 não roda flash no touch

“O MUNDO ESTÁ MUDANDO PARA O

HTML5”

“NOS ÚLTIMOS 10 ANOS, A WEB NUNCA TEVE ESTE NÍVEL DE

TRANSFORMAÇÃO, ESTE NÍVEL DE ACELERAÇÃO. ESTAMOS FICANDO

MAIORES COM O HTML5”

“SE VOCÊ QUER FAZER ALGO UNIVERSAL, NÃO HÁ NENHUMA DÚVIDA: O MUNDO ESTÁ MUDANDO PARA O HTML5. ISTO É FATO! O MUNDO ESTÁ EMPURRANDO O

HTML5 E NÓS TAMBÉM.”

INFORMAÇÕESÚTEIS

TextosLinks

Estilo:FonteCoresAlinhamhentoEtc...

PRINCIPAL DIFERENÇA DO HTML E DO CSS

3. ABRA O HTML E O CSS NO BLOCO DE NOTAS

1. DESCOMPACTE SEMPRE TUDO NA MESMA PASTA

2. ABRA O HTML NO NAVEGADOR

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

SALVE O HTML OU CSS NO BLOCO DE NOTAS

QUER VER COMO ESTÁ INDO AS ALTERAÇÕES?

PRESSIONE A TECLA F5 NO NAVEGADOR

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

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

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

NA PRÁTICA

renatomelo.com.br/esamc/aula5web.zip

#ALTERAR1. NO TÍTULO: ALTERAR COCA COLA PARA CONCURSO COCA COLA

#ALTERAR2. NO MENU: ALTERAR HOME PARA COCA COLA

#ALTERAR

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

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

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

#ALTERAR

6. ALTERAR A FONTE DO MESMO TEXTO PARA 20px

#ALTERAR

7. TROCAR O LINK DO FACEBOOK DA COCA PARA /COCACOLA

#ALTERAR

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

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

#ALTERAR

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

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br