Você está na página 1de 15

19/03/2019 Google 

Sites: primeiros passos | Centro de aprendizagem | G Suite

 Centro de aprendizagem

Primeiros passos no Sites
O que você pode fazer com o
novo Sites?
Crie sites internos para projetos, equipes, públicos, entre outras opções,
sem a ajuda de um designer, de um programador ou da equipe de TI.
Com o novo Google Sites, é fácil criar sites. Basta arrastar o conteúdo
para onde você quiser.

Quando você cria um novo site, ele é adicionado ao Drive, assim como
os outros arquivos do Drive. Você pode editar um site Google com outra
pessoa em tempo real e ver as alterações feitas por ela. Publique seu site
para todos verem ou restrinja as permissões de compartilhamento e
permita o acesso apenas de determinadas pessoas, como fornecedores.

Como os sites Google são responsivos, eles também são otimizados
para tablets e smartphones.

Do que você precisa:

 Uma conta do G Suite

 10 minutos
Observação: você pode ver o novo Sites na maioria dos navegadores
em computadores e dispositivos móveis. No entanto, no momento, só é
possível editar o conteúdo do novo Sites em um computador usando o
Chrome ou o Mozilla ® Firefox ®.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 1/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

1 Criar seu site
Vamos começar criando e nomeando seu site.

O que você aprenderá nesta seção:

1.1 Criar seu site
1.2 Nomear seu site
1.3 Selecionar um layout
1.4 Selecione uma imagem de plano de fundo, um tipo de cabeçalho e um tema
1.5 Adicionar, reordenar e aninhar páginas
1.6 Configurar a navegação do site

1.1 Criar seu site
Escolha uma opção:

Na página inicial do Sites, clique em Criar    .

   Novo
No Google Drive, clique em   > Mais > Google
Sites.

Observação: todos os sites Google são armazenados no
Drive. Veja mais informações sobre como usar o Drive para
organizar seus arquivos em Primeiros passos no Drive.

1.2 Nomear seu site
Quando você cria um novo site, ele é adicionado ao Drive,
assim como os outros arquivos do Drive. O Sites salva todas
as alterações automaticamente, mas seu site só será público
quando você publicá­lo.

Nomear várias partes do seu site:

1 Nome do documento do site: digite um nome
exclusivo para controlar seu site. O nome do documento
do site só fica visível para você.

2 Nome do site: o nome do site aparece no
cabeçalho e na barra de título da janela para Web ou
dispositivo móvel depois que você publica o site. Seu site
precisa ter duas ou mais páginas para o nome dele
aparecer.

3 Título da página: cada página no seu site tem um
título, que aparece na parte superior. Esse título também
aparece no menu de navegação.

1.3 Selecionar um layout

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 2/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

À direita, clique em Layouts e escolha outro layout para suas
seções.

1.4 Selecione uma imagem de plano
de fundo, um tipo de cabeçalho e
um tema
Escolha uma aparência para seu site. Cada tema tem um
plano de fundo, um esquema de cores e uma seleção de fonte
predefinidos. Você pode ajustar fontes, cores e o plano de
fundo posteriormente. Também é possível alterar o tema
depois que o site tiver sido criado. Se você precisar fazer

alterações, clique em Desfazer  ou Refazer .

1 Alterar a imagem de plano de fundo:
1.  Acesse o Sites e abra seu site.
2.  Aponte para a imagem de plano de fundo e clique
em
Alterar imagem .

3.  Escolha uma opção:
Para fazer upload de uma imagem do
seu computador, clique em Fazer
upload.
Para escolher uma imagem da galeria ou
de outro local, clique em Selecionar
imagem.

4.  (Opcional) Para voltar a usar a imagem de plano
de fundo original, clique em Redefinir .

2 Alterar o tipo de cabeçalho:
1.  Aponte para a imagem de plano de fundo e clique

em Tipo de cabeçalho  .

