Escolar Documentos
Profissional Documentos
Cultura Documentos
Manual Google Sites
Manual Google Sites
Manual Google Sites
Autores:
Janeide Albuquerque Cavalcanti
Sheylla Maria Donato da Cunha
Germana Correia de Oliveira
Maro/2011
Sumrio
1 Introduo............................................................................................................................................ 3
2 Iniciando as configuraes do site....................................................................................................... 4
2.1 Tela de Boas vindas...................................................................................................................... 4
2.2 Dados essenciais.......................................................................................................................... 4
2.3 A pgina inicial............................................................................................................................... 5
3 Editando a pgina................................................................................................................................ 6
3.1 Menu Inserir.................................................................................................................................. 7
3.1.1 Inserindo elementos simples ..............................................................................................8
3.1.1.1 Inserindo uma imagem ...............................................................................................8
3.1.1.2 Inserindo um Link........................................................................................................ 9
3.1.1.3. Inserindo outros elementos importantes...................................................................10
3.1.2 Inserindo Servios do Google............................................................................................11
3.1.2 Inserindo Gadgets.............................................................................................................. 12
3.2 O menu Formatar........................................................................................................................ 14
3.3 O menu Tabela............................................................................................................................ 14
3.4 O menu Layout............................................................................................................................ 15
4 Adicionando novas pginas............................................................................................................... 16
4.1 Adicionando uma pgina Web Simples.......................................................................................17
4.2 Adicionando uma pgina do tipo Blog.......................................................................................... 17
4.3 Adicionando uma pgina que Contm Arquivos..........................................................................18
4.4 Adicionando uma pgina do tipo Lista......................................................................................... 21
5 Configurando o site............................................................................................................................ 24
5.1 Acesso ou compartilhamento com outros....................................................................................24
5.2 Configurando a aparncia........................................................................................................... 26
5.2.1 Mudando o layout do site................................................................................................... 26
5.2.2 Alterando o Cabealho....................................................................................................... 28
5.2.3 Configurando a Barra lateral.............................................................................................. 28
5.2.4 Alterando as cores e fontes............................................................................................... 30
5.2.5 Alterar o tema do site......................................................................................................... 31
5.3 Outros ajustes de configurao................................................................................................... 31
6 Caractersticas especiais................................................................................................................... 33
6.1 Uma busca dentro do site............................................................................................................ 33
6.2 Site como Blog............................................................................................................................ 33
6.3 Site como Wiki............................................................................................................................ 33
6.4 Armazenagem de arquivos sempre atualizados..........................................................................33
6.5 Informao imediata de qualquer mudana aos colaboradores..................................................33
6.6 Integrao com Google Analytics para mostrar estatsticas de visitas......................................34
6.7 Permite anexar arquivos nas pginas......................................................................................... 34
6.8 Podemos fazer comentrios........................................................................................................ 34
6.9 Subpginas dependentes de outra pgina..................................................................................35
6.10 Algumas utilidades ao fim da pgina......................................................................................... 35
7 Consideraes Finais........................................................................................................................ 36
Referncias........................................................................................................................................... 37
1 Introduo
O que o Google Sites?
O Google sites um aplicativo on-line que torna fcil criar um site da web, dispensando
conhecimentos de programao. Com o Google Sites, possvel coletar rapidamente
diversas informaes em um s lugar - inclusive vdeos, agendas, apresentaes, anexos e
texto - e compartilh-las com facilidade para visualizao ou edio com um grupo pequeno,
com toda a organizao ou com o mundo. Comece a usar o Google Sites em
http://sites.google.com/site.
Principais caractersticas do produto:
Personalizar a interface do seu site para que ela tenha a cara do seu grupo ou
projeto;
Escolher um tipo de pgina em uma lista que continua crescendo: pgina da web,
anncios, pgina de arquivos;
Em ltima anlise, no faltam caractersticas para ser consagrada como uma boa
alternativa de web design gratuita.
Pretendemos, com este documento, apresentar um guia de uso de Sites do Google para
construir sites para web. Por meio de capturas de tela explicamos todos os menus
encontrados, adicionando em alguns casos, algumas ideias e exemplos reais.
Esperamos que possamos ser de utilidade a muitas pessoas.
A equipe do projeto Infoincluso, ensino e insero
social/MEC/PROEXT (e-mail: infoinclusao@gmail.com)
1 O termo "Cloud Computing", ou "computao em nuvem". A "nuvem" da metfora, um conjunto de
servidores, que rodam os mais diversos servios e so conectados aos clientes atravs da Internet. A idia
central por trs do Cloud Computing fornecer servios atravs da Internet, permitindo que voc acesse
arquivos, documentos, e-mail, rode aplicativos e assim por diante, a partir de qualquer PC conectado web.
Dois bons exemplos so o Gmail e o Google Docs, dois servios cujos dados so armazenados nos datacenters
do Google e voc simplesmente acessa as informaes utilizando o navegador, seja atravs do prprio PC, ou
de um smartphone ou qualquer outro dispositivo conectado Internet.
Voc receber orientao durante o processo de criao do seu site. Escolher o seu
nome tambm ir auto-popular o URL2 do seu site. Voc tem a opo de alterar o URL
do seu site caso deseje.
3 Editando a pgina
Para isso, clique no boto Editar Pgina.
A primeira coisa que aparece uma barra de edio rpida, com a qual podemos pr: o tipo
de letra e o tamanho, o formato e a cor da fonte, links, numerao, marcadores, recuos e
justificaes, retirar a formatao ou editar o HTML (se conhecer essa linguagem).
Elementos simples
Servios do Google
Gadgets
do
Google
Se a imagem que queremos inserir est armazenada em nosso computador, apenas temos
que clicar em Escolher arquivo, localiz-la e adicionar.
Em alguma ocasio, pode nos interessar colocar uma imagem da Internet. Neste caso ser
pedido seu endereo (URL). Para verificar apenas teramos que colocar o mouse sobre a
imagem e com o boto direito do mouse, marcar copiar endereo do link no menu
expansvel.
No prximo exemplo adicionamos uma foto:
Clicando na imagem, podemos ver que a imagem acompanhada por um menu de edio
para adapta-la s nossas necessidades:
Alinhar E: Alinha esquerda
Alinhar C: Centralizar
Alinhar D: Alinha direita
Tamanho S: Tamanho pequeno
Tamanho S: Tamanho mdio
Tamanho L: Tamanho grande
Original: Tamanho original
Quebra ativada: Contorno do texto
Quebra desativada: Sem contorno de texto
Remover: Remove a imagem
Esta facilidade de criao de pginas a partir de links nos lembra uma wiki 3.
3 Wiki em havaiano significa super rpido. um site em que permite aos usurios criar e editar livremente
contedo de web pages usando qualquer web browser usando convenes de formatao de texto que
dispensam conhecimentos de linguagens de programao.
Mais gadgets...
Para poder inserir qualquer dos trs primeiros gadgets, preciso que tenha sido criado
previamente as pginas correspondentes, quer dizer, estas pginas j devem existir no site
e, alm disso, conter informao ou arquivos.
Por isso, se tentarmos inserir, por exemplo, o Gadget: Postagens Recentes. Que se refere
a mostrarmos quais so as ltimas postagens ou anncios, nos aparece uma janela como
esta abaixo, que nos indica que apenas podemos escolher de uma lista de arquivos que j
existe. Caso contrrio, no permitido prosseguir.
Riscado
Sobrescrito
Subscrito
Uma vez criada, com este menu inserimos linhas e colunas quando quisermos, e da mesma
forma podemos elimin-las.
Podemos ver como a pgina denominada web page 2, a nica que est abaixo de Pgina
Inicial.
Todas as outras esto criadas no nvel alto.
A no ser que queiramos uma disposio muito especial e necessitemos de sub-pginas, o
normal seria no mudar o nvel que se apresente por padro.
Quando se criam sub-pginas, seu nome com o link aparece ao fim (abaixo) da pgina que
dependem.
4 Um blog (contrao do termo "Web log"), tambm chamado de blogue em Portugal, um site cuja estrutura
permite a atualizao rpida a partir de acrscimos dos chamados artigos, ou "posts".
Clicando sobre a verso, temos acesso a um histrico das diferentes verses salvas
do documento.
Subscrevendo a mudanas
Se queremos nos mantermos informados das mudanas que ocorrem na pgina, s
teremos que clicar no boto Receber notificaes sobre alteraes na pgina.
Se houver alguma novidade ou modificao, ser enviada uma mensagem para nossa
conta, nos avisado das mudanas ocorridas.
muito til este tipo de pgina para transferir arquivos e t-los de forma segura, e ao
mesmo tempo poder compartilh-los com todo mundo ou com um grupo. E o melhor que
estaremos prontamente informados das mudanas e atualizaes.
Lembre-se que o espao na web de 100MB. Cabem muitos arquivos.
Se clicarmos sobre qualquer uma das trs primeiras, exibido um modelo com as listas j
estruturadas. Certamente, nenhuma se adapta ao que queremos mostrar, por isso
recomendo a ltima opo (Criar uma lista personalizada), assim podemos criar as listas a
partir do incio, definindo nossas prprias colunas.
Neste caso, poderia ser til para um grupo de classe para controlar os temas ou lies e
mostrar um valor final.
Em outras ocasies, pode nos interessar inserir datas, links, dados de contatos.
2 Classificando os dados
Clicando na opo Classificar, que est abaixo do rtulo de cada coluna. Essa opo nos
d a possibilidade de ordenar alfabeticamente de maneira ascendente ou descendente.
3. Modificamos a estrutura da lista
Clicando em Personalizar esta lista, em qualquer momento podemos personalizar a lista,
modificando, adicionando ou eliminando as colunas.
Vimos, portanto, um modelo de pgina possvel de escolha entre listas personalizadas e
ordenadas, que podemos aproveitar para apresentar informaes de nosso interesse.
5 Configurando o site
Voc pode controlar quem pode ver ou editar o seu site alterando as configuraes de
compartilhamento. Se desejar que todos possam visualizar o seu site sem fazer login em
uma conta do Google, voc pode defini-lo como pblico. Na opo Permisses, clicando no
link Alterar, aparecer uma janela como esta abaixo onde ser permitido fazer essas
configuraes.
Voc tambm pode especificar as pessoas que deseja que possam realizar determinadas
aes em seu site, definindo seu nvel de acesso como "Pode visualizar", "Pode editar" ou
" proprietrio":
Os usurios definidos como "Pode visualizar" podem:
Visualizar pginas
Os usurios definidos como "Pode editar" podem:
Observe que qualquer pessoa definida como "Pode visualizar", "Pode editar" ou "
proprietrio" deve ter uma Conta do Google ou uma Conta do Google Apps para
compartilhar o seu site. Observe tambm que, como os usurios definidos como "Pode
visualizar" e "Pode editar" podem ler, copiar e redistribuir informaes compartilhadas por
voc no seu site, voc deve tomar cuidado ao incluir informaes pessoais delicadas como
nmeros de previdncia social, informaes de conta bancria, endereos residenciais e
nmeros de telefone.
Lembre-se: Voc pode convidar quantas pessoas quiser para compartilhar o seu site, mas o
Google enviar apenas 50 convites por dia. O Google, ento, seguir a sua lista de
convidados, enviando 50 convites adicionais por dia at que sejam enviados convites para
todos em sua lista.
Clicando em "Alterar layout do site", voc pode alterar diversos aspectos de seu site:
Largura do site: voc pode definir a largura do site como um nmero especfico de
Vejamos com mais detalhe cada uma das opes e como adaptamos s nossas
necessidades.
No menu de navegao, situaremos os hiperlinks as pginas que existem dentro do site.
Para configurar clicamos em Editar.
Poderemos mudar o ttulo Navegao por outro. No exemplo abaixo, nomeamos de
Menu.
Em seguida temos a opo de organizar automaticamente a minha navegao, nesta
opo todas as pginas criadas sero includas automaticamente no menu Navegao. Por
padro ela j vem selecionada.
Porm, se desejarmos organizar manualmente, basta desmarcar a quadro ao lado.
Com as quatro setas que aparecem a direita, alteramos a ordem das listas das pginas que
inclumos e fazemos tabulaes. E se existe alguma que est criada no nosso site e a
queremos adicionar para que aparea aqui, clicamos em adicionar pgina, selecionando-a
do mapa de navegao que aparece. Tambm temos a opo de adicionar pginas
existente na web, basta clicar no link adicionar URL.
data especificada;
7. Proprietrios do site: Exibe os proprietrios do seu site na barra lateral;
8. Autores da pgina: Exibe autores de pginas recentes na barra lateral do
seu site
Adicionando o item Texto, pode ser til para inserir links a sites externos, incluir cones e
desenhos, logotipos e publicidade.
Adicionando uma Contagem regressiva, poder ter uma finalidade informativa para destacar
uma data de um evento ou acontecimento.
Pode nos interessar, em determinadas ocasies, adicionar vrios itens. Assim, vrios
menus de navegao junto com links a outros sites de interesses, mais de um contador de
datas variadas.
Uma vez criados os itens, podemos orden-los na barra lateral. Clicando e arrastando, para
colocar onde quisermos.
Outro caminho, talvez mais rpido para configurar o mdulo lateral, seria acessando a partir
de Editar barra lateral, que se localiza junto ao final do quadro.
Com a barra de rolagem, selecionamos um elemento para alterar a cor do ttulo, fundo,
quadro lateral.
Podemos colocar uma imagem como plano de fundo do cabealho, da pgina, da barra
lateral. Ao selecionar o item, temos que buscar a imagem em Escolher arquivo.
Podemos mudar em alguns itens, tambm o tipo de letra ou fonte. Existem 6 disponveis.
Qualquer alterao que faamos, mostrado na parte inferior da tela, o que adianta e
Mostrar o nome do site no alto das pginas. Por padro mostrado, caso contrrio
de ser desmarcado.
Configuraes da pgina
Uma vez que temos criado uma pgina.
Mais aes > Configuraes da pgina.
Assim podemos, entre outras coisas, mostrar ou no ao final da pgina comentrios, e
permitir arquivos anexados.
6 Caractersticas especiais
O que um site criado pode ter de especial?
Destaque:
Sitemap: Mostra-nos um mapa do site, formado por todas as pginas criadas e so
apresentadas em forma de rvore.
Atividade recente do site: Abre todas as alteraes que se tem produzido no site e o
colaborador que as tem feito.
7 Consideraes Finais
Com este manual apresentamos uma ferramenta do Google, conforme j mencionado
anteriormente, adaptvel e aplicvel para qualquer propsito em nvel pessoal, familiar,
laboratorial, de grupo e tambm, no mbito docente. Fcil e rapidamente, criamos e
configuramos web individuais, de classe, de grupo, de trabalho.
Com as restries e permisses de acesso que estabelecemos, podemos torn-las
pblicas, privadas, colaborativas.
Para terminar, apresentamos o site do Projeto de Extenso: Infoincluso na cidade de
Sousa/PB. Como orientao, pode nos servir de exemplo de como pode ser criada uma
pgina da web gratuitamente usando o Google Sites.
http://sites.google.com/site/infoinclusaoufcg/
Esperamos que logo se converta em uma ferramenta popular!
9 de Maro de 2011
Referncias