Laboratórios 2001/2

Mais um semestre, mais uma leva de blogs de alunos para vocês acompanharem.

Ecos da esquina
TEMA: Cultura e arte contra-hegemônicas

Kpopper World
TEMA: K-pop

Nerds & Things
TEMA: Entretenimento nerd

Contestarte
TEMA: Liberdade de expressão

Nunca tenho grana
TEMA: coisas para se fazer fora da internet

Passado Bacaninha
TEMA: A moda e costumes no século XX

Vibrasônico
TEMA: Música

Distorção Amplificada
TEMA: Rock

Propaganda Sob Holofotes
TEMA: Publicidade

Templo da Bola
Tema: Futebol

Acredite também
Tema: Coisas que podem melhorar o mundo

Mundo de Zinco
Tema: Samba

Caixa de texto

Quando vocês quiserem fornecer algum texto que deva ser copiado no blog de vocês, este é o código que vocês devem usar pra criar uma caixa de texto. Extremamente indicado para informar o código do banner de vocês. É só fazer as devidas alterações no texto que deve ir dentro da caixa.

<textarea rows="3" cols="20" name="textarea" onclick="this.select()"><a target="_blank" title="isso é o que aparece quando o mouse fica em cima da imagem" alt="isso também" href="aqui vai o link pro seu blog"><img src="endereço da imagem hospedada em algum lugar da net" border="0"></a></textarea></center>

Aula 26 de Maio

Aula sobre postagem.



Adiconar uma imagem:

O ideal é usar a opção de upload porque assim a foto fica hospedada no seu blog, inclusive com o nome dela. O que acaba sendo uma chance a mais de aparecer como um resultado em uma busca na internet.  As imagens ficam hospedadas em álbuns do picasa, na mesma conta gerenciadora do Google.

Cada imagem vai ser link para ela mesma em uma janela maior.

Adicionar um vídeo:

Pode tanto acrescentar vídeo do YouTube como do seu próprio computador.  Lembrando que fazer upload, é interessante para blogs com conteúdo que o YouTube não permita.

Inserir expansão de postagem: Quando você adiciona essa opção, aparecerá aquele "leia mais..." no seu post.

Esse aspecto nos lembra a questão de o quanto escrever! Qual seria o ideal? Um post de seis parágrafos é bom. Um post muito grande pode assustar o leitor.

Esse "leia mais..." pode não obrigar o leitor a ler tudo, talvez isso deixe escapar o interesse dele.

A variação de alinhamento do texto dá uma certa leveza ao texto.

Fontes das notícias ficam bacanas alinhadas a direita.


No blog, um post pode fazer parte de mais de uma subcategoria. Através do marcadores.

Opções de postagem: A postagem pode ser programada. Isso faz muita diferença, porque você pode aproveitar dias em que está mais inspirado e já deixar prontas várias postagens.



Importante! Tentar usar sempre uma imagem! Torna o post mais agradável... Alguma coisa que seja visual é mais atrativo do que um puro bloco de texto.




Na internet os parágrafos não são definido como no texto impreso. A gente faz blocos de texto dando espaço de uma linha dando um espaço entre um e outro.

Quando se faz um post de agenda, divulgando algum evento ou filme, vale a pena destacar a informação de alguma forma. ("bem tabelinha" mesmo, no final, o que vai facilitar a vida do leitor).

Aula 05 de maio

Recapitulando os ensinamentos da aula passada
  •  Identidade Visual:  Os elementos (cores, fontes, organização e, principalmente, as imagens) do blog devem contribuir para o tema.
Sugestão:  montar um blog-rascunho para testar as modificações.

Tecla Sap: o que é HTML?
Código utilizado para desenvolver páginas na internet, definindo a forma que os elementos do seu blog aparecerão na tela. Os códigos vão sempre entre os sinais de "menor que" e "maior que" (<>) . O código que finaliza a instrução é igual ao que abre, mas começa com uma barra (/).

Não é difícil encontrar listas na internet com os códigos e as respectivas funções. Os dois mais importantes estão a seguir. Lembrando que eles devem ser colocados entre as tags <>.

Para inserir imagem: img src="(...)"
Para inserir link: a href="(...)"
Para terminar o código do link: /a


Os parênteses devem ser substituídos pelo endereço da imagem ou para onde o link apontará.

