O que você pode fazer com o novo Sites?

Crie sites internos para projetos, sites de equipe, websites públicas, 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 websites. Basta arrastar o conteúdo para o local desejado. Crie um destino único para todas as informações importantes, incluindo vídeos, imagens, agendas, apresentações, documentos, pastas e textos. Em seguida, compartilhe esse conteúdo rapidamente com a uma organização inteira ou com o mundo.

Você precisará de:

account_circle uma conta do G Suite

schedule 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®.

Nenhum
1.1

Criar seu site

Escolha uma opção:

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.

Crie um novo site
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.
nomeie seu site
1.3

Selecionar um layout

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

Nenhum
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 undo ou Refazer redo.

  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 image.
    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 refresh.
  2. Alterar o tipo de cabeçalho:
    1. Aponte para a imagem de plano de fundo e clique em Tipo de cabeçalho Cabeçalho do Sites.
    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.
Selecione o plano de fundo e tema
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.

1Adicionar páginas:

  1. No canto superior direito, clique em Páginas > Criar add.
  2. Escolha uma opção:
    • Para adicionar uma página, clique em Adicionar página página de adição do Sites. Nomeie a página e clique em Concluído.
    • Para adicionar um URL, clique em Adicionar link insert_link.

2Reordenar 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.

3 Escolher as opções da página:

Em Páginas, selecione uma página. Ao lado dela, clique em Mais more_vert 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)
adicione, reordene e aninhe páginas
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 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 settings.
  2. Selecione um modo de navegação.
  3. Para ver o menu à esquerda, clique em Menu menu.
  4. (Opcional) Veja como mover as páginas no menu de navegação em Adicionar, reordenar e aninhar páginas.
Configure a navegação do site
2

Atualizar e personalizar seu site

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.
insira conteúdo do site

format_size

Adicionar títulos e texto

code

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

image

Adicione fotos, designs e outras imagens.

drive

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.

crop_7_5

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

maximize

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

video_youtube

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

event

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

location_on

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

drive_document drive_presentation drive_spreadsheet drive_form drive_chart

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:

Nenhum

Títulos e cabeçalhos

Títulos e cabeçalhos

Título arrow_drop_down

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

Títulos e cabeçalhos

format_align_left

Altere o alinhamento do texto.

Títulos e cabeçalhos

link

Insira um link para o texto selecionado.

Títulos e cabeçalhos

delete

Exclua um título ou uma caixa de texto.

Títulos e cabeçalhos

Texto normal

Títulos e cabeçalhos

format_bold format_italic

Selecione texto e adicione negrito ou itálico.

Títulos e cabeçalhos

format_list_bulleted format_list_numbered

Adicione listas numeradas ou com marcadores.

Títulos e cabeçalhos

more_vert

Acesse mais opções.

Títulos e cabeçalhos

code

Use o estilo de texto codificado.

Títulos e cabeçalhos

strikethrough_s

Selecione o texto e use o estilo tachado.

Títulos e cabeçalhos

format_clear

Selecione o texto e remova a formatação.

2.3

Editar as seções

Aponte para uma seção se quiser alterá-la.

  • Para alterar o plano de fundo de cada seção: clique em Estilo palette e selecione uma opção. Também é possível selecionar Imagem image 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 drag_indicator e arraste-a para um local específico.
  • Para duplicar uma seção: clique em Duplicar seção content_copy. 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é add_circle. O rodapé aparecerá em todas as páginas do seu site. Aponte para o rodapé e clique em Editar create para editá-lo. Para ocultar o rodapé em uma página, aponte para ele e clique em Ocultar rodapé remove_red_eye.
Nenhum
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 crop.
  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 done.
  5. (Opcional) Para desfazer o corte de uma imagem, clique em Desfazer corte crop_free.

Substituir uma imagem:

  1. Selecione a imagem.
  2. Clique em Mais more_vert > Substituir imagem > Fazer upload ou Selecionar imagem e escolha um novo arquivo de imagem.

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

  1. Selecione a imagem e clique em Mais more_vert > Adicionar texto alternativo.
  2. Digite uma descrição e clique em Aplicar.
edite imagens
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 image.
  2. Clique em Fazer upload file_upload ou Selecionar image.
  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 arrow_drop_down 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.

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

Mova o conteúdo
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 open_with.
  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.
Nenhum
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

  1. Escolha uma opção:

    • Para compartilhar um site Google, clique em Adicionar pessoas person_add.
    • Para compartilhar um site do Drive, selecione o arquivo do site e clique em Compartilhar person_add.
  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 arrow_drop_down ao lado do nome da pessoa e selecione um nível de permissão.
    • Para remover permissões, clique na seta para baixo arrow_drop_down ao lado do nome da pessoa e clique em Remover close.
  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.

Compartilhe o conteúdo
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

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 visibility.
  2. Para ver como seu site aparece em diferentes dispositivos, escolha uma opção:
    • Smartphone
    • Tablet
    • Tela grande
  3. Clique em Fechar close para sair da tela de visualização.
visualizar o site
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.
    • 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 insert_link > COPIAR LINK e depois colar o link para alguém em uma mensagem de e-mail ou bate-papo.

Publique seu site
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 arrow_drop_down > Configurações de publicação.
  2. Digite o novo URL.
  3. Clique em SALVAR.
configurações de publicação
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 arrow_drop_down > Cancelar publicação.

cancelar a publicação do site
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 search.
  2. Digite sua pesquisa e pressione Enter.
Nenhum

Próximas etapas

Faça o teste agora
Faça mais treinamentos

Crie um site de equipe, incorpore arquivos, adicione o Google Analytics, entre outras possibilidades.