2.  Escolha uma opção:
capa
banner grande

banner
apenas o título

3 Alterar o tema e o estilo da fonte:
1.  No canto superior direito, clique em Temas.
2.  Selecione uma opção de tema e escolha uma
cor.

3.  Clique em Estilo da fonte e selecione um estilo.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 3/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

1.5 Adicionar, reordenar e aninhar
páginas
Adicione páginas para incluir conteúdo. Você pode aninhar
páginas para agrupar as informações relacionadas. As
páginas aninhadas aparecem como um subtópico de outra
página.

Adicionar páginas:

1.  No canto superior direito, clique em Páginas > Criar .

2.  Escolha uma opção:
Para adicionar uma página, clique em Adicionar

página  . Nomeie a página e clique em
Concluído.
Para adicionar um URL, clique em Adicionar link 
.

Reordenar ou aninhar páginas:

1.  Clique em Páginas.
2.  Arraste uma página para cima ou para baixo na lista para
reordená­la.

3.  Arraste uma página até outra para aninhá­la.
4.  (Opcional) Para desaninhar uma página, arraste­a para
a parte inferior da lista.

Observação: você só pode aninhar uma página até cinco
níveis. Não é possível aninhar a página inicial.

 Escolher as opções da página:

Em Páginas, selecione uma página. Ao lado dela, clique em
Mais  e escolha uma opção:

definir a página como página inicial
duplicar a página

renomear a página
criar uma subpágina

ocultar uma página ou subpágina (a menos que ela seja a
página inicial)
excluir a página do site (a menos que ela seja a página
inicial)

1.6 Configurar a navegação do site
Se você tem mais de uma página, os visitantes usam o menu
de navegação para pular para as diferentes páginas. Por

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 4/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

padrão, o menu de navegação fica na parte superior do seu
site. No canto superior direito, clique na página inicial para ver
o menu.

Você pode mover o menu de navegação para a esquerda se
quiser, mas precisará ter uma ou mais páginas no seu site
para alterar o local onde o menu é exibido.

Selecionar um modo de navegação:

1.  Aponte para o nome do site e clique em Configurações
de navegação .

2.  Selecione um modo de navegação.

3.  Para ver o menu à esquerda, clique em Menu .

4.  (Opcional) Veja como mover as páginas no menu de
navegação em Adicionar, reordenar e aninhar páginas.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 5/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

2 Atualizar e personalizar seu site
Agora veremos como personalizar seu site com imagens e conteúdo interativo.

O que você aprenderá nesta seção:

2.1 Adicionar conteúdo ao seu site
2.2 Editar o texto
2.3 Editar as seções
2.4 Editar imagens
2.5 Adicionar um logotipo
2.6 Adicione conteúdo de outro site
2.7 Mover e redimensionar conteúdo

2.1 Adicionar conteúdo ao seu site

À direita, selecione a página onde você quer adicionar o
conteúdo e escolha uma opção:

1 Clique duas vezes na página para adicionar o
conteúdo.

2 Também é possível clicar em Inserir e escolher o
conteúdo que você quer adicionar.

 Adicionar títulos e texto

 Adicione conteúdo diretamente da Web, como músicas e vídeos.

 Adicione fotos, designs e outras imagens.

 Incorpore qualquer arquivo (Do Drive) ou o conteúdo de uma pasta armazenada no Drive. Se você
fizer alterações nos seus arquivos no Drive, elas aparecerão automaticamente no Sites.

 Adicione botões que direcionem para outro conteúdo no seu site ou para um URL externo.

 Adicione uma linha divisória (horizontal) à sua página.

 Adicione vídeos do YouTube (como trailers de produtos ou anúncios da empresa).

 Adicione agendas (como agendas de equipe ou de evento).

 Adicione mapas (como a localização de escritórios, instruções para chegar a um evento ou mapas

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 6/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

personalizados).

  Adicione qualquer arquivo do Documentos, Apresentações, Planilhas, Formulários ou gráficos ao
  seu site. Todo o conteúdo que você alterar no arquivo de origem será atualizado automaticamente

  no seu site.

 

