Manual do Google Sites: um guia para criação de páginas e sites colaborativos para web

Autores:

Janeide Albuquerque CavalcantiSheylla Maria Donato da CunhaGermana Correia de Oliveira

Novembro/2011

SUMÁRIO

1 INTRODUÇÃO..............................................................................................................................................32 INICIANDO AS CONFIGURAÇÕES DO SITE..............................................................................................4

2.1 TELA DE BOAS VINDAS.......................................................................................................................42.2 DADOS ESSENCIAIS............................................................................................................................42.3 A PÁGINA INICIAL.................................................................................................................................5

3 EDITANDO A PÁGINA..................................................................................................................................63.1 MENU INSERIR.....................................................................................................................................7

3.1.1 Inserindo elementos comuns ......................................................................................................83.1.1.1 Inserindo uma imagem .......................................................................................................83.1.1.2 Inserindo um Link..............................................................................................................10

3.1.2 Inserindo outros elementos importantes....................................................................................113.1.2.1 Sumário..............................................................................................................................113.1.2.2 Como adicionar um botão +1 a seu site ...........................................................................12

3.1.3 Inserindo Serviços do Google....................................................................................................133.1.4 Inserindo Gadgets......................................................................................................................13

3.1.4.1 Inserir outros gadgets........................................................................................................154 O MENU FORMATAR.................................................................................................................................165 O MENU TABELA.......................................................................................................................................176 O MENU LAYOUT......................................................................................................................................177 ADICIONANDO NOVAS PÁGINAS............................................................................................................18

7.1 ADICIONANDO UMA PÁGINA WEB SIMPLES...................................................................................187.2 ADICIONANDO UMA PÁGINA DO TIPO BLOG..................................................................................187.3 ADICIONANDO UMA PÁGINA QUE CONTÉM ARQUIVOS................................................................20

7.3.1 Organizando os arquivos em pastas..........................................................................................217.3.2 Apagando arquivos e pastas......................................................................................................217.3.3 Subscrevendo a mudanças........................................................................................................22

7.4 ADICIONANDO UMA PÁGINA DO TIPO LISTA...................................................................................227.4.1 Adicionando um novo registro à lista.........................................................................................237.4.2 Classificando os dados..............................................................................................................237.4.3 Modificamos a estrutura da lista................................................................................................24

8 CONFIGURANDO O SITE..........................................................................................................................248.1 ACESSO OU COMPARTILHAMENTO COM OUTROS USUÁRIOS...................................................248.2 CONFIGURANDO A APARÊNCIA.......................................................................................................26

8.2.1 Mudando o layout do site...........................................................................................................268.2.2 Alterando o Cabeçalho...............................................................................................................278.2.3 Configurando a Barra lateral......................................................................................................28

8.2.3.1 Configurando o menu Navegação da barra lateral............................................................288.2.3.2 Adicionando novos itens:...................................................................................................29

8.3 ALTERANDO AS CORES E FONTES.................................................................................................308.4 ALTERAR O TEMA DO SITE...............................................................................................................31

9 OUTROS AJUSTES DE CONFIGURAÇÃO...............................................................................................319.1 CONFIGURAÇÕES DA PÁGINA.........................................................................................................32

10 CARACTERÍSTICAS ESPECIAIS............................................................................................................3310.1 UMA BUSCA DENTRO DO SITE.......................................................................................................3310.2 SITE COMO BLOG............................................................................................................................3310.3 SITE COMO WIKI..............................................................................................................................3310.4 ARMAZENAGEM DE ARQUIVOS SEMPRE ATUALIZADOS............................................................3310.5 INFORMAÇÃO IMEDIATA DE QUALQUER MUDANÇA AOS COLABORADORES..........................3310.6 INTEGRAÇÃO COM “GOOGLE ANALYTICS” PARA MOSTRAR ESTATÍSTICAS DE VISITAS.......3410.7 PERMITE ANEXAR ARQUIVOS NAS PÁGINAS...............................................................................3410.8 PODEMOS FAZER COMENTÁRIOS.................................................................................................3410.9 SUBPÁGINAS DEPENDENTES DE OUTRA PÁGINA......................................................................3510.10 ALGUMAS UTILIDADES AO FIM DA PÁGINA................................................................................35

11 CONSIDERAÇÕES FINAIS......................................................................................................................35

REFERÊNCIAS.............................................................................................................................................37

1 INTRODUÇÃO

O que é o Google Sites?

O Google Sites é um aplicativo on-line que torna fácil criar um site da web, dispensandoconhecimentos de programação. Com o Google Sites, é possível colecionar rapidamentediversas informações em um só lugar - inclusive vídeos, agendas, apresentações, anexos etexto - e compartilhá-las com facilidade para visualização ou edição com um grupo, comtoda a organização ou com o mundo. Comece a usar o Google Sites emhttp://sites.google.com/site .

Principais características do produto:

• Personalizar a interface do seu site para que ela tenha a cara do seu grupo ouprojeto;

