Dicas para Blogs e Sites

Uma das coisas mais básicas quando o assunto é blog ou site é como colocar imagem neles, é um assunto fácil, mas tem alguns detalhes interessantes, veja o código:

<img style="border: none;margin:10px; float: right;" src="URL
DA IMAGEM" width="250" height="150">

A parte principal do código é <img src="URL DA IMAGEM"> , se você hospedar ou pegar a url de uma imagem da internet e colocar aqui ela aparecerá no seu blog, você pode hospedar suas imagens no http://photobucket.com ou http://www.imageshack.us mas se somente essa parte do código já faz aparecer à imagem, para que todo o resto? As demais partes são opcionais, mas devem ser colocadas, vamos ver uma parte por vez:

alt="texto" Quando o mouse está sobre a imagem surgira palavra texto, claro que você pode escrever o que quiser o importante é não esquecer de colocar entre aspas.

width="250" height="150" Isto controla a largura e altura da imagem, é opcional a diferença entre colocar ou não essa parte é quando o site está carregando, você já notou que alguns sites enquanto não apareceu a imagem o espaço dela está com um quadradinho e quando ela aparece as coisas ao seu redor mudam um pouco de lugar para se adaptarem ao tamanho dela, e em outros sites já tem um lugar vazio onde aparecerá a imagem, pois é essa a diferença entre colocar ou não essa parte do código, ela faz que já tenha um espaço reservado para imagem enquanto ela não é carregada, tenha cuidado ao preencher esses valores, pois se não forem os mesmo da imagem ela ficará distorcida.

border: none; Quando queremos remover a borda somente de uma imagem colocamos esse código.

style="margin:10px; float: right;" Para deixar o texto ao lado da imagem como neste texto usamos float:right (à direita) e float:left (à esquerda) dependendo de qual lado quisermos, a parte margin: 10px é um espaço vazio ao redor da imagem para o texto não ficar encostado nela.
Mas quando falamos de imagens ainda temos uma outra questão muito importante é o formato que salvamos a imagem que pode ser .jpg, .gif, .png e outros, mas qual a diferença entre eles? Principalmente o tempo que ela levará para aparecer.
É recomendável salvar a imagem nos formatos .jpg e .gif e ver qual tem tamanho menor (ex: 12k), a qualidade varia também um pouco dependendo do formato, mas vale a pena olhar esses dois.

Existem vários programas que são ótimos para imagens como Photoshop, Fireworks, mas se você for fazer download de um deles veja antes quais os requisitos do sistema, ou seja, quando de memória RAM, HD, memória de vídeo são necessários para cada uma desses programas, pois se seu computador não atender esses requisitos mínimos e mesmo assim você fizer o download e instalar seu computador ficará muito lento ou irá travar quando usar esses programas.

Sempre ficamos com vontade de colocar tudo que vemos em outros sites no nosso, mas evite deixar seu blog muito pesado (demorando para carregar), pois muita gente usa internet discada e perde a paciência esperando e fecha a janela antes de ver seu blog.

Marcadores: Códigos, Iniciantes