2.2 Editar o texto
Para editar os títulos do texto ou da página, basta clicar na
caixa e digitar o novo título. Também é possível selecionar
outra opção na barra de ferramentas acima da caixa de texto.

Opções de edição:

Títulos e cabeçalhos

Título  Selecione um título predefinido. Selecione Texto normal para ver outras opções de
formatação.

 Altere o alinhamento do texto.

 Insira um link para o texto selecionado.

 Exclua um título ou uma caixa de texto.

Texto normal

  Selecione texto e adicione negrito ou itálico.

  Adicione listas numeradas ou com marcadores.

 Acesse mais opções.

 Use o estilo de texto codificado.

 Selecione o texto e use o estilo tachado.

 Selecione o texto e remova a formatação.

2.3 Editar as seções
Aponte para uma seção se quiser alterá­la.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 7/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

Para alterar o plano de fundo de cada seção: clique

em Estilo  e selecione uma opção. Também é possível
selecionar Imagem  para adicionar uma imagem de
plano de fundo.

Para mover uma seção: quando você insere um novo
conteúdo, ele é adicionado a uma seção nova ou
existente. Para mover essa seção para cima ou para

baixo, clique em Mover seção  e arraste­a para um
local específico.

Para duplicar uma seção: clique em Duplicar seção .
Também é possível copiar e colar uma seção em outra
página do seu site.

Para adicionar um rodapé: role até o final da página e
clique em

Adicionar rodapé . O rodapé aparecerá em todas as
páginas do seu site. Aponte para o rodapé e clique em

Editar  para editá­lo. Para ocultar o rodapé em uma
página, aponte para ele e clique em Ocultar rodapé .

2.4 Editar imagens
Redimensionar uma imagem:
selecione a imagem e arraste as laterais ou os cantos.
Mantenha a tecla "Shift" pressionada para preservar a
proporção da imagem.

Mover uma imagem:
arraste a imagem para outro lugar da seção ou para uma nova
seção. Você pode posicionar a imagem onde há uma área
destacada.

Observação: no momento, não é possível colocar uma
imagem em uma caixa de texto.

Cortar uma imagem:

1.  Selecione a imagem e Cortar .
2.  Deslize o ponto para aumentar ou diminuir o zoom.

3.  Arraste a imagem para alterar a parte visível.

4.  Clique em Concluído .

5.  (Opcional) Para desfazer o corte de uma imagem, clique

em Desfazer corte .

Substituir uma imagem:

1.  Selecione a imagem.

2.  Clique em Mais  > Substituir imagem > Fazer
upload ou Selecionar imagem e escolha um novo
arquivo de imagem.

Adicionar texto alternativo a uma imagem:

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 8/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

esse texto aparece quando alguém passa o cursor sobre uma
imagem no seu site.

1.  Selecione a imagem e clique em Mais  > Adicionar
texto alternativo.

2.  Digite uma descrição e clique em Aplicar.

2.5 Adicionar um logotipo
Os logotipos aparecem na barra de navegação superior, ao
lado do nome do site.

1.  Aponte para a parte superior do cabeçalho da página e
clique em Adicionar logotipo .

2.  Clique em Fazer upload  ou Selecionar .

3.  Selecione o logotipo e clique em Abrir ou  Selecionar

4.  (Opcional) Para alterar a cor do cabeçalho da página,

em Plano de fundo, clique na seta para baixo  e
selecione uma cor.

5.  (Opcional) Para selecionar uma cor de tema com base
no seu logotipo, marque uma cor de tema na janela
Editar logotipo.

Observação: os arquivos de logotipo podem estar no formato
.jpg, .png ou .gif. Para os melhores resultados, a altura do
logotipo deve ser pelo menos 112 px.

