93
1. Acesse o endereço https://www.google.com.br/ e clique em Fazer login.

Tutorial do blog do PIBID UNEAL Geografia Campus I

Embed Size (px)

Citation preview

Page 1: Tutorial do blog do PIBID UNEAL Geografia Campus I

1. Acesse o endereço https://www.google.com.br/ e clique em

Fazer login.

Page 2: Tutorial do blog do PIBID UNEAL Geografia Campus I

2. Digite o e-mail e depois clique em Próxima.

Page 3: Tutorial do blog do PIBID UNEAL Geografia Campus I

3. Digite a senha e clique em Próxima.

Page 4: Tutorial do blog do PIBID UNEAL Geografia Campus I

Agora você já está dentro do sistema do blog.

4. Para acessar o blog, clique em Aplicativos (quadradinhos)

e procure a opção Blogger.

Page 5: Tutorial do blog do PIBID UNEAL Geografia Campus I

Ao entrar no Blogger, você vai observar uma lista de

informações (postagens) que já foram publicadas.

5. Para publicar um trabalho, clique em Nova Postagem.

Page 6: Tutorial do blog do PIBID UNEAL Geografia Campus I

6. Coloque o título do trabalho.

Para a informação do trabalho ficar formatada é necessário

digitá-la e organizá-la no Microsoft Office Word. Para tanto,

deve minimizar o navegador de internet e abrir o Word.

Page 7: Tutorial do blog do PIBID UNEAL Geografia Campus I

7. Abra o programa Microsoft Office Word.

Page 8: Tutorial do blog do PIBID UNEAL Geografia Campus I

8. Altere o layout do programa para Web.

Page 9: Tutorial do blog do PIBID UNEAL Geografia Campus I

9. Digite a informação a ser publicada no blog.

Page 10: Tutorial do blog do PIBID UNEAL Geografia Campus I

10. Formate a informação. Coloque a Fonte Arial, tamanho 13,

espaçamento de 1,5, recuo da primeira linda de cada parágrafo

de 1,5 cm.

Page 11: Tutorial do blog do PIBID UNEAL Geografia Campus I

11. O último parágrafo contém informações sobre os autores,

data de publicação e atualização (alteração), além de uma

mensagem final. Para colocar essas informações dentro de

uma tabela, selecione esse parágrafo, clique em Inserir,

Tabela e depois em Converter Texto em Tabela.

Page 12: Tutorial do blog do PIBID UNEAL Geografia Campus I

12. Na janela seguinte clique em Ok.

Page 13: Tutorial do blog do PIBID UNEAL Geografia Campus I

13. Clique dentro da tabela, depois em Layout (Ferramentas da

Tabela), AutoAjuste e em AutoAjuste de Janela.

Page 14: Tutorial do blog do PIBID UNEAL Geografia Campus I

14. Para modificar a cor da tabela, clique em Design

(Ferramentas da Tabela), Sombreamento e clique sobre a cor

desejada (recomenda-se a cor cinza claro).

Page 15: Tutorial do blog do PIBID UNEAL Geografia Campus I

15. Em seguida, selecione e copie o texto formatado no Word e

retorne ao Blogger para colar a informação selecionada.

Atenção: não insira imagens no Word, as imagens devem ser

inseridas apenas no Blogger.

Page 16: Tutorial do blog do PIBID UNEAL Geografia Campus I

Sugestão: você pode baixar um arquivo do Word com o

modelo das informações do blog, para tanto, entre no blog do

PIBID/UNEAL/Geografia, clique em Ajuda e depois em Modelo

de página do blog.

Page 17: Tutorial do blog do PIBID UNEAL Geografia Campus I

16. Retorne a página do Blogger que estava minimizada e cole

as informações copiadas no Word.

Atenção: observe se a guia Escrever está selecionada (mais

escura).

Page 18: Tutorial do blog do PIBID UNEAL Geografia Campus I

Geralmente são colocadas duas imagens: uma com a

informação do evento que o trabalho foi apresentado e outra

com a função de visualização do trabalho completo.

