Oficina de Blog para professores em 2011

1. Formadores: Iêda Santana e Eliano Sergio

2. História do blog
O termo blog é derivado da união das palavras inglesas web (rede)
e log (diário de bordo, onde os navegadores registravam os eventos
das viagens, principalmente aqueles ligados ao clima). Foi criado
por Jorn Barger em dezembro de 1997.

3. A maioria das pessoas tem utilizado os blogs como diários
pessoais, porém um blog pode ter qualquer tipo de conteúdo e ser
utilizado para diversos fins. Uma das vantagens do blog é permitir
que os usuários publiquem seu conteúdo sem a necessidade de
saber como são construídas páginas na internet, ou seja, sem
conhecimento técnico especializado.
Ao criar o seu blog, você pode inserir, além de textos, fotos,
imagens, vídeos, apresentações etc.

4. Para aprofundar os conhecimentos acerca da origem
do blog, vamos acessar a Wikipédia, enciclopédia
livre, através do link História do Blog. Boa leitura!

5. Blog na Educação
Uma importante característica dos blogs é a interatividade,
definida pela comunicação que se dá entre o autor e seus
leitores, muitas vezes num processo cooperativo para
melhorar o conteúdo do blog. Essa interatividade que já
acontece em sala de aula agora pode ganhar o mundo através
do blog.

6. Outra característica é a presença contínua de links que remetem a
outros sites, onde as matérias originais mencionadas no blog estão
disponibilizadas, como artigos, notícias, vídeos etc. Um dos links
funciona como um espaço para enviar comentários, que permite o
contato de pensamentos e opiniões entre o leitor e o autor do blog.
http://leidaconstruindosaberes.blogspot.com/

7. Para aprofundar o conhecimento
faça a leitura do texto Blogs na
educação: por que não?
Após a leitura, acesse o fórum para
realizar nossa primeira atividade
online.

8. Agora, que tal criar seu
próprio blog?

9. Como criar um blog?
Há serviços gratuitos para criação e hospedagem de blogs.
Uma das possibilidades é o Blogger.
Abra o seu navegador de internet e digite o endereço
http://www.blogger.com

10. 1ª ETAPA: criar Preencha os campos solicitados
uma conta E-mail: este endereço permite acesso ao
blog
Senha: mínimo de 8 caracteres
Nome de exibição: nome usado para
assinar as mensagens do seu blog
(poderá ser seu próprio nome ou
fictício).
Verificação de palavras: sistema de
proteção para evitar a criação
automática de blogs.
Aceite o termo de uso e clique em
CONTINUAR

11. 2ª ETAPA: criar um nome para o blog
Preencha os campos solicitados
Título do blog: nome que
aparecerá no início do blog. Ex.
TICs na Educação
Endereço do blog: será o
endereço na internet, a partir do
qual seu blog será acessado.
http://ticsnaeducacaolinux.blogspot.com
Clique em CONTINUAR

12. 3ª ETAPA: selecionar o modelo
Esse é o momento em que escolhemos o template para o blog.
Esse modelo poderá ser alterado posteriormente.

13. Clique em COMEÇAR A
USAR O BLOG para
acessá-lo.

14. Editando o perfil
É no PAINEL que editamos o perfil,
alteramos a configuração etc.

15. Campo para
inserir sua foto.

16. Como acessar seu blog? digite o e-mail
Digite o endereço do Blogger: www.blogger.com usado para criar o
blog
digite a sua senha
clique em login

17. Após a publicação, uma mensagem pode ser editada sem
problemas. Clique no lápis que aparece após a
mensagem.

18. Note que voltamos a janela de edição. Faça as alterações
necessárias e publique novamente.

19. Postar uma imagem
1º Clicar no ícone da
imagem
2º Clicar em Fazer Upload
3º Escolher a imagem e
clicar em abrir
Agora, é só adicionar a imagem selecionada

20. Você poderá editar a
imagem usando a barra
de ferramentas que
aparece quando a
imagem está selecionada
Não esqueça de PUBLICAR POSTAGEM

21. Imagem publicada no blog

22. Todos têm acesso ao seu blog, porém só
poderão inserir comentários se você
permitir.

23. Todas as postagens são arquivadas. Você poderá
gerenciá-las.
Lista das postagens publicadas.
Observe que quando se passa o
mouse pelo título aparece as
opções Editar, Visualizar e Excluir

24. Elementos da Página
Depois de criar o blog, você poderá
adicionar e organizar os elementos da
página. Vamos usar a guia LAYOUT.

25. O que são os Gadgets?
É uma nova categoria de miniaplicativos criadas para
proporcionar informações e dados úteis, ou para melhorar uma
aplicação ou um serviço na Web. Existem muitos Gadgets na
web para você potencializar seu blog.

