blog educacional

42
Telefone (92) 3214-5260 /3642-6188

Upload: yvana-costa

Post on 23-Jun-2015

2.563 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Blog educacional

Telefone (92) 3214-5260 /3642-6188

Page 2: Blog educacional

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 17 de dezembro de

1997. A abreviação "blog", por sua vez, foi criada por Peter

Merholz, que, de brincadeira, desmembrou a palavra weblog

para formar a frase we blog ("nós blogamos") na barra lateral

de seu blog Peterme.com.

HISTÓRIA DO BLOG

Para aprofundar a leitura: http://pt.wikipedia.org/wiki/Blog#cite_note-wired-1

Page 3: Blog educacional

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.

Page 4: Blog educacional

Que tal criar seu próprio blog?

COMO CRIAR E ADMINISTRAR UM BLOG?

Page 5: Blog educacional

Como criar um blog?

Existem serviços gratuitos para criação e hospedagem de blogs. Uma das possibilidades de serviço gratuito é o Blogger.

Para criar um blog, inicialmente precisamos possuir uma conta no Blogger. Para isso, acesse http://www.blogger.com A página a seguir será aberta:

CLIQUE AQUI PARA CRIAR SEU

BLOG

Page 6: Blog educacional

1ª ETAPA: Criar uma conta

Preencha os campos solicitados

E-mail: este endereço lhe dá acesso ao blog

Senha: mínimo de 8 caracteres

Nome de tela: 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

Page 7: Blog educacional

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

Page 8: Blog educacional

3ª ETAPA: Escolha um modelo

Esse é o momento em que escolhemos o template para o blog, ou seja, o aspecto final.

Selecione o modelo escolhido e, em

seguida, clique em continuar.

Page 9: Blog educacional

Como acessar seu blog?

Digite o endereço do Blogger: www.blogger.com

digite o e-mail usado para criar

o blog

digite a sua

senha

clique em

login

Page 10: Blog educacional

Seu Blog já está pronto e agora é só começar a usá-lo. Para isso clique em COMEÇAR A USAR O BLOG.

Vou acessar

meu blog!

Page 11: Blog educacional

Postar informações no blogDigite um título para sua postagem e em seguida a mensagem que deseja publicar

Uma vez terminada a mensagem, clique

PUBLICAR POSTAGEM para publicá-la ou em SALVAR AGORA para salvá-la como esboço e

publicá-la posteriormente. É necessário publicar para

que ela apareça na internet.

Page 12: Blog educacional

Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só visualizar a postagem.

Page 13: Blog educacional

Na página do blog, será possível inserir comentários e visualizar todas as postagens já publicadas. Todos têm acesso ao seu blog, porém só poderão inserir comentários se você permitir.

Page 14: Blog educacional

Editar postagensMesmo uma mensagem que já foi publicada no blog poderá sofrer alterações para isso basta editá-la.• Na guia Postagem, clique em Editar postagens

Nessa janela, você tem a opção de: Editar, Visualizar e Excluir.

Page 15: Blog educacional

1º - Editar: permite fazer alterações em uma mensagem já postada utilizando a barra de ferramentas.

2º - Visualizar: permite visualizar como ficou no blog a sua postagem.

3º - Excluir: Elimina a postagem publicada

Page 16: Blog educacional

Como editar o modelo das postagens?

Para acessar o editor de postagens do blog, entre no painel do Blogger, clique em layout > elementos de página. Procure por “postagens no blog” e clique no link editar.

Abrirá uma nova janela, mostrando diversas opções de configurações para as postagens:

Page 17: Blog educacional

Postar uma figura

2. Clique no ícone INSERIR FIGURA, na barra de ferramentas do editor.

3. Localize a imagem desejada, clicando em ARQUIVO (se a imagem estiver em seu computador, CD ou pen drive) ou digite/cole o endereço da imagem na web.

1. Salve a figura no seu computador, num CD ou pen drive.

Clique aqui para procurar

a imagem desejada.

Page 18: Blog educacional

4. Em seguida, escolha o layout que deseja e o tamanho da imagem. Você pode escolher o layout para cada imagem ou definir um layout como padrão. Se preferir, marque a opção USAR ESTE LAYOUT SEMPRE. 5. Clique em FAZER UPLOAD DE

IMAGEM

Page 19: Blog educacional

Clique aqui para inserir

link

Digite o texto que deverá aparecer na mensagem

Digite ou cole o endereço da página na internet

Clique em OK para concluir e publique a

postagem

Mensagem com link

Page 20: Blog educacional

Alterar fontes e coresNa guia de Layout, escolha a opção Fontes e cores.

Escolha o item a ser alterado.

Você poderá também alterar a fonte.

Salve as alterações.

Page 21: Blog educacional

Adicionar e organizar elementos na página

Depois de criar o blog, você poderá adicionar e organizar os elementos da página.

Explorando o layout

O que são os Gadgets?

É uma nova categoria de mini-aplicativos 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.

Page 22: Blog educacional

Adicionar gadgets ao blogGadgets são usados para muitos fins, sobretudo a facilidade de acesso.

• Vá ao painel de seu blog e selecione Layout.

• Em seguida, selecione Elementos da página ( a maioria das vezes ele aparece automaticamente)

• Clique em adicionar um gadget.