• Criar uma nova subpágina com um clique;

• Escolher um tipo de página em uma lista que continua crescendo: página da web,anúncios, página de arquivos;

• Centralizar as informações compartilhadas: incorporar conteúdo potencializado(vídeo, documentos do Google Docs, planilhas, apresentações, apresentações deslides, de fotos do Picasa, gadgets do iGoogle) em qualquer página e fazer uploadde anexos;

• Gerenciar as configurações de permissões para manter seu site privado outotalmente possível de editar e visualizar, como desejar;

• Pesquisar seu conteúdo do Google Sites com tecnologia de pesquisa do Google;

• Desenvolver, hospedar e publicar sites nas nuvens1 e grátis.

Em última análise, não faltam características para ser consagrada como uma boaalternativa de web design gratuita.

Pretendemos, com este documento, apresentar um guia de uso de “Sites do Google” paraconstruir sites para web. Por meio de capturas de tela explicamos todos os menusencontrados, adicionando em alguns casos, algumas ideias e exemplos reais.

1 O termo "Cloud Computing", ou "computação em nuvem". A "nuvem" da metáfora, é um conjunto deservidores, que rodam os mais diversos serviços e são conectados aos clientes através da Internet. A ideiacentral por trás do Cloud Computing é fornecer serviços através da Internet, permitindo que você acessearquivos, documentos, e-mail, executede aplicativos e assim por diante, a partir de qualquer PC conectado àweb. Dois bons exemplos são o Gmail e o Google Docs, dois serviços cujos dados são armazenados nosdatacenters do Google e você simplesmente acessa as informações utilizando o navegador, seja através dopróprio PC, ou de um smartphone ou qualquer outro dispositivo conectado à Internet.

Esperamos que possa ser de utilidade a muitas pessoas.

A equipe do projeto Infoinclusão, ensino e inserçãosocial/MEC/PROEXT (e-mail: infoinclusao@gmail.com)

2 INICIANDO AS CONFIGURAÇÕES DO SITE

2.1 TELA DE BOAS VINDAS

O acesso a esse serviço está no link: http://sites.google.com

Para utilizar esse serviço devemos ter uma conta no Google, pois é solicitado aautenticação com usuário e senha. Caso não tenha é preciso criá-la.

Para criar um novo site, primeiro clique na caixa "Criar novo site" após ter feito login na suaconta.

• Você receberá orientação durante o processo de criação do seu site. Escolher o seunome também irá auto-popular o URL2 do seu site. Você pode alterar o URL do seusite caso deseje.

Uma vez autenticado na conta, clicar no botão “CRIAR”:

2.2 DADOS ESSENCIAIS

Primeiramente, escolhemos o modelo do site clicando em “Modelo em branco” ou, sedesejar escolher entre os modelos de site já publicados, clique no link “Navegue na galeriapara ver outros modelos”.

2 URL (de Uniform Resource Locator), em português Localizador de Recursos Universal, é o endereço de umrecurso (um arquivo , uma impressora etc.), disponível em uma rede; seja a Internet , ou uma rede corporativa,uma intranet Um URL tem a seguinte estrutura: protocolo://máquina/caminho/recurso.

Em seguida, devemos preencher um formulário com os dados do site, como exemplo:

1. Escrevemos o nome que será a denominação do site: Infoinclusão UFCG. Estenome aparecerá no quadro superior de todas as páginas e poderá ser modificado,como veremos adiante.

2. No momento que for atribuído o nome do site, o endereço onde contém a URL seráautomaticamente preenchido, porém, é possível escrevermos o nome que queremosque contenha a URL, ou de localização, para busca do site. No exemplo, o endereçoda web será:

http://sites.google.com/site/infoinclusaoufcg

A seguir, veremos algumas opções para selecionar, entretanto para acelerar a criação,preferimos deixá-las por padrão como estão, e mais adiante configurá-las conformedesejado.

• Escolha do Tema• Mais opções:

• Descrição do site• Compartilhamento• Conteúdo Adulto (esta opção deverá ser escolhida caso tenha conteúdo desexo ou imagens impróprias para menores).

Por último, observar o código que aparece e clicar em Criar .

2.3 A PÁGINA INICIAL

O site criado depois do registro inicial terá a seguinte aparência:

A estrutura que aparece enquanto não for mudada é a seguinte:

Quadro Superior: Nome do site: Infoinclusão UFCG;

Quadro Lateral: Menu de navegação;

Quadro Principal: Página Principal (agora vazio).

Esta é a página denominada “Inicial”, porque é a primeira que aparecerá ao entrar na web.Daremos atenção especial em seu desenho e conteúdo, devido à importância que tem, jáque pode ser o ponto de entrada e de partida de todo o site. Serão colocados além dasboas vindas ou apresentação, os conteúdos que podem ser de maior utilidade ao visitantequando acessá-la.