17. Para colocar a imagem sobre o evento, faça uma linha em

branco no começo da informação, deixe o cursor nessa linha e

clique em Inserir imagem.

Page 19: Tutorial do blog do PIBID UNEAL Geografia Campus I

18. Na janela seguinte, clique em Escolher arquivos.

Page 20: Tutorial do blog do PIBID UNEAL Geografia Campus I

19. Selecione a imagem sobre o evento e clique em Abrir.

Page 21: Tutorial do blog do PIBID UNEAL Geografia Campus I

20. Após carregar a imagem, selecione ela (vai ficar com uma

borda azul) e depois clique em Adicionar selecionados.

Page 22: Tutorial do blog do PIBID UNEAL Geografia Campus I

21. Ajuste o tamanho da imagem (nesse caso, foi escolhido o

tamanho original) e depois clique em Link para remover o link

original da imagem.

Page 23: Tutorial do blog do PIBID UNEAL Geografia Campus I

Abaixo está o resultado da imagem inserida no Blogger. Porém,

como elaborar uma imagem que possa ter as informações do

evento que o trabalho foi apresentado?

Na realidade, essa imagem é salva do site do próprio evento.

Page 24: Tutorial do blog do PIBID UNEAL Geografia Campus I

Primeiro coloque em uma parte do site com as informações do

evento, depois clique no Menu Iniciar do seu computador e

pesquise pelo nome Captura, então vai aparecer o programa

Ferramenta de Captura, clique sobre ele.

Page 25: Tutorial do blog do PIBID UNEAL Geografia Campus I

Clique em Novo.

Atenção: verifique na seta ao lado do nome “Novo” se a opção

selecionada é Captura retangular.

Page 26: Tutorial do blog do PIBID UNEAL Geografia Campus I

Selecione a área desejada para a imagem e depois salve o

arquivo gerado.

Atenção: a imagem desse exemplo está diferente da imagem

original, porque o site do evento retirou a imagem original com

as informações.

Page 27: Tutorial do blog do PIBID UNEAL Geografia Campus I

Sugestão: você pode baixar um arquivo do PhotoShop com um

modelo de imagem sobre as informações do evento, para tanto,

entre no blog do PIBID/UNEAL/Geografia, clique em Ajuda e

depois em Modelo de imagem sobre informação de evento.

Page 28: Tutorial do blog do PIBID UNEAL Geografia Campus I

22. No final da informação (antes da tabela), insira a imagem

com a função de visualização do trabalho completo.

Page 29: Tutorial do blog do PIBID UNEAL Geografia Campus I

Para obter a imagem com a função de visualização do trabalho

completo, entre no blog do PIBID/UNEAL/Geografia, clique em

Ajuda e depois em Modelo de imagem sobre visualização de

trabalhos.

Page 30: Tutorial do blog do PIBID UNEAL Geografia Campus I

23. Para adicionar a função de visualização do trabalho

completo na imagem, abra uma nova guia no navegador de

internet.

Page 31: Tutorial do blog do PIBID UNEAL Geografia Campus I

24. Na guia recém-aberta acesse o endereço eletrônico

https://www.google.com.br/, clique em Aplicativos (nos

quadradinhos) e procure a opção Sites.

Page 32: Tutorial do blog do PIBID UNEAL Geografia Campus I

25. Clique sobre o item PIBID Geografia Campus I.

Page 33: Tutorial do blog do PIBID UNEAL Geografia Campus I

26. Clique sobre uma das opções do quadro “Acesse” (pode

ser qualquer opção).

Page 34: Tutorial do blog do PIBID UNEAL Geografia Campus I

27. Clique em Adicionar arquivo.

Page 35: Tutorial do blog do PIBID UNEAL Geografia Campus I

28. Selecione o arquivo do trabalho completo (como o Anais do

evento) e clique em Abrir.

Page 36: Tutorial do blog do PIBID UNEAL Geografia Campus I

29. Após o carregamento do arquivo com o trabalho completo,

clique com o botão direito do mouse sobre o nome Download