26. Cuidado com o uso exagerado de
acessórios. Lembre-se de que nem todas
as pessoas ficarão esperando seu blog
carregar (aparecer) porque há acessórios
demais nele.
DICA
Você pode começar pensando no que é
realmente útil para seus leitores. Procure
usar acessórios que tenham algo a ver com o
seu conteúdo (tema do seu blog).

27. Para adicionar uma lista
com seus blogs preferidos,
basta inserir uma lista de
blogs.

28. Clique para
adicionar um blog à
sua lista

29. Digite o endereço do
blog a ser acrescentado
à lista.
Repita o processo para
acrescentar novos endereços.

30. Atividade de execução 1
Selecione a opção Adicionar um Gadget e
acrescente os seguintes itens ao seu blog.
1.Texto: adiciona uma mensagem de boas-vindas.
2.Lista de blogs: Uma Lista de blogs é muito mais
do que uma simples lista de links: é uma
visualização dinâmica dos blogs que são
importantes para você. Por padrão, a Lista de blogs
mostra primeiro os blogs atualizados mais
recentemente.
3.Lista de links: permite adicionar uma coleção de
seus sites favoritos, blogs ou páginas na web.

31. Através da opção HTML/JavaScript, você adiciona
funcionalidade de terceiros ou outro código a seu
blog. Isto é, podemos adicionar acessórios como
calendários, relógios etc.

32. Relógios e calendários no blog
Há inúmeros sites que oferecem esses acessórios
gratuitamente, como os endereços citados abaixo. É
necessário selecionar o código do modelo escolhido para
em seguida usar a opção colar.
http://relogios-para-sites-e-blogs.blogspot.com/
http://www.magiagifs.com.br/Calendario/calendarios_clubes.htm
http://www.tonygifsjavas.com.br

33. Relógios e calendários
Em Layout, na opção Elementos de página, clique
em Adicionar um Gadget, procure por
HTML/JavaScript e cole o código do acessório
escolhido, clique em salvar. Pronto! É fácil assim!
Visualize o blog para conferir o resultado.

34. Não ficou contente com o modelo
Designer de modelo escolhido? Calma, você poderá alterá-lo!
Clique em Modelo e em seguida
em Personalizar.

35. As alterações são realizadas a partir do painel
na parte superior e a visualização é imediata
logo abaixo. Em seguida, você deve aplicar
ao blog

36. Plano de fundo
Selecionar outra
imagem
Você pode escolher sua própria
imagem de fundo, é só fazer
upload do arquivo

37. Ajustar largura
Layout
Permite reorganizar os seus gadgets.

38. Avançado Podemos configurar as cores de
fundo, tipo, tamanho e cor do texto,
links e títulos entre outros através da
guia AVANÇADO. Você só precisa ir
clicando nas opções e observar o
resultado no seu blog que fica
sempre visível.

39. Referências
GENTILE, Paola. Blog: diário (de aprendizagem) na rede. Disponível
em http://revistaescola.abril.com.br/lingua-portuguesa/pratica-
pedagogica/blog-diario-423586.shtml. Acesso em fevereiro de 2012
Introdução à educação digital: caderno de estudo e prática / Beth
Bastos ...[et al.] – Brasília : Ministério da Educação, Secretaria de Educação
à Distância; p. 207 – 223
O que é um blog ou weblog ? Disponível em
http://www.interney.net/blogfaq.php?p=6490966 . Acesso em fevereiro de
2012
005 Dicas sobre usos educacionais de blogs. Disponível em
http://jarbas.wordpress.com/5-dicas-sobre-usos-educacionais-de-blogs/
Dicas blog. Disponível em
http://www.dicasblogger.com.br/2012/01/veja-quantos-1-seus-posts-
receberam.html. Acesso em fevereiro de 2012

40. Referências das imagens
http://www.diaadia.pr.gov.br/tvpendrive/modules/mylinks/index.php
http://perlbal.hi-pi.com/blog-images/811687/gd/130813835592/A-informatica-na-
Educacao-Infantil.jpg
http://andancasdelory.files.wordpress.com/2011/02/blog-amarelo.jpg
http://4.bp.blogspot.com/-
HRz92He9XqM/TsRgmHI99XI/AAAAAAAABF0/yQKViZzKsZ8/s200/sou-
blogueira.jpg
wikipedia-logo-3D-20110103101852.jpg

41. Referências das imagens
http://www.diaadia.pr.gov.br/tvpendrive/modules/mylinks/index.php
http://1.bp.blogspot.com/-6-
wTEYHZ9NU/TayGCbZxU5I/AAAAAAAAAuY/bOLpJnXduQo/s1600/visconde.jpg