Para construir esta ou qualquer outra página que for adicionada, serão usadas ferramentasde edição que aparecem quando se clica no botão “Editar Página" , na parte superior

Para acrescentar outras configurações, clicar no botão “Mais” .

Tudas essas opções serão tratadas com detalhes mais adiante.

3 EDITANDO A PÁGINA

Para isso, clique no botão Editar Página.

Aparecerá uma barra de edição rápida, com a qual podemos pôr: o tipo de letra e otamanho, o formato e a cor da fonte, links, numeração, marcadores, recuos e justificações,retirar a formatação ou editar a HTML3 (se conhecer essa linguagem).

Começamos escrevendo algum texto como saudação ou apresentação, selecionamos como mouse e lhe aplicamos alguma formatação. O resultado poderia ser como este:

Aparece ainda uma barra de menus expansíveis, a seguir exibida, na qual pode-se incluiroutros elementos e possibilidades de configuração, algumas já presentes na barra mostradaanteriormente.

3HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web que podem ser interpretadas pelos navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.

Menu Inserir: Para inserir qualquer tipo de elemento;

Menu Formatar: Mudar tamanhos e pôr alguns formatos especiais de texto;

Menu Tabela: Para inserir tabelas;

Menu Layout: Para escolher entre páginas com 1, 2 ou 3 colunas e inserir barraslaterais.

Qualquer mudança que for feita deve-se clicar no botão Salvar, localizado no canto superiordireito da página.

Se não desejar salvar as alterações feitas na página, basta clicar no botão Cancelar.

Vejamos a seguir todas as possibilidades destes menus.

3.1 MENU INSERIR

Possui muitos elementos e são agrupados por facilidade.

3.1.1 Inserindo elementos comuns

3.1.1.1 Inserindo uma imagem

Menu Inserir > opção Imagem

Elem

en tos Com

uns

Ser

viço

s do

Goo

gle

Gadgets do Google

Se a imagem que queremos inserir está armazenada em nosso computador, apenas temosque clicar em “Selecionar arquivo...” , localizá-la e adicionar.

Entretanto, se a imagem que queremos inserir estiver na Internet, basta marcar a opção“Endereço da web” e adicionar a URL na qual a imagem está localizada, selecioná-la e emseguida 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 ediçãopara adaptá-la às nossas necessidades:

1. Alinhar à Esquerda

2. Alinhar ao Centro

3. Alinhar à Direita

4. Tamanho S: Tamanho pequeno

5. Tamanho S: Tamanho médio

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 fácil de ajudar visitantes a navegar melhor por seu site, defornecer mais informações e de aumentar suas chances de aparecer em resultados depesquisa 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 página que já existe em seusite, para uma página em outro site, ou para uma nova página em seu site, bastaclicar em “alterar” que se abrirá a seguinte janela:

A janela que se abre, nos oferece algumas possibilidades:

1. Página interna existente : Se deseja criar um link para uma página existente emseu site, selecione a guia Página existente . Então, você pode encontrar a páginaque deseja pesquisando seu nome, procurando no mapa do site ou, se tiver editadoa página recentemente, encontrando-a em sua lista de alterações recentes.

2. Nova página interna : Se você deseja criar um link para uma nova página em seusite, selecione a guia Página existente e clique em "Criar nova página" . Serásolicitado que você dê um título à página, que escolha que tipo de página deseja eque escolha onde deseja colocar a página.

3. Página externa : Se deseja criar um link para uma página em outro website,selecione a guia Endereço da web e insira o URL da página para a qual deseja criarum link na caixa abaixo de Criar um link para este URL .

4. Na opção Scripts do Google Apps, você pode selecionar scripts e usá-los em seusite para acionar eventos, como enviar um e-mail ou criar um convite do GoogleAgenda.

5. Qualquer que seja o tipo de link escolhido, se desejar que a página vinculada sejaaberta 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 página ou clique em "Salvar" para preservar suas alterações.

Na opção Página existente , podemos criar uma nova página no site e vincular aesta. Basta clicar em “Criar nova página”, colocar o título e escolhermos o tipo depágina.

Esta facilidade de criação de páginas a partir de links nos lembra uma wiki4.

3.1.2 Inserindo outros elementos importantes

3.1.2.1 Sumário

Um sumário é uma ótima forma de organizar o seu conteúdo e um modo fácil de seusvisitantes navegarem pela sua página. Basta marcar o texto que deseja para o seu sumáriocom uma tag de título, depois adicionar um sumário à sua página.

Marcando texto como título

1. Navegue para a página em que deseja incorporar o sumário.

2. Clique no botão "Editar página" para abrir o editor de sites.

3. Destaque o texto que deseja que apareça no sumário.

4. No menu Formatar , escolha Cabeçalho(H2) , Sub-cabeçalho (H3) ou Título menor(H4), dependendo do estilo desejado. Quanto menor o número do título, maisdestacado será o texto.