correspondente ao arquivo carregado. Na lista aberta pelo

botão direito do mouse, escolha a opção Copiar endereço do

link.

Page 37: Tutorial do blog do PIBID UNEAL Geografia Campus I

30. Retorne a guia do Blogger (pode fechar as demais guias

que são equivalentes ao Sites do Goggle).

Page 38: Tutorial do blog do PIBID UNEAL Geografia Campus I

31. Selecione a imagem e clique em Link.

Page 39: Tutorial do blog do PIBID UNEAL Geografia Campus I

32. Na janela seguinte, clique com o botão direito do mouse

dentro do campo Endereço da web e escolha a opção Colar.

Page 40: Tutorial do blog do PIBID UNEAL Geografia Campus I

33. Depois de colar o link, então clique em Ok.

Page 41: Tutorial do blog do PIBID UNEAL Geografia Campus I

34. Para inserir um link para o site do evento que o trabalho foi

apresentado, abra uma nova guia e pesquise pelo site do

evento.

Page 42: Tutorial do blog do PIBID UNEAL Geografia Campus I

35. Acesse o site do evento, selecione o endereço do site e

clique sobre a área selecionada com o botão direito do mouse,

na lista seguinte escolha a opção Copiar. Em seguida, retorne

a guia do Blogger e pode fechar a guia do site do evento.

Page 43: Tutorial do blog do PIBID UNEAL Geografia Campus I

36. Na guia do Blogger, selecione a imagem sobre o evento e

clique em Link.

Page 44: Tutorial do blog do PIBID UNEAL Geografia Campus I

37. Na janela seguinte, clique com o botão direito do mouse

dentro do campo “Endereço da web” e escolha a opção Colar.

Por fim, clique em Ok.

Page 45: Tutorial do blog do PIBID UNEAL Geografia Campus I

Você também pode inserir os slides de uma apresentação, aula

ou de um álbum de fotos.

38. Para inserir os slides, primeiro abra uma nova guia no

navegador de internet, acesse o endereço eletrônico

https://pt.slideshare.net/ e clique em Entrar.

Page 46: Tutorial do blog do PIBID UNEAL Geografia Campus I

39. Insira o e-mail e a senha do blog e depois clique em

Entrar.

Page 47: Tutorial do blog do PIBID UNEAL Geografia Campus I

Note que você entrou no sistema do Slideshare.

40. Clique em Carregar.

Page 48: Tutorial do blog do PIBID UNEAL Geografia Campus I

41. Clique em Selecionar arquivos para carregar.

Page 49: Tutorial do blog do PIBID UNEAL Geografia Campus I

42. Na janela seguinte selecione a apresentação de slides e

depois clique em Abrir.

Page 50: Tutorial do blog do PIBID UNEAL Geografia Campus I

43. Enquanto a apresentação de slides carrega, preencha os

dados solicitados e quando tudo estiver pronto, clique em

Publicar.

Page 51: Tutorial do blog do PIBID UNEAL Geografia Campus I

44. Clique em Compartilhar, depois selecione o código dentro

do campo “Código de incorporação”, clique com o botão direito

do mouse sobre a área selecionada e na lista seguinte escolha

a opção Copiar.

Page 52: Tutorial do blog do PIBID UNEAL Geografia Campus I

45. Depois retorne para a guia do Blogger (pode fechar a guia

do SlideShared) e clique na opção HTML.

Page 53: Tutorial do blog do PIBID UNEAL Geografia Campus I

A interface gráfica do computador e da internet funciona por

meio de códigos, o campo HTML permite adicionar funções no

blog a partir desses códigos.

46. Deixe duas linhas vazias no começo da página.

Page 54: Tutorial do blog do PIBID UNEAL Geografia Campus I

47. Deixe o cursor na primeira linda e clique com o botão

direito do mouse, na lista seguinte escolha a opção Colar.

Page 55: Tutorial do blog do PIBID UNEAL Geografia Campus I

Sugestão: o código dos slides é divido em duas partes: iframe

(slides) e div (texto). No exemplo abaixo os slides estão

