Manual do Google Sites: um guia para criao de

pginas e sites colaborativos para web

Autores:
Janeide Albuquerque Cavalcanti
Sheylla Maria Donato da Cunha
Germana Correia de Oliveira

Novembro/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 comuns ......................................................................................................8
3.1.1.1 Inserindo uma imagem .......................................................................................................8
3.1.1.2 Inserindo um Link..............................................................................................................10
3.1.2 Inserindo outros elementos importantes....................................................................................11
3.1.2.1 Sumrio..............................................................................................................................11
3.1.2.2 Como adicionar um boto +1 a seu site ...........................................................................12
3.1.3 Inserindo Servios do Google....................................................................................................13
3.1.4 Inserindo Gadgets......................................................................................................................13
3.1.4.1 Inserir outros gadgets........................................................................................................15
4 O MENU FORMATAR.................................................................................................................................16
5 O MENU TABELA.......................................................................................................................................17
6 O MENU LAYOUT......................................................................................................................................17
7 ADICIONANDO NOVAS PGINAS............................................................................................................18
7.1 ADICIONANDO UMA PGINA WEB SIMPLES...................................................................................18
7.2 ADICIONANDO UMA PGINA DO TIPO BLOG..................................................................................18
7.3 ADICIONANDO UMA PGINA QUE CONTM ARQUIVOS................................................................20
7.3.1 Organizando os arquivos em pastas..........................................................................................21
7.3.2 Apagando arquivos e pastas......................................................................................................21
7.3.3 Subscrevendo a mudanas........................................................................................................22
7.4 ADICIONANDO UMA PGINA DO TIPO LISTA...................................................................................22
7.4.1 Adicionando um novo registro lista.........................................................................................23
7.4.2 Classificando os dados..............................................................................................................23
7.4.3 Modificamos a estrutura da lista................................................................................................24
8 CONFIGURANDO O SITE..........................................................................................................................24
8.1 ACESSO OU COMPARTILHAMENTO COM OUTROS USURIOS...................................................24
8.2 CONFIGURANDO A APARNCIA.......................................................................................................26
8.2.1 Mudando o layout do site...........................................................................................................26
8.2.2 Alterando o Cabealho...............................................................................................................27
8.2.3 Configurando a Barra lateral......................................................................................................28
8.2.3.1 Configurando o menu Navegao da barra lateral............................................................28
8.2.3.2 Adicionando novos itens:...................................................................................................29
8.3 ALTERANDO AS CORES E FONTES.................................................................................................30
8.4 ALTERAR O TEMA DO SITE...............................................................................................................31
9 OUTROS AJUSTES DE CONFIGURAO...............................................................................................31
9.1 CONFIGURAES DA PGINA.........................................................................................................32
10 CARACTERSTICAS ESPECIAIS............................................................................................................33
10.1 UMA BUSCA DENTRO DO SITE.......................................................................................................33
10.2 SITE COMO BLOG............................................................................................................................33
10.3 SITE COMO WIKI..............................................................................................................................33
10.4 ARMAZENAGEM DE ARQUIVOS SEMPRE ATUALIZADOS............................................................33
10.5 INFORMAO IMEDIATA DE QUALQUER MUDANA AOS COLABORADORES..........................33
10.6 INTEGRAO COM GOOGLE ANALYTICS PARA MOSTRAR ESTATSTICAS DE VISITAS.......34
10.7 PERMITE ANEXAR ARQUIVOS NAS PGINAS...............................................................................34
10.8 PODEMOS FAZER COMENTRIOS.................................................................................................34
10.9 SUBPGINAS DEPENDENTES DE OUTRA PGINA......................................................................35
10.10 ALGUMAS UTILIDADES AO FIM DA PGINA................................................................................35
11 CONSIDERAES FINAIS......................................................................................................................35

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 colecionar 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, 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;

Criar uma nova subpgina com um clique;

Escolher um tipo de pgina em uma lista que continua crescendo: pgina da web,
anncios, pgina de arquivos;

Centralizar as informaes compartilhadas: incorporar contedo potencializado

(vdeo, documentos do Google Docs, planilhas, apresentaes, apresentaes de
slides, de fotos do Picasa, gadgets do iGoogle) em qualquer pgina e fazer upload
de anexos;

Gerenciar as configuraes de permisses para manter seu site privado ou

totalmente possvel de editar e visualizar, como desejar;

Pesquisar seu contedo do Google Sites com tecnologia de pesquisa do Google;