4 Wiki em havaiano significa super rápido. É um site em que permite aos usuários criar e editar livremente conteúdo de web pages usando qualquer web browser usando convenções de formatação de texto que dispensam conhecimentos de linguagens de programação.

5. Repita as duas últimas etapas para todos os textos que devem aparecer em seusumário.

Como adicionar o sumário

1. Coloque o cursor onde gostaria de inserir o sumário.

2. No menu Inserir , selecione Sumário .

3. Defina a largura do seu sumário e escolha quantos níveis de título deseja mostrar.Por exemplo, caso tenha uma lista com texto formatado como H2, H3 e H4, escolhermostrar apenas dois níveis significa que apenas o texto formatado como H2 e H3aparecerá em seu sumário. Depois, clique em "Salvar" e uma caixa marcando o seusumário aparecerá na página.

4. Na página que estiver editando, clique em "Salvar". O seu novo sumário agora seráexibido na sua página.

Como no exemplo, um sumário é um índice que se corresponde com diferentes grupos ouseções que contém o texto de uma página. Em algumas ocasiões pode ser útil inseri-lo paranavegar mais rápido.

Somente se criará este sumário se os diferentes parágrafos ou seções do texto tiveremestilo de cabeçalho.

3.1.2.2 Como adicionar um botão +1 a seu site

O botão "+1" pode ser adicionado a qualquer site público na web. Isso permite quevocê acompanhe a popularidade das páginas do site e tenha os sites exibidos nosresultados de pesquisa para pessoas que escolherem incluir as recomendações +1.

Veja como adicionar um botão +1 às páginas individuais em seu site:

1. Acesse a página à qual você deseja adicionar o botão +1.

2. No menu Inserir , selecione Botão +1 .

3. Escolha o tamanho do botão que você deseja adicionar e se você deseja incluir a

contagem de cliques. A contagem de cliques mostra aos visitantes do site quantaspessoas marcaram sua página com +1.

4. Clique em Salvar .

Você também pode adicionar um botão +1 a todas as páginas do site. Observação : o botão+1 conta os cliques de cada página individual na qual a barra lateral é exibida e não do sitecompleto. Isto é útil se você quiser classificar a popularidade relativa de cada uma daspáginas.

Veja como adicionar um botão +1 a todas as páginas do site:

1. Clique em Administrar site e selecione Layout da página no menu suspenso.

2. Depois, selecione Adicionar um item na barra lateral .

3. Role para a seção Botão +1 e clique em Adicionar .

4. Clique em Salvar .

3.1.3 Inserindo Serviços do Google

Podemos adicionar à página, rapidamente, anúncios e propagandas do Google, agendas,mapas, fotos do Picasa, apresentações de slides do Picasa, documentos, apresentações,planilhas e formulários do Google Docs, e pastas.

Quando se trata de pastas, documentos, planilhas, apresentações ou formulários a opçãodos arquivos são selecionados daqueles que estão armazenados do Google Docs.

Quaisquer serviços 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 aparência seguinte aparecerá:

3.1.4 Inserindo Gadgets

São ferramentas ou serviços que podem ser agregados a página da web. No menu temosacesso a:

• Postagens Recentes: últimas postagens efetuadas na página, anúncios ouentradas;

• 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 três primeiros gadgets, é preciso que tenha sido criadopreviamente as páginas correspondentes, quer dizer, estas páginas já devem existir no sitee, além disso, conter informação ou arquivos.

Por isso, se tentarmos inserir, por exemplo, o Gadget: Postagens Recentes . Que se referea mostrarmos quais são as últimas postagens ou anúncios, nos aparece uma janela como

esta abaixo, que nos indica que apenas podemos escolher de uma lista de arquivos que jáexiste. Caso contrário, não é permitido prosseguir.

Mas, se já tivermos criado a página anteriormente, clicando no botão “criar página” edepois em “avisos” , apenas teríamos que incluir um título e marcar o número de postagensa serem exibidas.

O resultado final ficaria como o exemplo a seguir:

Este gadgets e outros que se referem às atualizações, são apropriados a serem inseridos

na página inicial para mostrar sempre as atualizações recentes.

Quando se trata de inserir um quadro de texto, não depende de nenhuma página criada. Éuma opção que permite incluir não apenas textos, mas também: links, tabelas, linhas,imagens, entre outros.

3.1.4.1 Inserir outros gadgets

Menu Inserir > opção “Mais gadgets ...”

Devemos selecionar ou buscar o gadget que nos interessa entre os vários disponíveis noGoogle.

4 O MENU FORMATAR

É nesta opção que podemos fazer algumas formatações no texto, vejamos algumas:

• Limpar formatação – Utilizando esta opção, o texto retorna a formatação padrão;

• Cabeçalho(H2), Sub-cabeçalho(H3) e Título menor(H4) – É através destas opçõesque é possível fazer um Sumário;

• Clicando na opção Strikethrough é possível 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 gráfica, marcando com o mouse onúmero de linhas e colunas.

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

6 O MENU LAYOUT

