You are on page 1of 37

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

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;

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 editvel e visualizvel, como desejar;

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

Desenvolver, hospedar e publicar sites nas nuvens1 e gratis.

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.

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 se 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 tem a opo de alterar o URL
do seu site caso deseje.

Uma vez autenticado, clicar no boto:

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.

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


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 Uma URL tem a seguinte estrutura: protocolo://mquina/caminho/recurso.

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


nome aparecer no quadro superior de toda web e poder ser modificado, como
veremos adiante.
2. Escrevemos o nome que queremos que contenha a URL, ou de localizao, para
busca do site. Assim feito, 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 site.

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, aqueles contedos que podem ser de maior utilidade ao
visitante quando acess-la.
Para construir esta e 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 Aes.

Tudo isso trataremos com detalhes mais adiante.

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

Comeamos escrevendo algum texto como saudao ou apresentao, selecionamos com


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

Tambm tem 4 menus expansveis para incluir outros elementos, e possibilidades de

configurao, algumas j presentes na barra anterior.

Menu Inserir: Para inserir qualquer tipo de elemento;


Menu Formatar: Muda tamanhos e pe 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.

Elementos simples

Servios do Google

Gadgets
do
Google

3.1.1 Inserindo elementos simples


3.1.1.1 Inserindo uma imagem
Menu Inserir > opo Imagem

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

3.1.1.2 Inserindo um Link


clicamos com o mouse onde vamos colocar o link, e em seguida:
Menu Inserir > opo Link

A janela que se abre, nos oferece 3 possibilidades:


1. Unir com uma pgina que j tnhamos no nosso site (Pgina existente): S temos
que marcar a que nos interessa dentre as que temos (aparecem listadas abaixo);
2. Unir com outra da web (Endereo da Web): Escreveramos o endereo da web;
3. 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.
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 wiki 3.

3.1.1.3. Inserindo outros elementos importantes


Sumrio
Agora, voc pode criar um sumrio em seus documentos para ajudar a organizar o
contedo e facilitar a navegao pelo documento. Para inserir um sumrio no seu
documento, siga as instrues abaixo:
1 Adicione cabealhos aos documentos clicando no menu Formatar e selecionando
Cabealho, Sub-cabealho e Ttulo menor. Observe os atalhos de teclado Ctrl+1
(tamanho mximo), Ctrl+2 (mdio), Ctrl+3 (menor).
Obs: Se quiser editar/alterar o texto do sumrio, edite os cabealhos do corpo do
documento e no a caixa do sumrio, porque ao atualizar o sumrio (clicando em
"Atualizar" no menu que surge na parte superior direita do sumrio), edies
manuais feitas caixa do sumrio sero apagadas.

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.

2 Para inserir um sumrio ao documento, clique em Sumrio no menu Inserir. Surgir


uma janela para que voc escolha o estilo do sumrio. Observe que o estilo ser
impresso de maneira diferente do que exibido na tela (isto , com nmeros de
pgina).
3 O sumrio aparecer no local em que o cursor estiver posicionado, portanto,
certifique-se de posicionar o cursor onde quiser que o sumrio aparea. Se precisar
mover o sumrio, clique na tabela e escolha remover; em seguida, insira-o
novamente onde desejar.
4 Voc pode continuar adicionando cabealhos ao documento ou alterar os
cabealhos atuais. Contudo, se quiser que uma alterao se torne parte do sumrio,
ser preciso clicar no sumrio e escolher Atualizar agora no menu que surge
direita do sumrio.
5 Se quiser alterar o estilo do sumrio, clique no sumrio e escolha Propriedades no
menu que surge na parte superior direita do sumrio.
6 Depois de ajustar o sumrio, ele ser vinculado s sees com ttulo dos seus
documentos que usam os estilos de cabealho (consulte o n1 acima). Clique uma
vez no link do sumrio e clique novamente no link da caixa Ir para o link.
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 inser-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 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
os arquivos so selecionados daqueles que esto armazenados do Google Docs.
Qualquer servio listado nesse menu do Google poder ser inserido utilizando esta opo.
Por exemplo para inserir fotos do picasa escolha da forma mostrada abaixo.

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

Inserir outros gadgets


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