2.6 Adicione conteúdo de outro site
Você pode incorporar os seguintes itens:

sites

apps da Web que usam o Google Apps Script ou o App
Maker
relatórios do Google Data Studio

Dependendo do site que você adicionar, talvez seja possível
personalizar como ele aparece no seu site. Alguns sites têm
uma opção de visualização ou de verificação de conteúdo
atualizado dinamicamente. Depois que você adicionar o
conteúdo, talvez seja preciso fazer login novamente para ver
a atualização.

Adicionar conteúdo de outro site:

1.  Abra seu site e clique em Inserir > Incorporar à direita.
2.  Escolha uma opção:
Por URL: cole o URL (link) que você quer
incorporar. Selecione Página inteira ou
Visualizar e clique em Inserir.

Incorporar código: cole ou digite o código
https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 9/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

HTML do site que você quer incorporar e clique
em Próxima > Inserir.

Observação: se não for possível adicionar ou visualizar
o conteúdo, entre em contato com o proprietário do site.

2.7 Mover e redimensionar conteúdo
Tudo que você insere é adicionado como um "bloco" de
conteúdo na grade da tela. É fácil mover, alinhar e editar os
blocos porque eles são encaixados na grade.

Mover o conteúdo de um site:

1.  Aponte para o conteúdo que você quer mover até ver a

opção Mover .
2.  Arraste o conteúdo para a área destacada.

Redimensionar o conteúdo do site:

1.  Selecione o conteúdo que você quer redimensionar.
2.  Arraste os círculos azuis para redimensioná­lo.

Agrupar objetos:

Você pode conectar caixas de texto e imagens em um grupo
vertical.

1.  Adicione uma foto e uma caixa de texto à página do seu
site.

2.  Arraste a caixa de texto para a metade superior ou
inferior do objeto até que uma linha azul apareça.

3.  Para alterar a ordem dos objetos agrupados, clique no
grupo que você quer alterar.

4.  Clique no objeto que você quer reordenar e clique na
tecla Para cima ou Para baixo no teclado.

Desagrupar objetos:

1.  Para desagrupar caixas de texto e imagens, clique no
grupo que você quer separar.
2.  Clique no objeto que você quer remover e arraste­o para
fora do grupo.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 10/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

3 Compartilhar e colaborar
Ao trabalhar no seu site, você pode compartilhá­lo para as pessoas na sua organização colaborarem com o
conteúdo.

O que você aprenderá nesta seção:

3.1 Compartilhe e colabore no Sites

3.1 Compartilhe e colabore no Sites

1.  Escolha uma opção:

Para compartilhar um site Google, clique em

Adicionar pessoas .

Para compartilhar um site do Drive, selecione o

arquivo do site e clique em Compartilhar .

2.  Escolher as pessoas com quem compartilhar seu site:

Para definir permissões em toda a organização:
em Quem pode acessar, clique em Alterar,
selecione uma opção de compartilhamento e
clique em  Salvar . Você pode copiar e colar o
link do site em uma mensagem de e­mail ou
bate­papo.

Para definir permissões para pessoas
específicas: na caixa Convidar pessoas, digite
os nomes ou os endereços de e­mail das
pessoas da sua organização com quem você
quer compartilhar o site e clique em  Enviar  >
Concluído .

3.  Alterar as permissões das pessoas:

Para conceder permissões, clique na seta para

baixo  ao lado do nome da pessoa e
selecione um nível de permissão.

Para remover permissões, clique na seta para
baixo  ao lado do nome da pessoa e clique

em Remover .

4.  (Opcional) Para impedir que os editores publiquem,
alterem o acesso ao site ou adicionem novas pessoas,
clique na caixa ao lado de Impedir que os editores
publiquem, alterem o acesso e adicionem novas
pessoas. Clique em  Salvar alterações  >  Concluído .