Desenvolver, hospedar e publicar sites nas nuvens1 e grtis.

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.
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 ideia
central por trs do Cloud Computing fornecer servios atravs da Internet, permitindo que voc acesse
arquivos, documentos, e-mail, executede 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.

Esperamos que possa ser de utilidade a muitas pessoas.

A equipe do projeto Infoincluso, ensino e insero
social/MEC/PROEXT (e-mail: infoinclusao@gmail.com)

2 INICIANDO AS CONFIGURAES DO SITE

2.1 TELA DE BOAS VINDAS
O acesso a esse servio est no link: http://sites.google.com
Para utilizar esse servio devemos ter uma conta no Google, pois solicitado a
autenticao com usurio e senha. Caso no tenha preciso cri-la.
Para criar um novo site, primeiro clique na caixa "Criar novo site" aps ter feito login na sua
conta.
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 pode alterar o URL do seu
site caso deseje.
Uma vez autenticado na conta, clicar no boto CRIAR:

2.2 DADOS ESSENCIAIS

Primeiramente, escolhemos o modelo do site clicando em Modelo em branco ou, se
desejar escolher entre os modelos de site j publicados, clique no link Navegue na galeria
para ver outros modelos.

2 URL (de Uniform Resource Locator), em portugus Localizador de Recursos Universal, o endereo de um
recurso (um arquivo , uma impressora etc.), disponvel em uma rede; seja a Internet , ou uma rede corporativa,
uma intranet Um URL tem a seguinte estrutura: protocolo://mquina/caminho/recurso.

Em seguida, devemos preencher um formulrio com os dados do site, como exemplo:

1. Escrevemos o nome que ser a denominao do site: Infoincluso UFCG. Este

nome aparecer no quadro superior de todas as pginas e poder ser modificado,
como veremos adiante.
2. No momento que for atribudo o nome do site, o endereo onde contm a URL ser
automaticamente preenchido, porm, possvel escrevermos o nome que queremos
que contenha a URL, ou de localizao, para busca do site. No exemplo, o endereo
da web ser:
http://sites.google.com/site/infoinclusaoufcg
A seguir, veremos algumas opes para selecionar, entretanto para acelerar a criao,
preferimos deix-las por padro como esto, e mais adiante configur-las conforme
desejado.
Escolha do Tema
Mais opes:

 Descrio do site
Compartilhamento
Contedo Adulto (esta opo dever ser escolhida caso tenha contedo de
sexo ou imagens imprprias para menores).
Por ltimo, observar o cdigo que aparece e clicar em Criar.

2.3 A PGINA INICIAL

O site criado depois do registro inicial ter a seguinte aparncia:
A estrutura que aparece enquanto no for mudada a seguinte:

Quadro Superior: Nome do site: Infoincluso UFCG;

Quadro Lateral: Menu de navegao;
Quadro Principal: Pgina Principal (agora vazio).
Esta a pgina denominada Inicial, porque a primeira que aparecer ao entrar na web.
Daremos ateno especial em seu desenho e contedo, devido importncia que tem, j
que pode ser o ponto de entrada e de partida de todo o site. Sero colocados alm das
boas vindas ou apresentao, os contedos que podem ser de maior utilidade ao visitante
quando acess-la.
Para construir esta ou qualquer outra pgina que for adicionada, sero usadas ferramentas
de edio que aparecem quando se clica no boto Editar Pgina", na parte superior

Para acrescentar outras configuraes, clicar no boto Mais .

Tudas essas opes sero tratadas com detalhes mais adiante.

3 EDITANDO A PGINA
Para isso, clique no boto Editar Pgina.
Aparecer 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 a HTML3 (se conhecer essa linguagem).

Comeamos escrevendo algum texto como saudao ou apresentao, selecionamos com

o mouse e lhe aplicamos alguma formatao. O resultado poderia ser como este:

Aparece ainda uma barra de menus expansveis, a seguir exibida, na qual pode-se incluir
outros elementos e possibilidades de configurao, algumas j presentes na barra mostrada
anteriormente.

3HTML (acrnimo para a expresso inglesa HyperText Markup Language, que significa Linguagem de
Marcao de Hipertexto) uma linguagem de marcao utilizada para produzir pginas na Web que podem ser
interpretadas pelos navegadores. A tecnologia fruto do "casamento" dos padres HyTime e SGML.

Menu Inserir: Para inserir qualquer tipo de elemento;