destacados na cor azul e o texto na cor vermelha. Para

melhorar a aparência dos slides, retire a parte do texto

(destacado na cor vermelha).

Exemplo do código:

<iframe src="//www.slideshare.net/slideshow/embed_code/key/2nufComiYdn8Tk"

width="595" height="485" frameborder="0" marginwidth="0" marginheight="0"

scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px;

max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px">

<strong> <a href="//www.slideshare.net/PIBIDGeografiaCAMPUSI/slides-do-geterri-

2017" title="Slides do Geterri 2017" target="_blank">Slides do Geterri 2017</a>

</strong> de <strong><a target="_blank"

href="https://www.slideshare.net/PIBIDGeografiaCAMPUSI">PIBID Geografia UNEAL

CAMPUS I</a></strong> </div>

Page 56: Tutorial do blog do PIBID UNEAL Geografia Campus I

48. No código colado altere os números de width e height.

♦ Altere width="595" para width=“800"

♦ Altere height="485" para height=“590"

♦ Antes:

♦ Depois:

Page 57: Tutorial do blog do PIBID UNEAL Geografia Campus I

49. Clique em Escrever para visualizar o resultado.

Page 58: Tutorial do blog do PIBID UNEAL Geografia Campus I

50. Clique em Publicar.

Page 59: Tutorial do blog do PIBID UNEAL Geografia Campus I

Note que o trabalho apareceu na lista de postagens do

Blogger. Ao passar o ponteiro do mouse sobre ele, aparecem

quatro opções, clique sobre a opção Visualizar para conferir o

resultado do trabalho no blog.

Page 60: Tutorial do blog do PIBID UNEAL Geografia Campus I

Agora é necessário criar os atalhos para o trabalho no blog.

51. Clique com o botão direito do mouse sobre a opção

Visualizar no nome do trabalho e na lista a seguir escolha a

opção Copiar endereço do link, por fim clique em Visualizar

blog.

Page 61: Tutorial do blog do PIBID UNEAL Geografia Campus I

52. No blog, clique sobre a ferramenta da área de Publicações

e na janela seguinte apague as letras do campo “Novo URL do

Site”.

Page 62: Tutorial do blog do PIBID UNEAL Geografia Campus I

53. Clique com o botão direito do mouse no campo “Novo URL

do site” e na lista seguinte escolha a opção Colar.

Page 63: Tutorial do blog do PIBID UNEAL Geografia Campus I

54. Adicione um título resumido no campo “Novo nome do site”

e clique em Adicionar link.

Page 64: Tutorial do blog do PIBID UNEAL Geografia Campus I

55. Ao adicionar o link, delete o penúltimo link para evitar o

