Aula #1 - Por Onde Começar? + Dica de sites para baixar materiais domingo, 29 de junho de 2014
Olá, alunos! Me desculpem por não ter postado ontem, mas eu não estava em casa... Por isso hoje teremos a aula de ontem e a postagem de hoje! Olha só que maravilha... Bom, vamos lá!
Não sei fazer Layouts! Por onde começar?
Quando eu não sabia nada sobre HTML, eu simplesmente não sabia como é que começava a mexer com isso. Por isso, hoje a aula vai ser sobre isso! Para entender melhor sobre o que é HTML e do que ele é capaz, clique aqui!
Vamos fazer um layout
Você já fez seu blog de testes. Então, vá em "Modelo">"Editar HTML". Esse tutorial, eu aprendi lá no blog Cherry Bomb, inclusive, nele tem ótimos tutoriais, vocês deveriam visitá-lo. Mas, vamos continuar. Abriu uma caixa de HTML. Clique em qualquer lugar dessa caixa e então dê Ctrl + f no seu teclado. Irá aparecer isso no canto superior direito:
É através dessa caixinha que nós pesquisamos absolutamente todos os códigos que queremos encontrar! Se você não clicar dentro da caixa e der Ctrl + F, vai abrir a caixa de pesquisa do seu navegador e não vai dar certo. Inclusive, recomendo que usem o navegador Google Chrome.
Continuando. Após abrir a caixinha de pesquisa, você irá colar este código nela, e dar enter: .content-outer .content-cap-top { E então, você verá que o que você pesquisou, estará destacado assim:
Agora, você irá apagar tudo o que está destacado:
E vai ficar assim, confere?
Salve e visualize seu layout. Totalmente diferente, né? Agora, faça uma postagem de teste! Escreva qualquer coisa e coloque um título. Volte ao editor de HTML e procure por: .main-inner .column-center-outer { abaixo dele apague o "background: $(post.background.color) $(post.background.url) repeat scroll top left;" e substitua por: background: #fff;
O que seria o "#FFF"? É a cor branca! No HTML as cores são hexadecimais, uma paradinha difícil de entender. Mas cada cor vem com uma hashtag "#" (se estiver sem, não funciona) e depois o código de seis números/letras que define a cor. No caso, o branco: "#ffffff", o preto: #000000, o cinza: #CCCCCC ou #EEEEEE. Existem poucas cores que tem todos os caracteres iguais, tipo o branco e o preto, mas quando isso acontece, você pode simplesmente abreviar para os 3 primeiros caracteres! Assim: #fff, #000, #CCC, #EEE. Mas lembrem-se: Somente quando todos os caracteres são iguais!
Salve e veja o resultado! Bom... por hoje é só, até amanhã! Abaixo estão sites que você sempre pode baixar materiais para seu photoshop (EM BREVE AULAS DE COMO INSTALÁ-LOS NO PROGRAMA E COMO USÁ-LOS) Por enquanto, pesquisem e vão deixando baixadinho. Vocês podem pesquisar por: Styles, Shapes, Fontes e Renders. Ok? Bem fácil.
DEVIANTART <3
Dica: Pesquisar no google "materiais para photoshop tumblr", te ajudará a achar muitos materiais em tumblrs de HTML! Aproveite e pesquise!
Marcadores: Aulas, Dia de Baixar