Menu Formatar: Mudar tamanhos e pr alguns formatos especiais de texto;
Menu Tabela: Para inserir tabelas;
Menu Layout: Para escolher entre pginas com 1, 2 ou 3 colunas e inserir barras
laterais.
Qualquer mudana que for feita deve-se clicar no boto Salvar, localizado no canto superior
direito da pgina.
Se no desejar salvar as alteraes feitas na pgina, basta clicar no boto Cancelar.

Vejamos a seguir todas as possibilidades destes menus.

3.1 MENU INSERIR

Possui muitos elementos e so agrupados por facilidade.

3.1.1 Inserindo elementos comuns

3.1.1.1 Inserindo uma imagem
Menu Inserir > opo Imagem

Servios do Google

Elementos Comuns

Gadgets do Google

Se a imagem que queremos inserir est armazenada em nosso computador, apenas temos
que clicar em Selecionar arquivo..., localiz-la e adicionar.
Entretanto, se a imagem que queremos inserir estiver na Internet, basta marcar a opo
Endereo da web e adicionar a URL na qual a imagem est localizada, selecion-la e em
seguida clicar em OK.
No exemplo abaixo adicionamos uma imagem armazenada no computador:

Clicando na imagem, podemos ver que a imagem acompanhada por um menu de edio
para adapt-la s nossas necessidades:
1. Alinhar Esquerda
2. Alinhar ao Centro
3. Alinhar Direita
4. Tamanho S: Tamanho pequeno
5. Tamanho S: Tamanho mdio
6. Tamanho L: Tamanho grande
7. Original: Tamanho original
8. Ajustar: Contorno do texto
9. Desajustar: Sem contorno de texto
10. Remover: Remove a imagem

3.1.1.2 Inserindo um Link

Adicionar um links um modo fcil de ajudar visitantes a navegar melhor por seu site, de
fornecer mais informaes e de aumentar suas chances de aparecer em resultados de
pesquisa relevantes:
1. Destaque o texto que deseja transformar em um link e clique em Menu Inserir >
Link.
2. Voc pode escolher se deseja criar um link para uma pgina que j existe em seu
site, para uma pgina em outro site, ou para uma nova pgina em seu site, basta
clicar em alterar que se abrir a seguinte janela:

A janela que se abre, nos oferece algumas possibilidades:

1. Pgina interna existente: Se deseja criar um link para uma pgina existente em
seu site, selecione a guia Pgina existente. Ento, voc pode encontrar a pgina
que deseja pesquisando seu nome, procurando no mapa do site ou, se tiver editado
a pgina recentemente, encontrando-a em sua lista de alteraes recentes.
2. Nova pgina interna: Se voc deseja criar um link para uma nova pgina em seu
site, selecione a guia Pgina existente e clique em "Criar nova pgina". Ser
solicitado que voc d um ttulo pgina, que escolha que tipo de pgina deseja e
que escolha onde deseja colocar a pgina.
3. Pgina externa: Se deseja criar um link para uma pgina em outro website,
selecione a guia Endereo da web e insira o URL da pgina para a qual deseja criar
um link na caixa abaixo de Criar um link para este URL.

4. Na opo Scripts do Google Apps, voc pode selecionar scripts e us-los em seu
site para acionar eventos, como enviar um e-mail ou criar um convite do Google
Agenda.
5. Qualquer que seja o tipo de link escolhido, se desejar que a pgina vinculada seja
aberta em uma nova janela ou guia do navegador quando um visitante clicar nela,
marque a caixa ao lado de Abrir este link em uma nova janela.
6. Clique em "OK".
7. Continue editando sua pgina ou clique em "Salvar" para preservar suas alteraes.

Na opo Pgina existente, podemos criar uma nova pgina no site e vincular a
esta. Basta clicar em Criar nova pgina, colocar o ttulo e escolhermos o tipo de
pgina.

Esta facilidade de criao de pginas a partir de links nos lembra uma wiki4.

3.1.2 Inserindo outros elementos importantes

3.1.2.1 Sumrio
Um sumrio uma tima forma de organizar o seu contedo e um modo fcil de seus
visitantes navegarem pela sua pgina. Basta marcar o texto que deseja para o seu sumrio
com uma tag de ttulo, depois adicionar um sumrio sua pgina.
Marcando texto como ttulo
1. Navegue para a pgina em que deseja incorporar o sumrio.
2. Clique no boto "Editar pgina" para abrir o editor de sites.
3. Destaque o texto que deseja que aparea no sumrio.
4. No menu Formatar, escolha Cabealho(H2), Sub-cabealho (H3) ou Ttulo menor
(H4), dependendo do estilo desejado. Quanto menor o nmero do ttulo, mais
destacado ser o texto.
4 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.