Parar de compartilhar um site:

1.  Abra um site e clique em Compartilhar  na parte
superior.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 11/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

2.  Em Quem pode acessar, encontre a pessoa que você
quer remover.

3.  Ao lado do nome da pessoa, clique em Excluir  > 
Salvar alterações  >  Concluído .

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 12/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

4 Visualize e publique seu site
Você pode ver um novo site antes de publicá­lo. Quando estiver pronto, publique o site apenas para sua organização
ou para o mundo todo.

Nesta seção, você aprenderá a fazer o seguinte:

4.1 Visualizar seu site
4.2 Publicar seu site pela primeira vez
4.3 Alterar o URL do site
4.4 Cancelar a publicação do seu site
4.5 Pesquise em um site

4.1 Visualizar seu site
Se você visualizar um site em um dispositivo móvel, o
conteúdo será ajustado automaticamente à tela. Você pode
ver como seu site aparece em diferentes dispositivos.

1.  Clique em Visualizar .

2.  Para ver como seu site aparece em diferentes
dispositivos, escolha uma opção:
Smartphone

Tablet

Tela grande

3.  Clique em Fechar  para sair da tela de visualização.

4.2 Publicar seu site pela primeira
vez
Ao publicar seu site pela primeira vez, adicione o nome dele
para completar o URL. Só é possível usar letras, números e
traços no nome do site. O início do URL é o domínio da
organização e não pode ser alterado. Você poderá editar seu
site depois que ele for publicado. No entanto, é necessário
publicar o site novamente para ver as alterações.

Publicar seu site:

1.  Clique em  PUBLICAR .

2.  Adicione um nome ao final do URL. Não é possível usar
determinados termos, como "suporte" e "admin". Você
verá uma caixa de seleção roxa no final do URL se ele
estiver disponível.

3.  Em Quem pode ver meu site, clique em Gerenciar.
4.  Na janela Compartilhar com outras pessoas, escolha
uma opção:
Rascunho: para permitir que pessoas no seu
domínio ou específicas editem o rascunho do
site, clique em Alterar.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 13/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

Publicado: para permitir que pessoas no seu
domínio ou específicas vejam o site publicado,
clique em Alterar.

5.  Clique em  PUBLICAR . Acesse o URL do seu site para


confirmar que ele foi publicado corretamente.

Observação: após publicar um site, você pode compartilhá­lo

clicando em Copiar link  >  COPIAR LINK  e depois colar o


link para alguém em uma mensagem de e­mail ou bate­papo.

4.3 Alterar o URL do site
Você pode alterar o URL do site quando quiser. No entanto, se
você fizer isso, os favoritos com o URL antigo não
funcionarão mais.

1.  Ao lado de  PUBLICAR , clique na seta para baixo  >


Configurações de publicação.

2.  Digite o novo URL.

3.  Clique em  SALVAR .

4.4 Cancelar a publicação do seu
site
Você pode cancelar a publicação do seu site se não quiser
mais que ele fique disponível on­line. Ainda será possível
acessar e atualizar o conteúdo do site. Também é possível
publicar novamente o site usando o mesmo URL ou um URL
diferente a qualquer hora. Se as pessoas tentarem acessar o
site cuja publicação foi cancelada, elas verão uma mensagem
de erro.

Cancelar a publicação do seu site:

Ao lado de  PUBLICAR , clique na seta para baixo  >


Cancelar publicação.

4.5 Pesquise em um site
Quando um site Google tem mais de uma página publicada,
você pode pesquisar na versão publicada.

1.  Acesse um site Google e, no canto superior direito,

clique em Pesquisar .

2.  Digite sua pesquisa e pressione Enter.

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 14/15
19/03/2019 Google Sites: primeiros passos | Centro de aprendizagem | G Suite

https://gsuite.google.com/intl/pt­br/learning­center/products/sites/get­started/#!/ 15/15

Você também pode gostar