• Selecione o da sua escolha (os básicos são os que aparecem de cara. Para algo mais avançado ou sofisticado como o Recent Posts, vá em DESTAQUE.

• Clique em Salvar.

Clique em adicionar um gadget para

acrescentar acessórios a seu

blog

Page 23: Blog educacional

Para adicionar uma lista com seus blogs

preferidos, basta inserir uma lista de blogs.

Page 24: Blog educacional

Clique aqui para adicionar o endereço

Page 25: Blog educacional

Digite o endereço do blog que você quer acrescentar a sua

lista.

Repita o processo para acrescentar novos

endereços.

Page 26: Blog educacional

Atividade de execução

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.

Page 27: Blog educacional

Como editar o navbar?Navbar é a barra de navegação do Blogger; a partir dela é possível compartilhar posts nas redes sociais como o Twitter, seguir diretamente um blog, criar uma nova postagem, personalizar, denunciar abusos etc.

Escolha a cor desejada e clique em salvar.

Page 28: Blog educacional

Para inserir vídeo do Youtube,

escolha opção Barra de vídeo

Page 29: Blog educacional

Vídeo direto do seu computador

Clique em "Adicionar Vídeo", na figura:

Selecione o vídeo e o título, marque que concorda com os termos de uso.Agora, é só clicar em fazer o Upload e publicar.

Page 30: Blog educacional

Relógios no blogESCOLHA UM RELÓGIO PARA SEU BLOG

Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget, procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu relógio foi adicionado ao seu blogger.

http://relogios-para-sites-e-blogs.blogspot.com/

Page 31: Blog educacional

Calendário no blogESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG

http://www.artestilo.eu/calendarios/index.htmhttp://www.magiagifs.com.br/Calendario/calendarios_clubes.htm

Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget, procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu calendário foi adicionado ao seu blogger.

Page 32: Blog educacional

Colocar Barra de Rolagem nas postagens

1. Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>

Page 33: Blog educacional

Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a página do HTML até o começo de antes da linha body{...} colocamos esse código:

#Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;}

Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo formatar o texto de outra forma ou colocar bordas nesta barra de rolagem.

Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim:

<b:section-contents id='sidebar-right-1'>

Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem.

http://www.dicasparablogs.com.br

Page 34: Blog educacional

15 novos modelos para já (e tem mais a caminho)- Modelos personalizados de blog com uma, duas e três colunas- Centenas de imagens de fundo - Cores personalizáveis, fontes e muito mais!

Page 35: Blog educacional

Designer do Modelo

É um painel super avançado de edição de template permitindo alterar fonte, tamanhos, cores, fundo, menu e etc. Lá você vai ver alguns temas que são padrão e poderá personalizá-lo da forma que quiser.

Na guia Design, opção Design do modelo, temos novidades para personalizarmos o blog.

Page 36: Blog educacional

MODELO ESCOLHIDOOPÇÕES DO

MODELO

ModelosPodemos trocar o modelo completo apenas clicando nos template no topo da página.

Page 37: Blog educacional

Após escolher o modelo, é possível personalizá-lo. Vamos iniciar pela guia Plano de Fundo.

1. Clique em cima da Imagem para alterar a imagem do Plano de fundo.

2. Escolha a categoria que você usará para escolher uma nova imagem. Em seguida clique em CONCLUÍDO.

Page 38: Blog educacional

Layout

OBS.: É importante ajustar a largura das colunas do Blog.

Permite reorganizar os seus gadgets.

Page 39: Blog educacional

Avançado

Aqui podemos configurar as cores de fundo, tipo, tamanho e cor do texto, links e títulos e algumas outras coisas. Você só precisa ir clicando nas alterações e ver o resultado no seu blog que fica sempre visível na parte de baixo, mas não seja muito apressado dependendo da velocidade da sua conexão com a internet pode demorar um pouco para você visualizar a mudança, portanto não faça muitas alterações seguidas senão pode se atrapalhar na hora de ver e escolher a melhor aparência para o seu blog.

Page 40: Blog educacional

Quando terminar clique no botão aplicar ao blog que está no canto

superior direito da página.

Page 41: Blog educacional

Sites interessantes

http://www.ferramentasblog.com/search/label/Gadgets

http://www.ferramentasblog.com/2010/03/colocar-musica-no-blog-yahoo-media.html#more

Como adicionar música no Blog:

Dicas interessantes para seu blog:

http://www.magiagifs.com.br/

Gifs e acessórios:

Banners para Blogs e Sites

http://mundovtools.blogspot.com/2008/09/banners-para-blogs-e-sites.html

http://sergioalex.blogs.sapo.pt/23373.html

http://www.reinodosgifs.net/

Mini gifs

http://www.brumaximus.blogger.com.br/

www.draft.blogger.com

Blogger in draf

Page 42: Blog educacional

Para aprofundar a leitura acesse os endereços abaixo. Caso os links não funcionem copie o

endereço desejado e cole-o na barra de endereço de seu

navegador

Atividade de navegação

Navegue pelos endereços abaixo e reflita sobre o uso do blog na educação.

A utilização do blog na educação

http://www.webartigos.com/articles/2017/1/A-Utilizaccedilatildeo-Do-Blog-Na-Educaccedilatildeo/pagina1.html

Blogs na educação: por que não? http://www.microsoft.com/brasil/educacao/parceiro/blogs_na_educacao.mspx

Sete motivos para um professor criar um blog http://www.educacional.com.br/articulistas/betina_bd.asp?codtexto=636

Razões para criar um blog e usá-lo como aliado em sala de aula - http://www.universia.com.br/docente/materia.jsp?materia=14193