5. Repita as duas ltimas etapas para todos os textos que devem aparecer em seu
sumrio.
Como adicionar o sumrio
1. Coloque o cursor onde gostaria de inserir o sumrio.
2. No menu Inserir, selecione Sumrio.
3. Defina a largura do seu sumrio e escolha quantos nveis de ttulo deseja mostrar.
Por exemplo, caso tenha uma lista com texto formatado como H2, H3 e H4, escolher
mostrar apenas dois nveis significa que apenas o texto formatado como H2 e H3
aparecer em seu sumrio. Depois, clique em "Salvar" e uma caixa marcando o seu
sumrio aparecer na pgina.
4. Na pgina que estiver editando, clique em "Salvar". O seu novo sumrio agora ser
exibido na sua pgina.
Como no exemplo, um sumrio um ndice que se corresponde com diferentes grupos ou
sees que contm o texto de uma pgina. Em algumas ocasies pode ser til inseri-lo para
navegar mais rpido.

Somente se criar este sumrio se os diferentes pargrafos ou sees do texto tiverem

estilo de cabealho.

3.1.2.2 Como adicionar um boto +1 a seu site

O boto "+1"
pode ser adicionado a qualquer site pblico na web. Isso permite que
voc acompanhe a popularidade das pginas do site e tenha os sites exibidos nos
resultados de pesquisa para pessoas que escolherem incluir as recomendaes +1.
Veja como adicionar um boto +1 s pginas individuais em seu site:
1. Acesse a pgina qual voc deseja adicionar o boto +1.
2. No menu Inserir, selecione Boto +1.
3. Escolha o tamanho do boto que voc deseja adicionar e se voc deseja incluir a

contagem de cliques. A contagem de cliques mostra aos visitantes do site quantas

pessoas marcaram sua pgina com +1.
4. Clique em Salvar.

Voc tambm pode adicionar um boto +1 a todas as pginas do site. Observao: o boto
+1 conta os cliques de cada pgina individual na qual a barra lateral exibida e no do site
completo. Isto til se voc quiser classificar a popularidade relativa de cada uma das
pginas.
Veja como adicionar um boto +1 a todas as pginas do site:
1. Clique em Administrar site e selecione Layout da pgina no menu suspenso.
2. Depois, selecione Adicionar um item na barra lateral.
3. Role para a seo Boto +1 e clique em Adicionar.
4. Clique em Salvar.

3.1.3 Inserindo Servios do Google

Podemos adicionar pgina, rapidamente, anncios e propagandas do Google, agendas,
mapas, fotos do Picasa, apresentaes de slides do Picasa, documentos, apresentaes,
planilhas e formulrios do Google Docs, e pastas.
Quando se trata de pastas, documentos, planilhas, apresentaes ou formulrios a opo
dos arquivos so selecionados daqueles que esto armazenados do Google Docs.
Quaisquer servios do Google poder ser inserido clicando no Menu Inserir. Por exemplo,
para inserir fotos do Picasa, clique no Menu Inserir, em seguida clique em Foto do Picasa.
Uma janela com a aparncia seguinte aparecer:

3.1.4 Inserindo Gadgets

So ferramentas ou servios que podem ser agregados a pgina da web. No menu temos
acesso a:

Postagens Recentes: ltimas postagens efetuadas na pgina, anncios ou

entradas;

Arquivos atualizados recentemente: ltimos arquivos atualizados;

Itens recentes da Lista: ltimos listados;

Caixa de texto: Caixa ou quadro de texto;

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.

Mas, se j tivermos criado a pgina anteriormente, clicando no boto criar pgina e

depois em avisos, apenas teramos que incluir um ttulo e marcar o nmero de postagens
a serem exibidas.

O resultado final ficaria como o exemplo a seguir:

Este gadgets e outros que se referem s atualizaes, so apropriados a serem inseridos

na pgina inicial para mostrar sempre as atualizaes recentes.

Quando se trata de inserir um quadro de texto, no depende de nenhuma pgina criada.
uma opo que permite incluir no apenas textos, mas tambm: links, tabelas, linhas,
imagens, entre outros.

3.1.4.1 Inserir outros gadgets

Menu Inserir > opo Mais gadgets...
Devemos selecionar ou buscar o gadget que nos interessa entre os vrios disponveis no
Google.

4 O MENU FORMATAR

nesta opo que podemos fazer algumas formataes no texto, vejamos algumas:

Limpar formatao Utilizando esta opo, o texto retorna a formatao padro;

Cabealho(H2), Sub-cabealho(H3) e Ttulo menor(H4) atravs destas opes

que possvel fazer um Sumrio;

Clicando na opo Strikethrough possvel deixar o texto tachado. Exemplo: mouse

Se desejar alinhar os texto s margens ou centralizar, basta clicar em: Alinhar

esquerda, alinhar direita ou alinhar ao centro.

5 O MENU TABELA
Permite inserir uma tabela diretamente e de forma grfica, marcando com o mouse o
nmero de linhas e colunas.

Uma vez criada, com este menu inserimos linhas e colunas quando quisermos, e da mesma
forma podemos elimin-las.

6 O MENU LAYOUT
Podemos optar entre colocar cada pgina apenas com 1, 2 ou 3 colunas. E inserir barras
laterais. Dependendo do propsito e contedo das pginas, se escolher um ou outro
formato de layout.

7 ADICIONANDO NOVAS PGINAS

Para adicionar pginas a seu site, execute as seguintes etapas:
1. Na sua pgina inicial, clique no

boto

"Criar pgina".

2. Nomeie sua pgina. O Google Sites gerar um URL (endereo da web) com base no
nome que voc escolher, mas voc poder alter-lo clicando em Alterar.
3. Escolha um modelo de pgina.
4. Escolha onde localizar sua pgina em seu site:

Colocar a pgina no nvel superior: Pginas de nvel superior so as mais

gerais na hierarquia do seu site. Elas existem no mesmo nvel que sua pgina
inicial e fcil criar subpginas abaixo delas. Elas so as melhores opes
para as categorias principais do contedo do seu site.

Colocar a pgina sob {pgina atual}: A segunda opo colocar a sua

nova pgina como uma subpgina da pgina em que voc estava quando
clicou em "Criar pgina".

Escolha um local diferente: Escolha aninhar a sua pgina sob qualquer

outra pgina no seu site.
5. Clique em "Criar pgina".

7.1 ADICIONANDO UMA PGINA WEB SIMPLES

a opo Pgina da Web.
Aparece uma pgina em branco que iremos estrutur-la e preench-la com os contedos
que queremos. No devemos esquecer que dispomos de um menu de edio rpida e,
alm disso, os 4 menus expansveis para facilitar.
o tipo de pgina que se adapta a qualquer necessidade e que podemos configurar,
mudando e incluindo todo tipo de elemento.

7.2 ADICIONANDO UMA PGINA DO TIPO BLOG

a opo Avisos.
Esta pgina se elabora adicionando entradas, que se convertero em avisos informativos.
Para isso, clica-se na opo Nova postagem.

Aparecer uma janela de edio na qual o ttulo Postagem sem ttulo. Primeiro,
devemos adicionar um ttulo e depois escrevermos o contedo da notcia ou comunicado.
Contamos com os menus de edio para poder dar formato ao texto, incluir imagens e
outros elementos.

Quando terminamos e salvamos, a postagem aparecer como neste exemplo:

Vejamos as diferentes partes de que se constitui:

Ttulo
Tempo que foi postado
Autor da publicao
O contedo
Se tivermos vrias entradas ou postagens, poderemos observar que elas se ordenaro
cronologicamente, em ordem inversa, assim, as mais recentes so as primeiras que
aparecero.
Esta estrutura, configurao e disposio a de um blog5.
Poderamos usar esses recursos a essas pginas, como um blog ou registro, para
comunicar periodicamente algo. Por isso so apropriadas para informar as novidades,
mudanas, notcias importantes, avisos e comunicados, convocatrias, reunies, entre
5 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".

outras.
Quando inserimos o mdulo ltimas postagens em uma pgina, podemos escolher a
quantidade de postagens que queremos que apaream. apropriado para a pgina inicial.

7.3 ADICIONANDO UMA PGINA QUE CONTM ARQUIVOS

com a opo Arquivo
uma pgina preparada para armazenar e mostrar os arquivos do nosso site.
1. Atribumos um nome a pgina (no exemplo Arquivos), e ento adicionamos um
arquivo..

2. Buscamos o arquivo com o boto Selecionar arquivo.... Podemos completar

pondo uma descrio do arquivo. E depois clicamos em FAZER UPLOAD.

3 O arquivo transferido para o site e aparecer com a seguinte informao:

Nome Descrio Tamanho Verso Tempo do upload Autor

Aes relacionadas com os arquivos listados:

Clicando sobre o nome, podemos descarreg-lo e abri-lo.

