css no webdesign
DESCRIPTION
Exercício prático de html e Css além de informações sobre o fim do flash.TRANSCRIPT
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