Mostrando postagens com marcador Foto. Mostrar todas as postagens
Mostrando postagens com marcador Foto. Mostrar todas as postagens

segunda-feira, 24 de outubro de 2011

Mosaicos de fotos

Montagens e Molduras para Fotos
É possível entender a ideia de mosaico de fotos pelo menos de duas maneiras, como uma espécie de painel com fotos -- como acima -- que é o que esse site aqui faz. O procedimento é bem simples: estar com as fotos no gerenciador de arquivos e arrastá-las para onde elas ficarão no painel.

Esse serviço (gratuito) permite, tanto fazer o download da foto, quanto pegar o código que é gerado e copiar no espaço HTML da postagem, para que a foto apareça no blog.

O outro entendimento do "mosaico de fotos" é exemplificado pela imagem abaixo, na qual a foto é composta por um conjunto de outras fotos. Fica mais fácil de perceber esse efeito, quando as fotos que compõem o mosaico são de closes ou detalhes.

De qualquer modo, esse mosaico foi feito nesse site aqui, e deve ser baixado e depois ser feito o upload para o blog. O serviço tem um pequeno vídeo que explica bem como o mosaico deve ser criado. O procedimento é bem intuitivo.

quarta-feira, 19 de outubro de 2011

Geradores


Geradores são programas, geralmente online, que "geram" códigos, imagens, animações, vários elementos que podem ser úteis (ou simplesmente enfeites) a um site ou blog.

Às vezes, eles são interessantes quando se quer ilustrar uma postagem, mas não se tem foto ou desenho para isso. Com esse site aqui, fiz o LP, acima. E esse blog aqui possui diversos exemplos e endereços de geradores.

domingo, 16 de outubro de 2011

Mapa conceitual sobre blogs escolares 1.1

Reconceitualizei um mapa conceitual sobre blogs escolares. Na verdade, não mudou tanto, em relação a um anterior (aqui).

Porém, me dá a chance de falar de algumas tecnicidades importantes:

1) fiz o mapa num programa de desenho vetorial (como o antigo Corel Draw! ou "corelpau" para os mais antigos -- ele travava muito, sobretudo em máquinas com pouca memória). Acredito que, de maneira geral, desenho vetorial é mais difícil que o desenho em programas de tratamento de imagem, que geram arquivos bitmap. (Se não entendeu o que eu disse aqui, veja a aba sobre "Edição de fotos". Lá há um curso que fala de um programa que gera arquivos desse tipo -- o Photoshop é também um exemplo.)

2) bem, o arquivo vetorial não é exatamente amigável para a web, tem que ser convertido. Transformei em PNG, que, como expliquei (aba "Edição de fotos", etc.), gera arquivos com transparência. Porém, no caso, a transparência deixaria a imagem acima (no tipo de fundo desse blog) praticamente ilegível, por isso, coloquei um fundo branco -- mesmo preservando a transparência (deixei a borda da imagem arredondada para que ela seja percebida mais facilmente).

Então, a lição a tirar é que se você tem uma imagem e quer transparência, mas não em tudo, pode colocar fundo branco na última camada  (aba "Edição de fotos", etc.), mas não esqueça de tentar cortar (ou já produzir) a imagem deixando a borda com a transparência (sem o fundo branco).

3) imagens que têm texto são melhor lidas na tela quando estão no blog ou site, exatamente do tamanho com que foram criadas. Em blogs (o Blogger sem dúvida) há uma perda apreciável de qualidade, estando maior ou menor.

Então, se quer que o texto tenha qualidade, atente a esse detalhe.

domingo, 9 de outubro de 2011

Álbuns de fotos - Picasa e Flickr


Vou explicar como se faz para inserir álbuns de fotos do Picasa e do Flickr em postagens.

Em primeiro lugar, é necessário que se tenha conta nesses dois repositórios. No primeiro caso, a conta Google serve, e no segundo a do Yahoo. Depois, é preciso fazer o upload das fotos para esses espaços, preferencialmente já em um álbum próprio.

No Picasa, tendo subido as fotos, primeiramente é necessário clicar (veja a zona amarela), em "Link para este álbum", depois clique em "Incorporar apresentação de slides".


A última operação abre a caixa de opções abaixo. Nela, escolha as opções da apresentação (tamanho, se será automática, etc.) e copie o código. Depois, basta copiar o código na zona de HTML da postagem. Um detalhe, pode-se alterar a ordem da apresentação, para tanto, deve-se clicar na guia "Organizar" e depois, na tela que se abrirá, clicar e arrastar sobre as fotos, para ir mudando a posição das mesmas.

O resultado está mais abaixo. Um ponto importante: as fotos precisam ser públicas, caso se queira que qualquer pessoa possa ver. Para mudar esse parãmetro no Picasa, deve-se clicar em "editar", num pequeno texto ao lado do ícone do álbum, do lado superior direito da tela, e alterar -- na caixa de opções que será aberta -- a opção de visibilidade.



Agora vamos ver como fazer no Flickr. O procedimento de já ter subido as fotos para o servidor do serviço é o mesmo do Picasa. Lembre: coloque as fotos num álbum e deixe-as no modo "público".