Clicando sobre a verso, temos acesso a um histrico das diferentes verses salvas
do documento.

Vejamos o que ocorre quando clicamos sobre a verso de um arquivo:

Aparecem todas as modificaes feitas com o tempo de edio correspondente. Se

quisermos recuperar qualquer um, teremos apenas que descarreg-lo.
Para destacar esta potencialidade, que nos lembra wikis, uma vez que pode armazenar um
documento em suas diferentes edies, e a qualquer momento, voltar ao que nos interessa.
Em algumas ocasies, uma garantia de segurana.
7.3.1 Organizando os arquivos em pastas
Quando a esta pgina lhe transferimos muitos arquivos, precisamos de certa ordem para tlos bem organizados. o momento de se criar pastas, e situ-las onde nos interessa.
Primeiro selecionamos o quadro que existe esquerda do nome do arquivo, e em seguida,
clicamos em Mover para e depois em Nova pasta.
Criada a pasta, o site ficar organizado da seguinte maneira:

7.3.2 Apagando arquivos e pastas

Para apagar um arquivo, basta selecion-lo clicando no quadrado localizado na parte
posterior e depois clicar na opo Excluir.
Para eliminar uma pasta s teremos que clicar no boto Remover que aparece entre
parntesis, e direita do nome. O mesmo ocorrendo com os arquivos que esto contidos
na pasta.
7.3.3 Subscrevendo a mudanas
Se queremos nos mantermos informados das mudanas que ocorrem na pgina, s
teremos que clicar no boto Receber notificaes sobre alteraes.
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.

7.4 ADICIONANDO UMA PGINA DO TIPO LISTA

com a opo Lista.
Trata-se de uma pgina que contm listas elaboradas nossa maneira.
Como nos casos anteriores, o primeiro a ser feito ser colocar o nome na pgina. Ento, se
abre uma janela com 4 opes.

Para criarmos uma lista personalizada, escolheremos a ltima opo, assim poderemos
criar as listas a partir do incio, definindo nossas prprias colunas.

preciso colocar um nome ou renomear a coluna e ao mesmo tempo, escolher o tipo de

contedo que ter. Assim, poderemos optar por:
Caixa de Seleo: Se quisermos colocar um quadro de opes para marcar ou
desmarcar
Data: Para colocar datas
Lista suspensa: Menu expansvel para selecionar diferentes opes
Texto: Para adicionar texto
URL: Para colocar hiperlinks
Com base em todas essas possibilidades, poderemos confeccionar qualquer lista que se
adapte s nossas necessidades, apresentando a informao como ns desejarmos.
No seguinte exemplo, se apresentam informaes em 3 colunas, todas utilizando-se a
opo Texto:
Nome: Adicionamos o nome do contato.
Telefone: Adicionamos o nmero do telefone.
Email: Colocamos o e-mail.

As pginas de Lista permitem que voc crie e organize listas de informaes. Os itens na
lista so fceis de adicionar, editar e remover, e os usurios da lista podem classific-la com
base em qualquer coluna. Assim como na pgina de Arquivos, os inscritos so notificados
quando os itens so adicionados, alterados ou removidos.
7.4.1 Adicionando um novo registro lista
Aps clicar no boto adicionar item preencher o formulrio que aparece com os dados
requeridos. Ao salvar, se adicionar o novo registro.

7.4.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.
7.4.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.

8 CONFIGURANDO O SITE

8.1 ACESSO OU COMPARTILHAMENTO COM OUTROS USURIOS

Mais > Compartilhamento e Permisses

Um site pode ser compartilhado com todos (pblico) ou com os usurios que
especifiquemos.
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:
Criar, editar e excluir pginas
Mover pginas
Adicionar anexos

 Adicionar comentrios
Inscrever-se para alteraes do site e de pginas
Os usurios definidos como " proprietrio" podem:
Fazer tudo o que usurios definidos como "Pode editar" tm permisso para fazer
Definir outras pessoas como "Pode visualizar", "Pode editar" e " proprietrio"
Alterar os temas e o layout do site

Alterar o nome do site

Excluir o site

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.

8.2 CONFIGURANDO A APARNCIA

Mais > Administrar Site
Clicando na opo Administrar Site, aparecer diversas opes no lado esquerdo da pgina,
basta clicar em Cores e fontes ou Temas que ser possvel configurar a aparncia como
desejar.

8.2.1 Mudando o layout do site

Mais > Administrar Site > Layout de pgina > Alterar layout do site

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

pixels ou como a largura padro de seu tema.

Cabealho: voc pode marcar a caixa ao lado de Cabealho se desejar ter um
cabealho em seu site. Se escolher ter um cabealho, voc pode especificar as
dimenses do cabealho e como este deve ser alinhado.
Barra de navegao horizontal: se desejar ter uma barra de navegao horizontal,
clique na caixa ao lado de Barra de navegao horizontal. Normalmente, um site
tem uma barra de navegao horizontal ou uma barra lateral.
Barra lateral: voc pode escolher se quer uma barra lateral em seu site marcando
ou desmarcando a caixa ao lado de Barra lateral. Se escolher ter uma barra lateral,
voc tambm pode definir sua largura e escolher se ela deve ficar no lado esquerdo
ou direito de seu site.
Rodap: voc pode escolher se deseja um rodap em seu site marcando ou
desmarcando a caixa ao lado de Rodap. Se escolher ter um rodap no site, voc
tambm pode definir sua altura ou deixar que o Google a ajuste automaticamente de
acordo com o contedo do rodap.

8.2.2 Alterando o Cabealho

Est predeterminado no quadro acima e a esquerda, e no admite outra posio. Se
quisermos colocar outro logotipo que no seja o do Google Sites, clicamos em alterar o
logotipo.

Da janela que se abre:

Selecionando sem logotipo, para omiti-lo.
Se optarmos para adicionar um, buscamos o que desejamos em Selecionar arquivo....
Devemos dimensionar o logotipo antes de fazer a transferncia (o upload), se foi
estabelecida uma altura.
Clicamos em OK e salvamos : Salvar as alteraes
Neste exemplo foi colocada o logotipo da UFCG, as dimenses so 92x240 pixels. A altura
da moldura fica determinada pelo tamanho do logotipo.

8.2.3 Configurando a Barra lateral

Para configurar a barra lateral basta clicar em Mais > Administrar Site > Layout da pgina
ou ento no lado esquerdo da pgina principal clicar no link Editar barra lateral.
A largura da barra lateral, por padro, est configurada em 150 pixels, para alter-la
necessrio clicar na opo Alterar layout do site e modificar o valor padro. nessa
mesma opo que possvel alterar a localizao de sua barra lateral ou desativ-la:
1. Se voc no quiser a barra lateral, desmarque a caixa ao lado de Barra lateral.
2. Se voc deseja manter sua barra lateral, possvel escolher onde ela aparecer,

selecionando o boto de opo prximo de esquerda ou direita.

8.2.3.1 Configurando o menu Navegao da barra lateral

No menu de navegao, situaremos os hiperlinks as pginas que existem dentro do site.
Para configurar clicamos em Editar.

O ttulo que, por padro, se chama Navegao, pode ser substitudo, basta apagar e
escrever outro nome desejado.
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.
Tambm temos a opo de escolher os nveis de pginas a serem exibidas e incluir um link.

8.2.3.2 Adicionando novos itens:

Para que apaream na barra lateral. Clicando em Adicionar um item na barra lateral.
Veremos abrir 9 alternativas:
1. Google AdSense: coloca anncios do Google AdSense na sua barra lateral;
2. Boto +1 : Adiciona um boto +1 que permite que os visitantes recomendem
suas pginas e que ajuda seu site a se destacar.
3. Navegao: Adiciona links a pginas individuais para que os usurios do seu
site tenham acesso rpido;
4. Texto: Adiciona textos barra lateral do seu site;
5. Atividade recente do site: Exibe uma lista de atividades recentes do site;
6. Minhas atividades recentes: Exibe uma lista da recente atividade como
usurio conectado no momento;
7. Contagem regressiva: Exibe uma contagem regressiva de dias para uma
data especificada;
8. Proprietrios do site: Exibe os proprietrios do seu site na barra lateral;
9. 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.

8.3 ALTERANDO AS CORES E FONTES

Mais > Administrar Site > Cores de fontes

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 Selecionar arquivo....
Podemos mudar em alguns itens, tambm o tipo de letra ou fonte.
Qualquer alterao que faamos, mostrado na parte inferior da tela, o que adianta e
facilita esta tarefa.

8.4 ALTERAR O TEMA DO SITE

Mais > Administrar Site > Temas
Contamos com uma srie de temas disponveis, cada um com sua particular combinao de
cores e fontes.

Para experimentar e ver como ficar, basta clicar no tema desejado e depois clicar no
desenho da lupa abaixo do tema escolhido.

9 OUTROS AJUSTES DE CONFIGURAO

