Aprenda a editar o design do blog sozinho

Olá pessoal, vou adiantando que estou bem animada! Pra quem não sabe a ideia inicial da criação do Juhlihipy era a de um blog para Webdesigner, onde eu iria fazer tutoriais, trabalhar com encomendas, disponibilizar layouts free e afins. A empolgação foi tanta que no início do ano vi um pessoal numa gráfica editando imagens e logo me veio uma nostalgia do tempo que eu fazia layouts para as pessoas e do quanto eu gostava, e no meu coração veio o desejo de começar tudo de novo. No mesmo dia peguei o dinheiro que sobrou do meu estágio e me inscrevi num curso de Webdesign & Design Gráfico para ter a formação! 

Criei o blog no dia 02 de abril, usei um template todo voltado para o Webdesign, assim como a Fanpage. Só que eu me empolguei demais com a escrita dos meus textos e a universidade foi me consumindo a ponto que eu não tinha tempo pra desenvolvet templates de forma caprichada, só de fazer coisas básicas e olhe lá. Minha dedicação foi exclusivamente à escrita, o que me fez muito bem por sinal. Agora nas férias eu voltei inspirada e criei meu próprio espaço de Design, o Juhlihipy's Design!

O Juhlihipy's Design foi criado hoje e acessando-o você encontra todas as informações sobre preços e trabalhos que fiz durante a criação do Juhlihipy, por exemplo. Sei que é o começo de uma nova jornada e estou muito feliz, porque é um passo para a realização dos meus sonhos. õ/

Minha pretenção de ser webdesigner e designer gráfica surgiu depois de longos períodos que passei sentada no meu computador aprendendo a fazer edições de imagens e entendo sobre códigos HTML e afins. Sei que nem todo mundo tem interesse em se profissionalizar a respeito, mas imagino que algumas pessoas sentem vontade de editar seu próprio blog, fazer suas próprias imagens, editar colunas do template e afins, porém se sentem meio inseguras por não ter o conhecimento básico. Então meu objetivo nesse post é trazer algumas dicas:

1- BAIXE PROGRAMAS DE EDIÇÃO DE IMAGENS, EDITORES HTML E FUCE AS FERRAMENTAS POR CONTA PRÓPRIA

Resumindo: Pratique muito. O conhecimento na prática, na instigação, na elaboração de hipóteses rende muito e é muito mais marcante. Se você possui algum editor ou até mesmo usa editores on-line, faça você mesmo testes em cada ferramenta, em cada opção que o programa lhe oferece e você vai ter noção do que serve cada item e como o programa funciona na prática.

Muito provavelmente você vai errar, as coisas podem não sair como esperado, mas você vai aprender. É normal que de início os trabalhos tenham menor qualidade e posteriormente você consiga evoluir.

2- LEIA TUTORIAIS NA INTERNET, EM LIVROS, CURSOS, ETC.

Aprender sozinho é bom, mas dependendo da dificuldade com determinados programas a aprendizagem precisa de um guia para que a maior gama de conhecimentos possíveis sobre tais programas seja explorada. 

Existem diversos tutoriais na internet, em blogs, em Tumblrs', ensinando várias dicas de como editar imagens, assim como criar templates, instalar determinados códigos e afins. Sempre que tiver alguma dúvida ou alguma curiosidade, faça uma busca na internet e salve o link dos tutoriais que lhe forem úteis.

Caso queira se aprofundar mais e ser capaz de desenvolver seu blog de forma profissional procure um curso profissionalizante, assim você terá maior visão de como funciona o desenvolvimento de sites e conteúdos gráficos e estará em um nível avançado.

3- CRIE BLOGS DE TESTES

Ainda considerando a prática e a observação, um blog de testes é uma ajuda e tanto. Você pode fazer testes no design e no código do seu blog, editando-os o máximo que puder. Para isso você pode desenvolver seu próprio código ou usar Templates Base disponibilizados por alguns sites. O ideal seria que você fizesse uma edição de cada vez, salvasse e visualizasse seu blog para ver o que mudou.

Assim, por exemplo, ao fazer uma alteração em um determinado código você pode perceber como ele funciona, como alterar a cor do plano do fundo de uma tabela, que parte é relativa ao tamanho do menu e etc.

4- USE A OPÇÃO "INSPECIONAR" PARA ACHAR CÓDIGOS ESPECÍFICOS

Caso esteja em dúvida com um determinado código, no seu próprio navegador você pode selecionar um elemento e com o botão direito do mouse clicar em "Inspecionar".

Por exemplo, eu quis entender como funciona o código da tabela do título do Widget:

No meu navegador aparecerá uma janela com várias informações:

A partir delas, por exemplo, eu posso entender que o código #9E9CCD se refere à cor roxa da tabela, então se eu quiser que ela tenha cor diferente eu substituo esse código pelo código de outra cor. Descubro também que "texto-align" se refere ao alinhamento do texto, então se eu substituir "center" por "justify", o texto aparecerá justificado e não centralizado. Assim como eu descubro que o código referente ao título da sidebar da widget é o "#sidebar-wrapper h2", assim como posso descobrir outras coisas mais.

Caso queira inspecionar todo o código de uma página da Web tecle "Ctrl + U" ou use o botão direito do mouse, mas não copie códigos de terceiros sem autorização.

5- USE OS EDITORES DA SUA PLATAFORMA

Se você usa o Blogger, vá em Layout > Designer de modelo. 

Se você tiver um template do próprio Blogger instalado você vai editar o tamanho das colunas dos posts e da sidebar, as cores dos links, do título do post, e etc. facilmente. Se você usa um template próprio esta função vai ser bem limitada e você terá que editar seu blog pelo Editor HTML.

Agora vamos aos LINK ÚTEIS!

- Editores de imagem:

Adobe Photoshop

Corel Draw

PhotoScape

PixLr

Photo Filtre

- Editores HTML:

Dreamweaver

- Sites para edição de imagens, com tutoriais, templates free e freebies pro seu blog:

[Atualização 26/08: Fiz um post com + de 80 Tutoriais para usuários do Blogger. Clique aqui pra ler].

Canva

Manual da Blogueira

Renata Massa

Blog Tamires Sobral

Ó a Blogueira

Elaine Gaspareto

ButLariz

Follow Your Dreams

Cherry Bomb

Mundo Blogger

Good Sweets

Dicas para Blogs

Maçã Envenenada

I Love Banner

E você? Faz o próprio layout do seu blog e/ou já tentou? Como foi sua aprendizagem no mundo de edição de páginas da internet? Espero ter ajudado, e um forte abraço <3