sobre-carregamento do blog por excesso de links (deixe no

máximo cinco links. Por fim, clique em Salvar.

6 5

Page 65: Tutorial do blog do PIBID UNEAL Geografia Campus I

Após salvar o link, note que ele passa a aparecer na área de

publicações do blog. Além desse link, é recomendado colocar

um outro na página de publicações do blog.

Page 66: Tutorial do blog do PIBID UNEAL Geografia Campus I

56. Clique em Ajuda e depois em Modelo de imagem para

menu.

Page 67: Tutorial do blog do PIBID UNEAL Geografia Campus I

57. Abra o arquivo baixado pelo programa PhotoShop (Dê dois

cliques sobre o arquivo no navegador para abrir).

Page 68: Tutorial do blog do PIBID UNEAL Geografia Campus I

58.Coloque o título, o autor e a data de publicação do trabalho,

ajuste o que for necessário, como o tamanho da letra.

Page 69: Tutorial do blog do PIBID UNEAL Geografia Campus I

59. Em seguida, salve o arquivo em imagem. Para tanto, clique

em Arquivo, Salvar como, clique no campo formato e escolha

JPEG e por fim, clique em Salvar.

Page 70: Tutorial do blog do PIBID UNEAL Geografia Campus I

60. Para adicionar o link na página de publicações, retorne a

guia do Blogger, clique sobre a caixa de seleção do trabalho

recém publicado, clique em Marcadores e escolha a opção

Publicação.

Page 71: Tutorial do blog do PIBID UNEAL Geografia Campus I

Note que vai aparecer o nome publicações junto ao trabalho

publicado. Esse nome classifica o trabalho como uma

publicação do blog.

Page 72: Tutorial do blog do PIBID UNEAL Geografia Campus I

61. Pesquise pela página “Publicações” e clique em Editar.

Page 73: Tutorial do blog do PIBID UNEAL Geografia Campus I

62. Deixe o cursor do mouse no começo das imagens, depois

clique em Inserir imagem.

Page 74: Tutorial do blog do PIBID UNEAL Geografia Campus I

63. Clique em Escolher arquivo, selecione a imagem editada

no PhotoShop e depois clique em Abrir.

Page 75: Tutorial do blog do PIBID UNEAL Geografia Campus I

64. Selecione a imagem carregada e clique em Adicionar

selecionadas.

Page 76: Tutorial do blog do PIBID UNEAL Geografia Campus I

65. Após inserir a imagem, selecione-la e clique em Link para

remover o link original. Em seguida, deixe o cursor na frente

dela e pressione a tecla “Delete” para ajustá-la com as demais

imagens.

Page 77: Tutorial do blog do PIBID UNEAL Geografia Campus I

65. Após a imagem estar ajustada, selecione-a e clique

novamente em Link.

Page 78: Tutorial do blog do PIBID UNEAL Geografia Campus I

66. Clique com o botão direito do mouse dentro do campo

Endereço da web e escolha a opção Colar.

Page 79: Tutorial do blog do PIBID UNEAL Geografia Campus I

67. Após colar o endereço do trabalho, clique em Ok.

Page 80: Tutorial do blog do PIBID UNEAL Geografia Campus I

68. Clique em Atualizar.

Page 81: Tutorial do blog do PIBID UNEAL Geografia Campus I

69. Clique em Todos os marcadores e escolha a opção com o

mesmo nome.

Page 82: Tutorial do blog do PIBID UNEAL Geografia Campus I

70. Após retornar todas as postagens, clique em Nova

postagem.

Page 83: Tutorial do blog do PIBID UNEAL Geografia Campus I

71. No título coloque um número qualquer e depois clique em

Publicar.

Page 84: Tutorial do blog do PIBID UNEAL Geografia Campus I

72. Clique na opção Editar da postagem “Início”.

Page 85: Tutorial do blog do PIBID UNEAL Geografia Campus I

73. Clique em HTML para aparecer o Código da página.

Page 86: Tutorial do blog do PIBID UNEAL Geografia Campus I

74. Selecione o código, clique com o botão direito do mouse

sobre a área selecionada e na lista seguinte escolha a opção

Copiar. Por fim, clique em Fechar.

Page 87: Tutorial do blog do PIBID UNEAL Geografia Campus I

75. Clique na opção Editar da postagem com o título 1.

Page 88: Tutorial do blog do PIBID UNEAL Geografia Campus I

76. Verifique se a opção HTML já está escurecida. Depois

clique com o botão direito do mouse dentro da área de

informação e escolha a opção Colar.

Page 89: Tutorial do blog do PIBID UNEAL Geografia Campus I

77. Após colar o código, modifique o título para “Início”.

Page 90: Tutorial do blog do PIBID UNEAL Geografia Campus I

78. Clique em Escrever e depois em Atualizar.

Page 91: Tutorial do blog do PIBID UNEAL Geografia Campus I

Note que existem duas postagens com o nome “Início”. Nesse

caso, deve ficar apenas a mais recente (que está no topo).

79. Clique na caixa de seleção da postagem Início anterior e

depois clique em Excluir.

Page 92: Tutorial do blog do PIBID UNEAL Geografia Campus I

80. Agora, está tudo pronto. Para conferir o resultado clique em

Visualizar Blog.

Page 93: Tutorial do blog do PIBID UNEAL Geografia Campus I

Agora confira o resultado, clicando e testando todas as páginas

que foram atualizadas.