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 Rhalds Silva Venceslau

fevereiro/2010

Sumrio

1 Registro prvio.....................................................................................................................................4 1.1 Tela de Boas vindas......................................................................................................................4 1.2 Dados essenciais..........................................................................................................................4 2 A pgina inicial.....................................................................................................................................5 3 Editando a pgina................................................................................................................................6 3.1 Menu Inserir..................................................................................................................................7 3.1.1 Inserindo uma Imagem........................................................................................................8 3.1.2 Inserindo um Link................................................................................................................9 3.1.3 Inserindo outros elementos importantes............................................................................10 3.2 O menu Formatar........................................................................................................................15 3.3 O menu Tabela............................................................................................................................15 3.4 O menu Layout.........................................................................................................................16 4 Adicionando novas pginas...............................................................................................................16 4.1 Adicionando uma pgina Web Simples.......................................................................................17 4.2 Adicionando uma pgina do tipo Blog..........................................................................................18 4.4 Adicionando uma pgina que Contm Arquivos.......................................................................19 4.5 Adicionando uma pgina do tipo Lista......................................................................................21 5 Configurando nosso site....................................................................................................................24 5.1 Acesso ou compartilhamento com outros....................................................................................24 5.2 Configurando a aparncia...........................................................................................................26 5.3 Outros ajustes de configurao...................................................................................................30 6 Caractersticas especiais...................................................................................................................31 7 Consideraes Finais........................................................................................................................34 Referncias...........................................................................................................................................35

Introduo

O que o Google Sites? O Google sites um aplicativo on-line que torna to fcil criar um site da web em equipe, quanto editar um documento. 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;

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 (mailto: infoinclusao arroba gmail.com)

1 Registro prvio 1.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 URL1 do seu site. Voc tem a opo de alterar o URL do seu site caso deseje. Uma vez autenticado, clicar no boto:

1.2 Dados essenciais

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 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. Tendo isto em conta, o endereo web : http://sites.google.com/site/infoinclusaoufcg
1 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

A seguir, veremos algumas opes para selecionar, mas para acelerar a criao, preferimos deix-las por padro como esto, e mais adiante configur-las conforme desejado. Contedo somente para adultos Quem pode ver o site O tema de design da web Por ltimo, observar o cdigo que aparece e clicar em Criar site.

2 A pgina inicial
O site criado depois do registro inicial ter o seguinte aspecto:

A estrutura que aparece enquanto no for mudada a seguinte: Quadro Superior: Nome do site: Infoincluso na cidade de Sousa; 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 em Editar a Pgina Para configur-la adequadamente, clicar em Mais Aes.

Tudo isso trataremos com detalhe mais adiante.

3 Editando a pgina
Para isso, clique em 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, tirar o formato ou editar o HTML (se formos experts).

Comeamos escrevendo algum texto como saudao ou apresentao, selecionamos com o mouse e lhe aplicamos algum formatao. O resultado poderia ser como este:

Tambm temos 4 menus expansveis para incluir muitos 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 faamos deve aceita-la clicando em Salvar. Cancelamos clicando em Cancelar. Vejamos a seguir todas as possibilidades destes menus.

3.1 Menu Inserir

bastante completo devido a quantidade de elementos que o integra. Esto agrupados para oferecer mais facilidade.
Elementos simples: Imagem Link Sumrio Listagem de subpgina Linha horizontal

Servios do Google: Google AdSense Agenda Documentos de texto Mapa Albums da web do Picasa Apresentaes Planilhas Formulrios Vdeos(Youtube, Google Video)

Gadgets do Google: ltimas postagens recentes ltimos arquivos atualizados Litas atualizadas Caixa de texto Mais gadgets

3.1.1 Inserindo uma Imagem

Inserir > Imagem

Se a imagem que queremos incluir est em nosso computador, apenas temos que clicar em 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 L: Alinha esquerda Alinhar C: Alinha ao centro Alinhar R: Alinha direita Tamanho S: Tamanho pequeno Tamanho M: 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.2 Inserindo um Link

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

A janela que se abre, nos oferece 3 possibilidades:

1. Unir com uma pgina que j tenhamos em 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. Criar uma nova pgina no site e vincular a ela (Criar pgina nova): Colocaramos o
ttulo e escolheramos o tipo de pgina.

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

3.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 Cabealho secundrio. Observe os atalhos de teclado Ctrl+1 (tamanho mximo), Ctrl+2 (maior), Ctrl+3 (grande). Obs: Se quiser editar/alterar o texto do sumrio, edite os cabealhos do corpo do documento em vez da 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 limpas.

2. Para inserir um sumrio para esse documento, clique em Sumrio no menu Inserir.
Uma tela ir surgir para que voc escolha o estilo do sumrio. Observe que o estilo ser impresso de maneira diferente (isto , com nmeros de pgina) do que exibido na tela. 3. O sumrio aparecer em qualquer lugar 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
2 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.

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 esta tabela se os diferentes pargrafos ou sees do texto tiverem estilo de cabealho. Servios do Google Calendrio, documentos, folhas de clculo, apresentaes, fotos do Picasa, formulrios, vdeos, podem ser adicionados a pgina rapidamente. Quando se trata de um documento, folha de clculo ou apresentaes aparecem os arquivos que temos armazenado no Google Docs. Apenas temos que selecion-los.

Gadgets So ferramentas ou servios que podem ser agregados a pgina da web. No menu temos acesso a: Postagens Recentes: ltimas postagens, anncios ou entradas Arquivos atualizados recentemente: ltimos arquivos atualizados Itens recentes da Lista: ltimos listados Caixa de texto: Caixa ou quadro de texto

Para poder inserir qualquer dos trs primeiros gadgets, temos que ter criado previamente as pginas correspondentes, quer dizer, estas pginas j deveriam 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 mostrar-nos quais so as ltimas postagens ou anncios, nos aparece uma janela como esta abaixo, que nos indica que apenas podemos mostrar uma lista de arquivos que existam. Seno, no nos permitido prosseguir.

Mas, se j temos criado a pgina, apenas teramos que completar um ttulo e marcar o nmero de entradas a serem apresentadas.

O resultado final ficaria como o exemplo a seguir:

Este gadgets e outros que se referem s atualizaes, so prprios para serem inseridos na pgina inicial para estarmos prontamente informado. Quando se trata de inserir um quadro de texto, no teremos nenhum problema, porque no depende de nenhuma pgina criada. uma opo que pode trazer bastante vantagem, j que nos permite incluir no apenas textos, mas tambm: links, tabelas, linhas, imagens, entre outros.

Inserir qualquer gadget Inserir > Mais gadgets... Teramos que selecionar ou buscar o 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 seguinte:

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 sub-pginas, o normal seria no mudar o nvel que se apresente por padro. Quando se criam subpginas, 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, 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 contitui: 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 blog3. 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 de postagens que queremos que apaream. apropriado para a pgina inicial.

4.4 Adicionando uma pgina que Contm Arquivos

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 Arquivo.... Podemos completar pondo uma descrio do arquivo. E depois clicamos em Fazer upload.

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

3 O arquivo transferido para o site e aparece 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. Lembro que o espao na web de 100MB. Cabem muitos arquivos.

4.5 Adicionando uma pgina do tipo Lista

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 nosso site

5.1 Acesso ou compartilhamento com outros

Mais aes > Compartilhar este site Um site pode ser compartilhado com todos especifiquemos. (pblico) ou com os usurios que

Temos que explicar primeiro que existe 3 possibilidades de interao:

1. Como proprietrio 2. Como colaborador 3. Como visualizador O proprietrio aquele que possui todos os privilgios para criar o site. O colaborador pode: Criar, editar, mover, e apagar pginas Adicionar arquivos adjuntos Adicionar comentrios Adicionar e excluir pginas do menu lateral de navegao Subscrever as mudanas que so produzidas no site O usurio visualizador um simples leitor, apenas pode ver as pginas.

O site criado nos permite convidar outras pessoas como proprietrios, colaboradores e visualizadores, atravs da caixa de texto onde sero escritos os endereos de e-mail ou ento adicionados dos nossos contatos do gmail atravs do link Escolher a partir dos contatos. Se o site for pblico, para que todos possam ver, a seo de permisses avanadas dever ter marcada a seguinte opo.

Se desejar que seja privado, apenas para algumas pessoas, devemos desmarc-la. Lembre-se que esta opo j estava disponvel durante o processo de criao e registro inicial do site, e que deixamos por padro como pblico. direita aparecem todos os usurios participantes.

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 Por padro, ocupa a largura da pgina da tela: 100

Se quisermos que fique um espao livre em ambos os lados e no preencha toda a tela, mudamos a largura para 90, 80, 70... Provamos at que fique a nossa vontade. Se tivermos colocado um tema de fundo com esta largura, este ser perfeitamente visvel.

Tambm podemos: Desmarcar a opo cabealho eliminando-se o quadro superior que contm o ttulo e o logo. A altura est por padro ao mesmo tamanho do logo. Podemos alterar tambm esta altura. Desmarcando a opo Barra Lateral, exclumos a barra lateral. Neste caso teremos uma web em toda a pgina e sem quadros laterais.

Escolheremos um quadro a direita ou a esquerda, e se quisermos, alteraremos tambm a largura que por padro de 150. No exemplo foram alteradas as dimenses do site a 80% e a largura da barra lateral a 140 pixels. 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 Procurar. 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. 2 Texto: Adicionar textos barra lateral do seu site. 3 Atividade recente do site: Uma lista da recente atividade do site. 4 Minha atividade recente: Uma lista da recente atividade como usurio conectado atualmente. 5 Contagem regressiva: Contagem regressiva de dias para uma data especficada. 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 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

a aba Mais 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.

Configurao da pgina Uma vez que temos criado uma pgina. Mais aes > Configurao de 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?

1 Uma busca dentro do site Situado no cabealho direita. No pode ser eliminado.

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 entradas e mostrar quantas desejar. 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. 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. 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 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. 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. 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.

9 Subpginas dependentes de outra pgina As subpginas situam-se abaixo da pgina. Para acessar a qualquer uma, basta apenas clicar.

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! 22 de fevereiro de 2010

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

Referncias

Aplicativo para criao de Google sites. Disponvel em https://sites.google.com/?tab=o3. Acesso em 02/nov/2009. Google docs. Disponvel em http://docs.google.com/?tab=go#all. Acesso em 02/nov/2009.

Este manual foi criado usando Software Livre e gratuito.