Podemos optar entre colocar cada página apenas com 1, 2 ou 3 colunas. E inserir barraslaterais. Dependendo do propósito e conteúdo das páginas, se escolherá um ou outroformato de layout.

7 ADICIONANDO NOVAS PÁGINAS

Para adicionar páginas a seu site, execute as seguintes etapas:

1. Na sua página inicial, clique no botão "Criar página".

2. Nomeie sua página. O Google Sites gerará um URL (endereço da web) com base nonome que você escolher, mas você poderá alterá-lo clicando em Alterar.

3. Escolha um modelo de página.

4. Escolha onde localizar sua página em seu site:

• Colocar a página no nível superior: Páginas de nível superior são as maisgerais na hierarquia do seu site. Elas existem no mesmo nível que sua páginainicial e é fácil criar subpáginas abaixo delas. Elas são as melhores opçõespara as categorias principais do conteúdo do seu site.

• Colocar a página sob {página atual}: A segunda opção é colocar a suanova página como uma subpágina da página em que você estava quandoclicou em "Criar página".

• Escolha um local diferente: Escolha aninhar a sua página sob qualqueroutra página no seu site.

5. Clique em "Criar página".

7.1 ADICIONANDO UMA PÁGINA WEB SIMPLES

É a opção Página da Web.

Aparece uma página em branco que iremos estruturá-la e preenchê-la com os conteúdosque queremos. Não devemos esquecer que dispomos de um menu de edição rápida e,além disso, os 4 menus expansíveis para facilitar.

É o tipo de página que se adapta a qualquer necessidade e que podemos configurar,mudando e incluindo todo tipo de elemento.

7.2 ADICIONANDO UMA PÁGINA DO TIPO BLOG

É a opção Avisos.

Esta página se elabora adicionando entradas, que se converterão em avisos informativos.Para isso, clica-se na opção Nova postagem.

Aparecerá uma janela de edição na qual o título é “Postagem sem título” . Primeiro,devemos adicionar um título e depois escrevermos o conteúdo da notícia ou comunicado.Contamos com os menus de edição para poder dar formato ao texto, incluir imagens eoutros elementos.

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

Vejamos as diferentes partes de que se constitui:

• Título

• Tempo que foi postado

• Autor da publicação

• O conteúdo

Se tivermos várias entradas ou postagens, poderemos observar que elas se ordenarãocronologicamente, em ordem inversa, assim, as mais recentes são as primeiras queaparecerão.

Esta estrutura, configuração e disposição é a de um blog5.

Poderíamos usar esses recursos a essas páginas, como um blog ou registro, paracomunicar periodicamente algo. Por isso são apropriadas para informar as novidades,mudanças, notícias importantes, avisos e comunicados, convocatórias, reuniões, entre

5 Um blog (contração do termo "Web log"), também chamado de blogue em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou "posts".

outras.

Quando inserimos o módulo últimas postagens em uma página, podemos escolher aquantidade de postagens que queremos que apareçam. É apropriado para a página inicial.

7.3 ADICIONANDO UMA PÁGINA QUE CONTÉM ARQUIVOS

É com a opção Arquivo

É uma página preparada para armazenar e mostrar os arquivos do nosso site.

1. Atribuímos um nome a página (no exemplo “Arquivos”), e então adicionamos umarquivo..

2. Buscamos o arquivo com o botão “Selecionar arquivo...” . Podemos completarpondo uma descrição do arquivo. E depois clicamos em “FAZER UPLOAD”.

3 O arquivo é transferido para o site e aparecerá com a seguinte informação:

Nome – Descrição – Tamanho – Versão – Tempo do upload – Autor

Ações relacionadas com os arquivos listados:

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

• Clicando sobre a versão, temos acesso a um histórico das diferentes versões salvasdo documento.

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

Aparecem todas as modificações feitas com o tempo de edição correspondente. Sequisermos recuperar qualquer um, teremos apenas que descarregá-lo.

Para destacar esta potencialidade, que nos lembra wikis, uma vez que pode armazenar umdocumento em suas diferentes edições, e a qualquer momento, voltar ao que nos interessa.Em algumas ocasiões, é uma garantia de segurança.

7.3.1 Organizando os arquivos em pastas

Quando a esta página lhe transferimos muitos arquivos, precisamos de certa ordem para tê-los 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 parteposterior e depois clicar na opção Excluir .

Para eliminar uma pasta só teremos que clicar no botão Remover que aparece entreparêntesis, e à direita do nome. O mesmo ocorrendo com os arquivos que estão contidosna pasta.

7.3.3 Subscrevendo a mudanças

Se queremos nos mantermos informados das mudanças que ocorrem na página, sóteremos que clicar no botão Receber notificações sobre alterações.

Se houver alguma novidade ou modificação, será enviada uma mensagem para nossaconta, nos avisado das mudanças ocorridas.

É muito útil este tipo de página para transferir arquivos e tê-los de forma segura, e aomesmo tempo poder compartilhá-los com todo mundo ou com um grupo. E o melhor é queestaremos prontamente informados das mudanças e atualizações.

Lembre-se que o espaço na web é de 100MB. Cabem muitos arquivos.

7.4 ADICIONANDO UMA PÁGINA DO TIPO LISTA

É com a opção Lista .

Trata-se de uma página que contém listas elaboradas à nossa maneira.

Como nos casos anteriores, o primeiro a ser feito será colocar o nome na página. Então, seabre uma janela com 4 opções.

Para criarmos uma lista personalizada, escolheremos a última opção, assim poderemoscriar as listas a partir do início, definindo nossas próprias colunas.

É preciso colocar um nome ou renomear a coluna e ao mesmo tempo, escolher o tipo deconteúdo que terá. Assim, poderemos optar por:

Caixa de Seleção: Se quisermos colocar um quadro de opções para marcar oudesmarcar

Data: Para colocar datas

Lista suspensa: Menu expansível para selecionar diferentes opções

Texto: Para adicionar texto

URL: Para colocar hiperlinks

Com base em todas essas possibilidades, poderemos confeccionar qualquer lista que seadapte às nossas necessidades, apresentando a informação como nós desejarmos.

No seguinte exemplo, se apresentam informações em 3 colunas, todas utilizando-se aopção Texto:

Nome: Adicionamos o nome do contato.

Telefone: Adicionamos o número do telefone.

Email: Colocamos o e-mail.

As páginas de Lista permitem que você crie e organize listas de informações. Os itens nalista são fáceis de adicionar, editar e remover, e os usuários da lista podem classificá-la combase em qualquer coluna. Assim como na página de Arquivos, os inscritos são notificadosquando os itens são adicionados, alterados ou removidos.

7.4.1 Adicionando um novo registro à lista

Após clicar no botão adicionar item preencher o formulário que aparece com os dadosrequeridos. Ao salvar, se adicionará o novo registro.

7.4.2 Classificando os dados

Clicando na opção Classificar , que está abaixo do rótulo de cada coluna. Essa opção nosdá 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 página possível de escolha entre listas personalizadas eordenadas, que podemos aproveitar para apresentar informações de nosso interesse.

8 CONFIGURANDO O SITE

8.1 ACESSO OU COMPARTILHAMENTO COM OUTROS USUÁRIOS

Mais > Compartilhamento e Permissões

Um site pode ser compartilhado com todos (público) ou com os usuários queespecifiquemos.

Você pode controlar quem pode ver ou editar o seu site alterando as configurações decompartilhamento. Se desejar que todos possam visualizar o seu site sem fazer login emuma conta do Google, você pode defini-lo como público. Na opção Permissões, clicando nolink “Alterar”, aparecerá uma janela como esta abaixo onde será permitido fazer essasconfigurações.

Você também pode especificar as pessoas que deseja que possam realizar determinadasações em seu site, definindo seu nível de acesso como "Pode visualizar ", "Pode editar " ou"É proprietário ":

Os usuários definidos como "Pode visualizar " podem:

• Visualizar páginas

Os usuários definidos como "Pode editar " podem:

• Criar, editar e excluir páginas• Mover páginas• Adicionar anexos

• Adicionar comentários• Inscrever-se para alterações do site e de páginas

Os usuários definidos como "É proprietário " podem:

• Fazer tudo o que usuários definidos como "Pode editar" têm permissão para fazer• Definir outras pessoas como "Pode visualizar", "Pode editar" e "É proprietário"• 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 "Éproprietário" deve ter uma Conta do Google ou uma Conta do Google Apps paracompartilhar o seu site. Observe também que, como os usuários definidos como "Podevisualizar" e "Pode editar" podem ler, copiar e redistribuir informações compartilhadas porvocê no seu site, você deve tomar cuidado ao incluir informações pessoais delicadas comonúmeros de previdência social, informações de conta bancária, endereços residenciais enúmeros de telefone.

Lembre-se: Você pode convidar quantas pessoas quiser para compartilhar o seu site, mas oGoogle enviará apenas 50 convites por dia. O Google, então, seguirá a sua lista deconvidados, enviando 50 convites adicionais por dia até que sejam enviados convites paratodos em sua lista.

8.2 CONFIGURANDO A APARÊNCIA

Mais > Administrar Site

Clicando na opção Administrar Site, aparecerá diversas opções no lado esquerdo da página,basta clicar em “Cores e fontes” ou “Temas” que será possível configurar a aparência comodesejar.

8.2.1 Mudando o layout do site

Mais > Administrar Site > Layout de página > 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 número específico depixels ou como a largura padrão de seu tema.

• Cabeçalho : você pode marcar a caixa ao lado de Cabeçalho se desejar ter umcabeçalho em seu site. Se escolher ter um cabeçalho, você pode especificar asdimensões do cabeçalho e como este deve ser alinhado.

• Barra de navegação horizontal : se desejar ter uma barra de navegação horizontal,clique na caixa ao lado de “Barra de navegação horizontal”. Normalmente, um sitetem uma barra de navegação horizontal ou uma barra lateral.

• Barra lateral : você pode escolher se quer uma barra lateral em seu site marcandoou desmarcando a caixa ao lado de “Barra lateral”. Se escolher ter uma barra lateral,você também pode definir sua largura e escolher se ela deve ficar no lado esquerdoou direito de seu site.

• Rodapé : você pode escolher se deseja um rodapé em seu site marcando oudesmarcando a caixa ao lado de “Rodapé”. Se escolher ter um rodapé no site, vocêtambém pode definir sua altura ou deixar que o Google a ajuste automaticamente deacordo com o conteúdo do rodapé.

8.2.2 Alterando o Cabeçalho

Está predeterminado no quadro acima e a esquerda, e não admite outra posição. Sequisermos colocar outro logotipo que não seja o do Google Sites, clicamos em “alterar ologotipo”.

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 transferência (o upload), se foiestabelecida uma altura.

Clicamos em “OK” e salvamos : “Salvar as alterações”

Neste exemplo foi colocada o logotipo da UFCG, as dimensões são 92x240 pixels. A alturada 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 páginaou então no lado esquerdo da página principal clicar no link “Editar barra lateral”.

A largura da barra lateral, por padrão, está configurada em 150 pixels, para alterá-la énecessário clicar na opção “Alterar layout do site ” e modificar o valor padrão. É nessamesma opção que é possível alterar a localização de sua barra lateral ou desativá-la:

1. Se você não quiser a barra lateral, desmarque a caixa ao lado de Barra lateral.

2. Se você deseja manter sua barra lateral, é possível escolher onde ela aparecerá,

selecionando o botão de opção próximo de à esquerda ou à direita.

8.2.3.1 Configurando o menu Navegação da barra lateral

No menu de navegação, situaremos os hiperlinks as páginas que existem dentro do site.Para configurar clicamos em “Editar”.

O título que, por padrão, se chama “Navegação”, pode ser substituído, basta apagar eescrever outro nome desejado.

Em seguida, temos a opção de organizar automaticamente a minha navegação, nestaopção todas as páginas criadas serão incluídas automaticamente no menu Navegação. Por

padrão ela já vem selecionada.

Porém, se desejarmos organizar manualmente, basta desmarcar a quadro ao lado.

Também temos a opção de escolher os níveis de páginas a serem exibidas e incluir um link.

8.2.3.2 Adicionando novos itens:

Para que apareçam na barra lateral. Clicando em “ Adicionar um item na barra lateral ”.Veremos abrir 9 alternativas:

1. Google AdSense: coloca anúncios do Google AdSense na sua barra lateral;

2. Botão +1 : Adiciona um botão +1 que permite que os visitantes recomendemsuas páginas e que ajuda seu site a se destacar.

3. Navegação: Adiciona links a páginas individuais para que os usuários do seusite tenham acesso rápido;

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 comousuário conectado no momento;

7. Contagem regressiva: Exibe uma contagem regressiva de dias para umadata especificada;

8. Proprietários do site : Exibe os proprietários do seu site na barra lateral;

9. Autores da página: Exibe autores de páginas recentes na barra lateral doseu site

Adicionando o item Texto, pode ser útil para inserir links a sites externos, incluir ícones edesenhos, logotipos e publicidade.

Adicionando uma Contagem regressiva, poder ter uma finalidade informativa para destacaruma data de um evento ou acontecimento.

Pode nos interessar, em determinadas ocasiões, adicionar vários itens. Assim, váriosmenus de navegação junto com links a outros sites de interesses, mais de um contador dedatas variadas.

Uma vez criados os itens, podemos ordená-los na barra lateral. Clicando e arrastando, paracolocar 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 título, fundo,quadro lateral.

Podemos colocar uma imagem como plano de fundo do cabeçalho, da página, da barralateral. Ao selecionar o item, temos que buscar a imagem em “Selecionar arquivo... ”.

Podemos mudar em alguns itens, também o tipo de letra ou fonte.

Qualquer alteração que façamos, é mostrado na parte inferior da tela, o que adianta efacilita esta tarefa.

8.4 ALTERAR O TEMA DO SITE

Mais > Administrar Site > Temas

Contamos com uma série de temas disponíveis, cada um com sua particular combinação decores e fontes.

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

9 OUTROS AJUSTES DE CONFIGURAÇÃO

Em Mais > Administrar Site > Geral

A partir dela, podemos:

• Colocar nome ao site

• Mostrar o nome do site no alto das páginas. Por padrão é mostrado, caso contráriode ser desmarcado.

• Descrever brevemente o site

• Indicar se o conteúdo é exclusivo para adultos. Marcar a opção, caso seja.

• Alterar a página de entrada quando se acessa o site: se denomina “página dedestino”. Por padrão, é a página Home, porém podemos alterar-la por outra com obotão“Alterar”.