Agora, entrando no álbum (veja a imagem abaixo, no destaque amarelo), clique em


Agora, na nova tela (abaixo), clique em "Compartilhar", que fica bem no topo direito da tela, depois, na opção que será aberta, copie o código para incorporar a apresentação.


Por fim, basta colar o código na postagem e publicá-la. (Para variar, via HTML mudei o tamanho.) O resultado se vê abaixo:



sábado, 8 de outubro de 2011

Criando o modelo e mudando o fundo


Ao criar o blog, você acabou escolhendo certo Modelo (layout), como essa operação é relativamente simples, vou me concentrar em algo a posteriori e mais complexo: a alteração do modelo, sobretudo em aspectos menos usuais.

Assim, vou ensinar aqui como trocar o fundo, de um modelo de layout de blog que tenha essa opção. Essa é uma, entre outras, das personalizações de uma modelo possíveis.

Para fazer isso, em primeiro lugar, é necessário se estar na em Modelo, que é a opção de configurações com ícone (com este nome) à esquerda da tela. É o segundo ícone de baixo para cima.

Clicando nele, entrasse numa página que informa qual modelo o usuário usa e dá a opção de mudar o Modelo ou então personalizá-lo. Deve-se clicar em Personalizar, conforme indicado no círculo amarelo, acima.

Daí, se entra numa página em que -- para mudar o fundo -- é necessário clicar em Plano de Fundo, que é a segunda opção, de cima par baixo, no canto direito. Fazendo isso se entra na tela mostrada abaixo.


Será mostrado o fundo atual e clicando em Remover Imagem (veja a parte destacada em amarelo), está será eliminada e se poderá colocar outra, fazendo upload. Feito esse, é só aplicar clicando no botão laranja no canto superior direito (Aplicar ao blog). A informação, na hora do upload, sobre o tamanha da imagem de fundo é importante: ela não deve ser maior que 300KB e deve ter pelo menos 1800 x 1600 pixels para que possa cobrar uma tela.

Outra coisa que vale notar é que é possível deixar a imagem rolando ou estática no fundo, as opções logo ao lado do campo para eliminar/fazer o upload da imagem permitem essa configuração.

Vou colocar abaixo o antigo modelo e o novo.



Qual ficou melhor? Para falar a verdade, acho que o antigo tinha ficado melhor... Mas posso mudar e mudar e mudar depois.

Isso é interessante no blog: você sempre pode mudar para se aproximar do que prefere ou do que é mais adequado.

sexta-feira, 7 de outubro de 2011

Plano de estudo - "receita" da postagem


Resolvi, para facilitar o estudo, organizar a unidade em três subgrupos: (1) questões conceituais que precedem a criação de um blog, (2)o que é necessário saber sobre a configuração do Blog, de maneira geral, no que estará relacionado com sua aparência e funcionalidade e (3) o que é importante quanto a uma postagem em particular.

Na verdade, os três planos de estudo se cruzam, mas acho que assim facilita, para quem está começando.

No terceiro nível, que é o mais prático, há aspectos importantes para saber quanto a uma postagem em relação a:
  • Textos
  • Música e Sons
  • Vídeo
  • Fotos e imagens

Uma postagem pode ter todos esses elementos, ou apenas um. O importante é conhecer as várias opções e possibilidades dentro de cada grupo.

Em todos eles, há aspectos mais básicos e outros mais avançados. Vou tentar passar pelos dois níveis. Algo básico (em relação ao texto, mas também a fotos e imagens), por exemplo, é a inserção de link.

Assim, começo já ensinando como inserir um link em texto e foto.

Irei colocar um link na palavra "Mapa mental", remetendo o leitor ao mapa que criei, acima. É simples: escrevo o texto e depois o seleciono-o e clico no botão Link, que fica acima, nas opções de edição da postagem. Na janela que se abre, coloco o endereço (âncora) do link e depois clico em OK.



Pronto, fica assim: Mapa mental.

Mas eu posso querer que uma imagem também funcione como link, quer dizer, clicando nela eu vá para alguma página. O procedimento é o mesmo, só que ao invés de selecionar um texto, se seleciona a imagem, antes de clicar no botão Link.

PS: o mapa mental acima, foi feito no programa gratuito Mind Map.

Capturar telas do computador


O grupo que faz um blog pode querer, por algum motivo, capturar uma tela do computador para colocar como imagem de uma postagem. Um exemplo é se saiu uma notícia sobre o grupo em algum veículo da internet.

Um jeito simples de fazer isso é usando o botão Print Screen do teclado, daí ir ao editor de imagens, criar uma imagem nova e "colar".

Testei no Pixrl e deu certo, mas nesse caso é necessário (abre-se uma janela para isso) permitir que o programa acesse a área de transferência do computador.

Nesse método, a imagem geralmente não fica com muita qualidade. Mas há programas que fazem a captura de telas, gerando imagens melhores. Isto pode ser útil para produzir tutoriais ou apostilas. Alguns programas gratuitos, desse tipo, são os seguintes: