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

Transcrição

1 Manual do Google Sites: um guia para criação de páginas e sites colaborativos para web Autores: Janeide Albuquerque Cavalcanti Sheylla Maria Donato da Cunha Germana Correia de Oliveira Março/2011

2 Sumário 1 Introdução Iniciando as configurações do site Tela de Boas vindas Dados essenciais A página inicial Editando a página Menu Inserir Inserindo elementos simples Inserindo uma imagem Inserindo um Link Inserindo outros elementos importantes Inserindo Serviços do Google Inserindo Gadgets O menu Formatar O menu Tabela O menu Layout Adicionando novas páginas Adicionando uma página Web Simples Adicionando uma página do tipo Blog Adicionando uma página que Contém Arquivos Adicionando uma página do tipo Lista Configurando o site Acesso ou compartilhamento com outros Configurando a aparência Mudando o layout do site Alterando o Cabeçalho Configurando a Barra lateral Alterando as cores e fontes Alterar o tema do site Outros ajustes de configuração Características especiais Uma busca dentro do site Site como Blog Site como Wiki Armazenagem de arquivos sempre atualizados Informação imediata de qualquer mudança aos colaboradores Integração com Google Analytics para mostrar estatísticas de visitas Permite anexar arquivos nas páginas Podemos fazer comentários Subpáginas dependentes de outra página Algumas utilidades ao fim da página Considerações Finais Referências... 37

3 1 Introdução O que é o Google Sites? O Google sites é um aplicativo on-line que torna fácil criar um site da web, dispensando conhecimentos de programação. Com o Google Sites, é possível coletar rapidamente diversas informações em um só lugar - inclusive vídeos, agendas, apresentações, anexos e texto - e compartilhá-las com facilidade para visualização ou edição com um grupo pequeno, com toda a organização ou com o mundo. Comece a usar o Google Sites em Principais características do produto: Personalizar a interface do seu site para que ela tenha a cara do seu grupo ou projeto; 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 de slides de fotos do Picasa, gadgets do igoogle) em qualquer página e fazer upload de anexos; Gerenciar as configurações de permissões para manter seu site privado ou totalmente editável e visualizável, como desejar; Pesquisar seu conteúdo do Google Sites com tecnologia de pesquisa do Google; Desenvolver, hospedar e publicar sites nas nuvens1 e gratis. Em última análise, não faltam características 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 Infoinclusão, ensino e inserção social/mec/proext ( infoinclusao@gmail.com) 1 O termo "Cloud Computing", ou "computação em nuvem". A "nuvem" da metáfora, é um conjunto de servidores, que rodam os mais diversos serviços e são conectados aos clientes através da Internet. A idéia central por trás do Cloud Computing é fornecer serviços através da Internet, permitindo que você acesse arquivos, documentos, , rode 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 nos datacenters do Google e você simplesmente acessa as informações utilizando o navegador, seja através do próprio PC, ou de um smartphone ou qualquer outro dispositivo conectado à Internet.

4 2 Iniciando as configurações do site 2.1 Tela de Boas vindas O acesso a esse serviço está no link: Para utilizar esse serviço devemos ter uma conta no Google, pois é solicitado a autenticação com usuário e senha. Caso não se tenha é preciso criá-la. Para criar um novo site, primeiro clique na caixa "Criar novo site" após ter feito login na sua conta. Você receberá orientação durante o processo de criação do seu site. Escolher o seu nome também irá auto-popular o URL2 do seu site. Você tem a opção de alterar o URL do seu site caso deseje. Uma vez autenticado, clicar no botão: 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 formulário com os dados do site, como exemplo: 2 URL (de Uniform Resource Locator), em português Localizador de Recursos Universal, é o endereço de um recurso (um arquivo, uma impressora etc.), disponível em uma rede; seja a Internet, ou uma rede corporativa, uma intranet Uma URL tem a seguinte estrutura: protocolo://máquina/caminho/recurso.

5 1. Escrevemos o nome que será a denominação do site: Infoinclusão 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 localização, para busca do site. Assim feito, o endereço da web será: 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 conforme desejado. Escolha do Tema Mais opções: Descrição do site Compartilhamento Conteúdo Adulto (esta opção deverá ser escolhida caso tenha conteúdo de sexo ou imagens impróprias para menores). Por último, observar o código que aparece e clicar em Criar site. 2.3 A página inicial O site criado depois do registro inicial terá a seguinte aparência:

6 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 das boas vindas ou apresentação, aqueles conteúdos que podem ser de maior utilidade ao visitante quando acessá-la. Para construir esta e qualquer outra página que for adicionada, serão usadas ferramentas de 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 Ações. Tudo isso trataremos com detalhes mais adiante. 3 Editando a página Para isso, clique no botão Editar Página. A primeira coisa que aparece é uma barra de edição rápida, com a qual podemos pôr: o tipo de letra e o tamanho, o formato e a cor da fonte, links, numeração, marcadores, recuos e justificações, retirar a formatação ou editar o HTML (se conhecer essa linguagem). Começamos escrevendo algum texto como saudação ou apresentação, selecionamos com o mouse e lhe aplicamos alguma formatação. O resultado poderia ser como este: Também tem 4 menus expansíveis para incluir outros elementos, e possibilidades de

7 configuração, algumas já presentes na barra anterior. Menu Inserir: Para inserir qualquer tipo de elemento; Menu Formatar: Muda tamanhos e põe 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 barras laterais. Qualquer mudança que for feita deve-se clicar no botão Salvar, localizado no canto superior direito 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. Elementos simples Serviços do Google Gadgets do Google

8 3.1.1 Inserindo elementos simples Inserindo uma imagem Menu Inserir > opção 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 ocasião, pode nos interessar colocar uma imagem da Internet. Neste caso será pedido seu endereço (URL). Para verificar apenas teríamos que colocar o mouse sobre a imagem e com o botão direito do mouse, marcar copiar endereço do link no menu expansível. No próximo exemplo adicionamos uma foto:

9 Clicando na imagem, podemos ver que a imagem é acompanhada por um menu de edição para adapta-la às nossas necessidades: Alinhar E: Alinha à esquerda Alinhar C: Centralizar Alinhar D: Alinha à direita Tamanho S: Tamanho pequeno Tamanho S: Tamanho médio Tamanho L: Tamanho grande Original: Tamanho original Quebra ativada: Contorno do texto Quebra desativada: Sem contorno de texto Remover: Remove a imagem Inserindo um Link clicamos com o mouse onde vamos colocar o link, e em seguida: Menu Inserir > opção Link

10 A janela que se abre, nos oferece 3 possibilidades: 1. Unir com uma página que já tínhamos no nosso site (Página existente): Só temos que marcar a que nos interessa dentre as que temos (aparecem listadas abaixo); 2. Unir com outra da web (Endereço da Web): Escreveríamos o endereço da web; 3. Na opção Scripts do Google Apps, você pode selecionar scripts e usá-los em seu site para acionar eventos, como enviar um ou criar um convite do Google Agenda. Na opção Página existente, podemos criar uma nova página no site e vincular a esta. Basta clicar em Criar nova página, colocar o título e escolhermos o tipo de página. Esta facilidade de criação de páginas a partir de links nos lembra uma wiki Inserindo outros elementos importantes Sumário Agora, você pode criar um sumário em seus documentos para ajudar a organizar o conteúdo e facilitar a navegação pelo documento. Para inserir um sumário no seu documento, siga as instruções abaixo: 1 Adicione cabeçalhos aos documentos clicando no menu Formatar e selecionando Cabeçalho, Sub-cabeçalho e Título menor. Observe os atalhos de teclado Ctrl+1 (tamanho máximo), Ctrl+2 (médio), Ctrl+3 (menor). Obs: Se quiser editar/alterar o texto do sumário, edite os cabeçalhos do corpo do documento e não a caixa do sumário, porque ao atualizar o sumário (clicando em "Atualizar" no menu que surge na parte superior direita do sumário), edições manuais feitas à caixa do sumário serão apagadas. 3 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.

11 2 Para inserir um sumário ao documento, clique em Sumário no menu Inserir. Surgirá uma janela para que você escolha o estilo do sumário. Observe que o estilo será impresso de maneira diferente do que é exibido na tela (isto é, com números de página). 3 O sumário aparecerá no local em que o cursor estiver posicionado, portanto, certifique-se de posicionar o cursor onde quiser que o sumário apareça. Se precisar mover o sumário, clique na tabela e escolha remover; em seguida, insira-o novamente onde desejar. 4 Você pode continuar adicionando cabeçalhos ao documento ou alterar os cabeçalhos atuais. Contudo, se quiser que uma alteração se torne parte do sumário, será preciso clicar no sumário e escolher Atualizar agora no menu que surge à direita do sumário. 5 Se quiser alterar o estilo do sumário, clique no sumário e escolha Propriedades no menu que surge na parte superior direita do sumário. 6 Depois de ajustar o sumário, ele será vinculado às seções com título dos seus documentos que usam os estilos de cabeçalho (consulte o nº1 acima). Clique uma vez no link do sumário e clique novamente no link da caixa Ir para o link. Como no exemplo, um sumário é um índice que se corresponde com diferentes grupos ou seções que contém o texto de uma página. Em algumas ocasiões pode ser útil inserí-lo para navegar mais rápido. Somente se criará este sumário se os diferentes parágrafos ou seções do texto tiverem estilo de cabeçalho 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ção os arquivos são selecionados daqueles que estão armazenados do Google Docs. Qualquer serviço listado nesse menu do Google poderá ser inserido utilizando esta opção. Por exemplo para inserir fotos do picasa escolha da forma mostrada abaixo.

12 3.1.2 Inserindo Gadgets São ferramentas ou serviços que podem ser agregados a página da web. No menu temos acesso a: Postagens Recentes: últimas postagens efetuadas na página, anúncios 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 três primeiros gadgets, é preciso que tenha sido criado previamente as páginas correspondentes, quer dizer, estas páginas já devem existir no site e, além disso, conter informação ou arquivos. Por isso, se tentarmos inserir, por exemplo, o Gadget: Postagens Recentes. Que se refere a 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.

13 Mas, se já tivermos criado a página anteriormente, clicando no botão criar página e depois em avisos, apenas teríamos que incluir um título e marcar o número de postagens a 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.

14 Inserir outros gadgets Menu Inserir > opção Mais gadgets... Devemos selecionar ou buscar o gadget que nos interessa entre os vários disponíveis no Google. 3.2 O menu Formatar Serve para estabelecer o tamanho e mais outros detalhes como: Riscado Sobrescrito Subscrito Alinhar (Esquerda, Centro, Direita) Também podemos limpar a formatação 3.3 O menu Tabela Permite inserir uma tabela diretamente e de forma gráfica, marcando com o mouse o número de linhas e colunas.

15 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 página apenas com 1, 2 ou 3 colunas. E inserir barras laterais. Dependendo do propósito e conteúdo das páginas, se escolherá um ou outro formato de layout.

16 4 Adicionando novas páginas Nomeamos a página que vamos criar e escolheremos um dos 4 tipos disponíveis. O conteúdo do que queremos colocar nela, é que fará optarmos por um ou outro estilo. Finalmente escolhemos a hierarquia da página. São oferecidas 2 possibilidades: 1. Colocá-la no nível mais alto: É a opção padrão. Supõe que é uma página que está mais perto da página Home ou do Inicio. 2. Colocá-la abaixo: É uma sub-página. A diferença pode ser vista no mapa de navegação a seguir:

17 Podemos ver como a página denominada web page 2, é a única que está abaixo de Página Inicial. Todas as outras estão criadas no nível alto. A não ser que queiramos uma disposição muito especial e necessitemos de sub-páginas, o normal seria não mudar o nível que se apresente por padrão. Quando se criam sub-páginas, seu nome com o link aparece ao fim (abaixo) da página que dependem. 4.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údos que 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 elementos. 4.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 é o primeiro a ser colocado na entrada e, a seguir, escrevemos o conteúdo da notícia ou comunicado. Contamos com os menus de edição para poder dar formato ao texto, incluir imagens e outros elementos. Quando terminamos e salvamos, a postagem aparecerá como neste exemplo:

18 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ão cronologicamente, em ordem inversa, assim, as mais recentes são as primeiras que aparecerão. Esta estrutura, configuração e disposição é a de um blog4. Poderíamos usar esses recursos a essas páginas, como um blog ou registro, para comunicar periodicamente algo. Por isso são apropriadas para informar as novidades, mudanças, notícias importantes, avisos e comunicados, convocatórias, reuniões, entre outras. Quando inserimos o módulo últimas postagens em uma página, podemos escolher a quantidade de postagens que queremos que apareçam. É apropriado para a página inicial. 4.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. 4 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".

19 1 Atribuímos um nome a página (no exemplo Arquivos ), e então adicionamos um arquivo.. 2 Buscamos o arquivo com o botão Escolher arquivo. Podemos completar pondo 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:

20 Clicando sobre o nome, podemos descarregá-lo e abrí-lo. Clicando sobre a versão, temos acesso a um histórico das diferentes versões salvas do 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. 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 edições, e a qualquer momento, voltar ao que nos interessa. Em algumas ocasiões, é uma garantia de segurança. 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: Apagando arquivos e pastas Para apagar um arquivo, após selecioná-lo conforme a seção anterior, e clicamos em Excluir. Para eliminar uma pasta só teremos que clicar no botão Remover que aparece entre parêntesis, e à direita do nome. O mesmo ocorrendo com os arquivos que estão contidos na pasta.

21 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 na página. Se houver alguma novidade ou modificação, será enviada uma mensagem para nossa conta, nos avisado das mudanças ocorridas. É muito útil este tipo de página 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 mudanças e atualizações. Lembre-se que o espaço na web é de 100MB. Cabem muitos arquivos. 4.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, se abre uma janela com 4 opções. Se clicarmos sobre qualquer uma das três primeiras, é exibido um modelo com as listas já estruturadas. Certamente, nenhuma se adapta ao que queremos mostrar, por isso recomendo a última opção (Criar uma lista personalizada), assim podemos criar as listas a partir do início, definindo nossas próprias colunas.

22 É preciso colocar um nome ou renomear a coluna e ao mesmo tempo, escolher o tipo de conteúdo que terá. Assim, poderíamos optar por: Caixa de Seleção: Se quisermos colocar um quadro de opções para marcar ou desmarcar 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 se adapte às nossas necessidades, apresentando a informação como nós desejarmos. No seguinte exemplo, se apresentam informação em 5 colunas: Nome: Nome e sobrenome de um aluno. Utilizo a opção Texto Tema 1 - Tema 2 - Tema 3: Levamos o controle de 3 temas. Marcamos a caixa. Utilizo a opção caixa de seleção. Global: Colocamos um valor. Utilizo a opção lista suspensa: e escolho entre Muito bemregular-mal.

23 Neste caso, poderia ser útil para um grupo de classe para controlar os temas ou lições e mostrar um valor final. Em outras ocasiões, pode nos interessar inserir datas, links, dados de contatos. Vejamos como este último exemplo que tem 3 registros: 1 Adicionando um novo registro à lista Após clicar no botão adicionar item preencher o formulário que aparece com os dados requeridos. Ao salvar, se adicionará o novo registro. 2 Classificando os dados Clicando na opção Classificar, que está abaixo do rótulo de cada coluna. Essa opção 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 página possível de escolha entre listas personalizadas e ordenadas, que podemos aproveitar para apresentar informações de nosso interesse.

24 5 Configurando o site 5.1 Acesso ou compartilhamento com outros Mais ações > Compartilhar este site Um site pode ser compartilhado com todos (público) ou com os usuários que especifiquemos.

25 Você pode controlar quem pode ver ou editar o seu site alterando as configurações de compartilhamento. Se desejar que todos possam visualizar o seu site sem fazer login em uma conta do Google, você pode defini-lo como público. Na opção Permissões, clicando no link Alterar, aparecerá uma janela como esta abaixo onde será permitido fazer essas configurações. Você também pode especificar as pessoas que deseja que possam realizar determinadas açõ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 para compartilhar o seu site. Observe também que, como os usuários definidos como "Pode visualizar" e "Pode editar" podem ler, copiar e redistribuir informações compartilhadas por você no seu site, você deve tomar cuidado ao incluir informações pessoais delicadas como números de previdência social, informações de conta bancária, endereços residenciais e números de telefone.

26 Lembre-se: Você pode convidar quantas pessoas quiser para compartilhar o seu site, mas o Google enviará apenas 50 convites por dia. O Google, então, 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 aparência Mais ações > Administrar Site > Aparência do Site Mudando o layout do site Mais ações > Administrar Site > Aparência do Site > Layout de página > Alterar layout do site

27 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 de pixels ou como a largura padrão de seu tema. Cabeçalho: você pode marcar a caixa ao lado de Cabeçalho se desejar ter um cabeçalho em seu site. Se escolher ter um cabeçalho, você pode especificar as dimensõ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 site tem uma barra de navegação 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ê também 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ê também pode definir sua altura ou deixar que o Google a ajuste automaticamente de acordo com o conteúdo do rodapé.

28 5.2.2 Alterando o Cabeçalho Está predeterminado no quadro acima e a esquerda, e não admite outra posição. Se quisermos colocar outro logotipo que não 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 transferência (o upload), se foi estabelecida 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 altura da moldura fica determinada pelo tamanho do logotipo Configurando a Barra lateral Esta moldura que vemos tem uma largura de 150 pixels, está formado por 2 quadros ou itens: Navegação: Menu de navegação Atividade recente do site: Informação sobre a atividade recente no site. Com as opções de: Editar, excluir ou adicionar um novo item na barra lateral

29 Vejamos com mais detalhe cada uma das opções e como adaptamos às nossas necessidades. No menu de navegação, situaremos os hiperlinks as páginas que existem dentro do site. Para configurar clicamos em Editar. Poderemos mudar o título Navegação por outro. No exemplo abaixo, nomeamos de Menu. Em seguida temos a opção de organizar automaticamente a minha navegação, nesta opçã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. Com as quatro setas que aparecem a direita, alteramos a ordem das listas das páginas que incluímos e fazemos tabulações. E se existe alguma que está criada no nosso site e a queremos adicionar para que apareça aqui, clicamos em adicionar página, selecionando-a do mapa de navegação que aparece. Também temos a opção de adicionar páginas existente na web, basta clicar no link adicionar URL. Adicionando novos itens: Para que apareçam na barra lateral. Clicando em + Adicionar um item na barra lateral. Vemos como se abrem 6 alternativas. 1. Google AdSense: coloca anúncios do Google AdSense na sua barra lateral; 2. Navegação: Adiciona links a páginas individuais para que os usuários do seu site tenham acesso rápido; 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 usuário conectado no momento; 6. Contagem regressiva: Exibe uma contagem regressiva de dias para uma

30 data especificada; 7. Proprietários do site: Exibe os proprietários do seu site na barra lateral; 8. Autores da página: Exibe autores de páginas 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 ocasiões, adicionar vários itens. Assim, vários menus de navegação 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 rápido para configurar o módulo lateral, seria acessando a partir de Editar barra lateral, que se localiza junto ao final do quadro Alterando as cores e fontes Mais ações > Administrar Site > Aparência do 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 barra lateral. Ao selecionar o item, temos que buscar a imagem em Escolher arquivo. Podemos mudar em alguns itens, também o tipo de letra ou fonte. Existem 6 disponíveis. Qualquer alteração que façamos, é mostrado na parte inferior da tela, o que adianta e

31 facilita esta tarefa Alterar o tema do site Mais ações > Administrar Site > Aparência do Site > Temas Contamos com uma série de temas disponíveis, cada um com sua particular combinação de cores e fontes. Para experimentar, e ver como ficará, temos apenas que clicar em visualizar. 5.3 Outros ajustes de configuração Em Configurações do 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ário de 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 de destino. Por padrão, é a página Home, porém podemos alterar-la por outra com o botão Alterar. Ativar as estatísticas através do Google Analytics.

32 Clicando em Saiba mais aparecerá instruções de como ativar essas estatísticas. Deveremos entrar no Google Analytics, seguindo todos os passos, chegará um momento em que será mostrado um código para o site. Para comprovar se funciona, devemos esperar aproximadamente 24 horas. Sempre que quisermos 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. Configurações da página Uma vez que temos criado uma página. Mais ações > Configurações da página. Assim podemos, entre outras coisas, mostrar ou não ao final da página comentários, e permitir arquivos anexados.

33 6 Características especiais O que um site criado pode ter de especial? 6.1 Uma busca dentro do site Situado no cabeçalho à direita. Não pode ser eliminado. 6.2 Site como Blog Podem-se criar páginas com a estrutura de qualquer blog: publicações, entradas ou postagens como são conhecidas, para anunciar ou informar. Permite inserir um item com as últimas postagens e mostrar quantas desejar. 6.3 Site como Wiki Wíki é uma coleção de muitas páginas interligadas e cada uma delas pode ser visitada e editada 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 ou recuperar a qualquer momento. 6.4 Armazenagem de arquivos sempre atualizados Qualquer arquivo que se transfira, serão informadas as modificações e apresenta as diferentes versões ocorridas. Permite um armazenamento de 100MB. 6.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 ações, sempre estaremos pontualmente informados das mudanças que ocorrerem. O colaborador recebe automaticamente uma mensagem de aviso.

34 6.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 site mediante os variados e completos informes que se geram. 6.7 Permite anexar arquivos nas páginas Apenas disponível para os colaboradores de um site, ao fim de cada página, podem ser anexados arquivos que sejam necessário disponibilizá-los. 6.8 Podemos fazer comentários Apenas disponível para os colaboradores de um site, ao fim de cada página, podem ser adicionados comentários. Aparecem aqui não só a mensagem, mas também detalhes de quem a mandou.

35 6.9 Subpáginas dependentes de outra página As subpáginas situam-se abaixo da página. Para acessar a qualquer uma, basta apenas clicar Algumas utilidades ao fim da página Se olhamos no fim de qualquer página, encontramos algumas utilidades que não podemos nem configurar nem eliminar. Destaque: Sitemap: Mostra-nos um mapa do site, formado por todas as páginas criadas e são apresentadas em forma de árvore. Atividade recente do site: Abre todas as alterações que se tem produzido no site e o colaborador que as tem feito.

36 7 Considerações Finais Com este manual apresentamos uma ferramenta do Google, conforme já mencionado anteriormente, 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 e configuramos web individuais, de classe, de grupo, de trabalho. Com as restrições e permissões de acesso que estabelecemos, podemos torná-las públicas, privadas, colaborativas. Para terminar, apresentamos o site do Projeto de Extensão: Infoinclusão na cidade de Sousa/PB. Como orientação, pode nos servir de exemplo de como pode ser criada uma página da web gratuitamente usando o Google Sites. Esperamos que logo se converta em uma ferramenta popular! 9 de Março 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

37 Referências Aplicativo para criação de Google sites. Disponível em Acesso em 07/mar/2011. Google docs. Disponível em Acesso em 02/mar/2011. Ajuda do Google Sites. Disponível em Acesso em 09/mar/2011. Este manual foi criado usando Software Livre e gratuito.