• Ativar as estatísticas através do Google Analytics.

Clicando em “Saiba mais” aparecerá instruções de como ativar essas estatísticas.

Deveremos entrar no Google Analytics, seguindo todos os passos, chegará um momentoem que será mostrado um código para o site.

Para comprovar se funciona, devemos esperar aproximadamente 24 horas. Sempre quequisermos ver as estatísticas, devemos acessar o Google Analytics.

Um detalhe importante se refere ao espaço utilizado no site dos 100 MB utilizados.Podemos ver no quadro à direita.

9.1 CONFIGURAÇÕES DA PÁGINA

Uma vez que temos criado uma página.

Mais > Configurações da página .

Assim podemos, entre outras coisas, mostrar ou não ao final da página comentários, epermitir arquivos anexos.

10 CARACTERÍSTICAS ESPECIAIS

O que um site criado pode ter de especial?

10.1 UMA BUSCA DENTRO DO SITE

Situado no cabeçalho à direita. Não pode ser eliminado.

10.2 SITE COMO BLOG

Podem-se criar páginas com a estrutura de qualquer blog: publicações, entradas oupostagens como são conhecidas, para anunciar ou informar.

Permite inserir um item com as últimas postagens e mostrar quantas desejar.

10.3 SITE COMO WIKI

Wíki é uma coleção de muitas páginas interligadas e cada uma delas pode ser visitada eeditada por qualquer pessoa. O que torna bastante prático, a reedição e futuras visitas.

O site como wiki guarda as diferentes versões ou modificações do site, que podemos ver ourecuperar a qualquer momento.

10.4 ARMAZENAGEM DE ARQUIVOS SEMPRE ATUALIZADOS

Qualquer arquivo que se transfira, serão informadas as modificações e apresenta asdiferentes versões ocorridas.

Permite um armazenamento de 100MB.

10.5 INFORMAÇÃO IMEDIATA DE QUALQUER MUDANÇA AOS COLABORADORES

Com a opção “Receber notificações sobre alterações no site” que se encontra em“Mais” , sempre estaremos informados das mudanças que ocorrerem. O colaboradorrecebe automaticamente uma mensagem de aviso.

10.6 INTEGRAÇÃO COM “GOOGLE ANALYTICS” PARA MOSTRAR ESTATÍSTICAS DE VISITAS

Através do Google Analytics, podemos consultar e controlar o acesso ao nosso sitemediante os variados e completos informes que se geram.

10.7 PERMITE ANEXAR ARQUIVOS NAS PÁGINAS

Apenas disponível para os colaboradores de um site, ao fim de cada página, podem seranexados arquivos que sejam necessário disponibilizá-los.

10.8 PODEMOS FAZER COMENTÁRIOS

Apenas disponível para os colaboradores de um site, ao fim de cada página, podem seradicionados comentários. Aparecem aqui não só a mensagem, mas também detalhes dequem a mandou.

10.9 SUBPÁGINAS DEPENDENTES DE OUTRA PÁGINA

As subpáginas situam-se abaixo da página. Para acessar a qualquer uma, basta apenasclicar.

10.10 ALGUMAS UTILIDADES AO FIM DA PÁGINA

Se olhamos no fim de qualquer página, encontramos algumas utilidades que não podemosnem configurar nem eliminar.

Destaque:

Sitemap: Mostra-nos um mapa do site, formado por todas as páginas criadas e sãoapresentadas em forma de árvore.

Atividade recente do site: Abre todas as alterações que se tem produzido no site e ocolaborador que as tem feito.

11 CONSIDERAÇÕES FINAIS

Com este manual apresentamos uma ferramenta do Google, conforme já mencionadoanteriormente, adaptável e aplicável para qualquer propósito em nível pessoal, familiar,laboratorial, de grupo e também, no âmbito docente. Fácil e rapidamente, criamos econfiguramos web individuais, de classe, de grupo, de trabalho.

Com as restrições e permissões de acesso que estabelecemos, podemos torná-laspúblicas, privadas, colaborativas.

Para terminar, apresentamos o site do Projeto de Extensão: Infoinclusão na cidade deSousa/PB. Como orientação, pode nos servir de exemplo de como pode ser criada umapágina 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: Infoinclusão, ensino e inserção social – UFCG/MEC/PROEXT e Infoinclusão na cidade de Sousa/PB

Projetos de Extensão da Universidade Federal de Campina Grande – UFCG

Campus de Sousa - CCJS

REFERÊNCIAS

Aplicativo para criação de Google sites. Disponível em https://sites.google.com/?tab=o3.Acesso em 22/nov/2011.

Google docs. Disponível em http://docs.google.com/?tab=go#all. Acesso em 02/mar/2011.

Ajuda do Google Sites. Disponível em http://www.google.com/support/sites/. Acesso em23/nov/2011.

Este manual foi criado usando Software Livre e gratuito.