3.2 O menu Formatar


Serve para estabelecer o tamanho e mais outros detalhes como:

Riscado

Sobrescrito

Subscrito

Alinhar (Esquerda, Centro, Direita)

Tambm podemos limpar a formatao

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

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

4 Adicionando novas pginas

Nomeamos a pgina que vamos criar e escolheremos um dos 4 tipos disponveis. O


contedo do que queremos colocar nela, que far optarmos por um ou outro estilo.

Finalmente escolhemos a hierarquia da pgina. So oferecidas 2 possibilidades:


1. Coloc-la no nvel mais alto: a opo padro. Supe que uma pgina que est
mais perto da pgina Home ou do Inicio.
2.

Coloc-la abaixo: uma sub-pgina.

A diferena pode ser vista no mapa de navegao a seguir:

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

4.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 o primeiro a ser colocado na
entrada e, a seguir, escrevemos 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 blog4.
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
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.

4.3 Adicionando uma pgina que Contm Arquivos


com a opo Arquivo
uma pgina preparada para armazenar e mostrar os arquivos do nosso site.

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

1 Atribumos um nome a pgina (no exemplo Arquivos), e ento adicionamos um


arquivo..

2 Buscamos o arquivo com o boto Escolher 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 abr-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.
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:

Apagando arquivos e pastas


Para apagar um arquivo, aps selecion-lo conforme a seo anterior, e clicamos em
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.

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.

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

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.

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


contedo que ter. Assim, poderamos 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 informao em 5 colunas:
Nome: Nome e sobrenome de um aluno. Utilizo a opo Texto
Tema 1 - Tema 2 - Tema 3: Levamos o controle de 3 temas. Marcamos a caixa. Utilizo a
opo caixa de seleo.
Global: Colocamos um valor. Utilizo a opo lista suspensa: e escolho entre Muito bemRegular-Mal.

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.

Vejamos como este ltimo exemplo que tem 3 registros:


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.

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

5.1 Acesso ou compartilhamento com outros


Mais aes > Compartilhar este site
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.

5.2 Configurando a aparncia


Mais aes > Administrar Site > Aparncia do Site

5.2.1 Mudando o layout do site


Mais aes > Administrar Site > Aparncia do 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.

5.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 Escolher 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.

5.2.3 Configurando a Barra lateral

Esta moldura que vemos tem uma largura de


150 pixels, est formado por 2 quadros ou itens:
Navegao: Menu de navegao
Atividade recente do site: Informao sobre a
atividade recente no site.
Com as opes de: Editar, excluir ou adicionar
um novo item na barra lateral

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.

Adicionando novos itens:


Para que apaream na barra lateral. Clicando em + Adicionar um item na barra lateral.
Vemos como se abrem 6 alternativas.
1. Google AdSense: coloca anncios do Google AdSense na sua barra lateral;
2. Navegao: Adiciona links a pginas individuais para que os usurios do seu
site tenham acesso rpido;
3. Texto: Adiciona textos barra lateral do seu site;
4. Atividade recente do site: Exibe uma lista de atividades recentes do site;
5. Minhas atividades recentes: Exibe uma lista da recente atividade como
usurio conectado no momento;
6. Contagem regressiva: Exibe uma contagem regressiva de dias para uma

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.

5.2.4 Alterando as cores e fontes


Mais aes > Administrar Site > Aparncia do 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 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

facilita esta tarefa.

5.2.5 Alterar o tema do site


Mais aes > Administrar Site > Aparncia do 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, temos apenas que clicar em visualizar.

5.3 Outros ajustes de configurao


Em Configuraes do 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.

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?

6.1 Uma busca dentro do site


Situado no cabealho direita. No pode ser eliminado.

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

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

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

6.5 Informao imediata de qualquer mudana aos colaboradores


Com a opo Receber notificaes sobre alteraes no site que se encontra em
Mais aes, sempre estaremos pontualmente informados das mudanas que ocorrerem.
O colaborador recebe automaticamente uma mensagem de aviso.

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

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

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

6.9 Subpginas dependentes de outra pgina


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

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

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

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 07/mar/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
09/mar/2011.

Este manual foi criado usando Software Livre e gratuito.