Montando Layout
Usa-se principalmente o designer de modelo para fazer as modificações (como cores e fontes de texto, plano de fundo ou tamanho e posicionamento da barra lateral). O menu é bem simples e intuitivo, e as alterações podem ser acompanhadas em tempo real na parte de baixo da tela.

Templates
Templates são modelos prontos disponibilizados gratuitamente na internet. Eles conferem um visual bem diferenciado para seu blog quase sem trabalho nenhum de sua parte. Para instalar um template no seu blog também é muito simples.

  1. Encontre o template que lhe agrade e faça o download.
  2. Descampacte o arquivo.
  3. No painel do seu blog, vá na guia Design e depois em Editar HTML.
  4. No topo da página, clique em Escolher arquivo e escolha o arquivo com a extensão .xml que você acabou de descompactar.
  5. Faça o upload.
  6. O blogger vai perguntar se você quer excluir ou manter os widgets. Diga que quer manter para não perder elementos da sua barra lateral.
  7. Salve as alterações e confira o resultado.
DEVER DE CASA
Fazer as modificações necessárias no seu blog para, na próxima aula, fazer uma defesa da identidade visual dele. Apresentação oral. Vale 50 pontos.

Fundo claro ou escuro?

Pra quem tá montando agora o visual do blog, essa pode ser uma questão bem importante. Qual é a melhor cor pra usar no fundo do blog? Uma cor escura com letras claras ou uma cor clara com letras escuras? Isso vai ser fundamental na forma como o seu público vai ler o seu conteúdo.

O ProBlogger resolveu esta dúvida com uma enquete entre os seus leitores. O resultado foi republicado pelo FerramentasBlog e agora você confere aqui.


Isso não significa que é obrigatório usar o fundo claro no seu blog. Quando se trata de blogs, SEMPRE, cada caso é um caso. Mas é importante ter isso em consideração quando for montar seu layout.

SOFRO BULLYING

Identidade Visual do seu Blog


Layout : processo de criação :


  1. Brieffing: Planejar muito bem o que se quer. Encontrar blogs que estejam de acordo com o seu blog, para saber o que deve ser imitado e no que você pode se diferenciar;
  2. Brainstorm: Fazer uma lista com idéias sobre seu blog com tudo que lhe vier a cabeça;
  3. Separar em Categorias : Separar entre imagens e idéias, transformar de abstrato em concreto;
  4. Raf (sic): Esboços visuais do seu blog
  5. Rascunho: Selecionar os melhores esboços e fazer um rascunho mais detalhado deles.
  6. Arte final : Fazer no photoshop ou qualquer outro programa o seu layout


Obs: Criar um blog de rascunho para não comprometer o seu!
Obs2: Evitar layouts piscantes!

Organização da Barra Lateral

O lado direito da tela tem mais destaque, pois a visão tende para lá quando se lê o conteúdo. É o lugar mais comum para a barra lateral.

Organização dos parceiros: Hierarquização das coisas! Quanto mais pra cima e maior o banner, mais ele vai ser visto.

Banner para incluirem em blogs parceiros! [visualizar políticas de parceria como adicionar]

DEVER DE CASA
Enviar para o grupo o seu brainstorm já separado por categorias.

Blogs de 2011/1

Aí vai a lista dos blogs dos alunos deste semestre. Conheçam e dêem a sua opinião.

5 Alternativas
Tema: Entretenimento, comportamento. Cinco alternativas do que fazer (dentro do âmbito cultural) quando se sentir ou estiver com determinado humor, por exemplo.

Ah, como eu adoro...
Tema: Coisas que para se fazer no tempo livre

A Broadway é aqui
Tema: Musicais (Nos EUA, no Brasil e no mundo)

Eu posso falar?
Tema: Curiosidades, entretenimento, besteirol, olhar feminino sobre o mundo

Bonequinho no Mundo
Tema: Avaliações sobre atrações diversas

Marcela amou-me
Tema: Cultura feminina

Aumenta aê!
Tema: Cena Underground Carioca.

Aqui se faz publicidade
Tema: Publicidade

Carioca way of life
Tema: Rio de Janeiro para gringos, sob a perspectiva de alguém local

Velho Mississipi
Tema: Música (rock e blues)

Vai pro Saco
Tema: Cinema nacional

Curti, Não Curti
Tema: TV e cultura

What Goes On In Brazil
Tema: Brasil