blog educacional

Post on 23-Jun-2015

2.563 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Telefone (92) 3214-5260 /3642-6188

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

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.

Que tal criar seu próprio blog?

COMO CRIAR E ADMINISTRAR UM BLOG?

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

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

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

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.

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

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!

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.

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

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.

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.

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

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:

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.

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

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

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.

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.

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

Para adicionar uma lista com seus blogs

preferidos, basta inserir uma lista de blogs.

Clique aqui para adicionar o endereço

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

lista.

Repita o processo para acrescentar novos

endereços.

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.

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.

Para inserir vídeo do Youtube,

escolha opção Barra de vídeo

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.

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/

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.

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'/>

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

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!

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.

MODELO ESCOLHIDOOPÇÕES DO

MODELO

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

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.

Layout

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

Permite reorganizar os seus gadgets.

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.

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

superior direito da página.

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

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

top related