Em Mais > Administrar Site > Geral
A partir dela, podemos:

Colocar nome ao site

Mostrar o nome do site no alto das pginas. Por padro mostrado, caso contrrio
de ser desmarcado.

Descrever brevemente o site

Indicar se o contedo exclusivo para adultos. Marcar a opo, caso seja.

Alterar a pgina de entrada quando se acessa o site: se denomina pgina de

destino. Por padro, a pgina Home, porm podemos alterar-la por outra com o
botoAlterar.

Ativar as estatsticas atravs do Google Analytics.

Clicando em Saiba mais aparecer instrues de como ativar essas estatsticas.

Deveremos entrar no Google Analytics, seguindo todos os passos, chegar um momento
em que ser mostrado um cdigo para o site.
Para comprovar se funciona, devemos esperar aproximadamente 24 horas. Sempre que
quisermos ver as estatsticas, devemos acessar o Google Analytics.
Um detalhe importante se refere ao espao utilizado no site dos 100 MB utilizados.
Podemos ver no quadro direita.

9.1 CONFIGURAES DA PGINA

Uma vez que temos criado uma pgina.
Mais > Configuraes da pgina.
Assim podemos, entre outras coisas, mostrar ou no ao final da pgina comentrios, e
permitir arquivos anexos.

10 CARACTERSTICAS ESPECIAIS
O que um site criado pode ter de especial?
10.1 UMA BUSCA DENTRO DO SITE
Situado no cabealho direita. No pode ser eliminado.

10.2 SITE COMO BLOG

Podem-se criar pginas com a estrutura de qualquer blog: publicaes, entradas ou
postagens como so conhecidas, para anunciar ou informar.
Permite inserir um item com as ltimas postagens e mostrar quantas desejar.

10.3 SITE COMO WIKI

Wki uma coleo de muitas pginas interligadas e cada uma delas pode ser visitada e
editada por qualquer pessoa. O que torna bastante prtico, a reedio e futuras visitas.
O site como wiki guarda as diferentes verses ou modificaes do site, que podemos ver ou
recuperar a qualquer momento.
10.4 ARMAZENAGEM DE ARQUIVOS SEMPRE ATUALIZADOS
Qualquer arquivo que se transfira, sero informadas as modificaes e apresenta as
diferentes verses ocorridas.
Permite um armazenamento de 100MB.
10.5 INFORMAO IMEDIATA DE QUALQUER MUDANA AOS COLABORADORES
Com a opo Receber notificaes sobre alteraes no site que se encontra em
Mais, sempre estaremos informados das mudanas que ocorrerem. O colaborador
recebe automaticamente uma mensagem de aviso.

10.6 INTEGRAO COM GOOGLE ANALYTICS PARA MOSTRAR

ESTATSTICAS DE VISITAS
Atravs do Google Analytics, podemos consultar e controlar o acesso ao nosso site
mediante os variados e completos informes que se geram.

10.7 PERMITE ANEXAR ARQUIVOS NAS PGINAS

Apenas disponvel para os colaboradores de um site, ao fim de cada pgina, podem ser
anexados arquivos que sejam necessrio disponibiliz-los.

10.8 PODEMOS FAZER COMENTRIOS

Apenas disponvel para os colaboradores de um site, ao fim de cada pgina, podem ser
adicionados comentrios. Aparecem aqui no s a mensagem, mas tambm detalhes de
quem a mandou.

10.9 SUBPGINAS DEPENDENTES DE OUTRA PGINA

As subpginas situam-se abaixo da pgina. Para acessar a qualquer uma, basta apenas
clicar.

10.10 ALGUMAS UTILIDADES AO FIM DA PGINA

Se olhamos no fim de qualquer pgina, encontramos algumas utilidades que no podemos
nem configurar nem eliminar.

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.

11 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!
21 de Novembro de 2011

Equipe dos projetos: Infoincluso, ensino e insero social UFCG/MEC/PROEXT e

Infoincluso na cidade de Sousa/PB
Projetos de Extenso da Universidade Federal de Campina Grande UFCG
Campus de Sousa - CCJS

REFERNCIAS

Aplicativo para criao de Google sites. Disponvel em https://sites.google.com/?tab=o3.

Acesso em 22/nov/2011.
Google docs. Disponvel em http://docs.google.com/?tab=go#all. Acesso em 02/mar/2011.
Ajuda do Google Sites. Disponvel em http://www.google.com/support/sites/. Acesso em
23/nov/2011.

Este manual foi criado usando Software Livre e gratuito.