Primeiros passos no Sites

2. Atualizar e personalizar seu site

Quer aproveitar ao máximo os apps do Google no trabalho ou na escola?  Inscreva-se para um teste gratuito do Google Workspace
" "

Sites

Aprenda noções básicas de criação e edição de conteúdo para seu site.

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

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 banner
2.6 Adicionar um logotipo
2.7 Adicionar conteúdo de outro site
2.8 Mover e redimensionar conteúdo

2.1 Adicionar conteúdo ao seu site

" "

À direita, selecione a página onde o conteúdo será adicionado e escolha uma opção:

1 Clique duas vezes na página para adicionar o conteúdo.
2 Clique em Inserir e escolha o conteúdo a ser adicionado.

Inserir conteúdo usando a página ou o menu

Adicionar títulos Adicione títulos e texto.
Adicionar conteúdo Adicione conteúdo diretamente da Web, como músicas e vídeos.
"" Adicione fotos, designs e outras imagens.
Google Drive Adicione 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 um índice.
"" Crie e insira carrosséis de imagens.
Adicionar botão Adicione botões que vinculam a outro conteúdo no site ou a um URL externo.
Adicionar linha divisória 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 eventos).
"" Adicione mapas, como endereços de escritórios, rotas para eventos ou mapas personalizados.
Documentos do Drive Apresentações do Drive  Planilhas de Drive Formulários do Drive  Gráfico do Drive Adicione itens do Documentos, Apresentações, Planilhas, Formulários ou gráficos do Planilhas 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 o texto ou o título das páginas, basta clicar na caixa e digitar o novo texto. Também é possível selecionar outra opção na barra de ferramentas acima da caixa de texto.

As opções para atualizar o texto aparecem acima da caixa de texto


Opções de edição

Títulos e cabeçalhos
Título Seta para baixo Selecione um título predefinido. Selecione Texto normal para opções de formatação adicionais.
Alinhar à esquerda Altere o alinhamento do texto.
"" Insira um link para o texto selecionado.
"" Exclua um título ou uma caixa de texto.
Texto normal
NegritoItálico Selecione o texto e adicione negrito ou itálico.
Lista numerada Lista com marcadores Adicione listas numeradas ou com marcadores.
"" Acesse mais opções.
Adicionar conteúdo Use o estilo de texto codificado.
Tachado Selecione o texto e use o estilo tachado.
Remover a formatação do texto Selecione o texto e remova a formatação.

2.3 Editar as seções

" "

Se quiser alterar uma seção, aponte para ela.

  1. Alterar o segundo plano de cada seção: clique em Estilo Estilo e selecione um estilo. Você também pode selecionar Imagem "" para adicionar uma imagem de plano de fundo.
  2. Mover uma seção: quando você insere um novo conteúdo, ele é adicionado a uma seção nova ou existente. Se você quiser movê-la para cima ou para baixo, clique em Mover a seção " " e arraste-a.
  3. Duplicar uma seção: clique na seção Duplicar "". Também é possível copiar e colar uma seção em outra página do seu site.
  4. Adicionar um rodapé: role até a parte inferior da página e clique em Adicionar rodapé "". O rodapé aparecerá em todas as páginas do seu site. Aponte para ele e clique em Editar rodapé "". Para ocultar o rodapé em uma página, aponte para ele e clique em Ocultar rodapé nesta página Ocultar.
Página no Sites com opções de atualização no canto inferior esquerdo

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 uma parte diferente da seção ou outra seção. Você pode adicionar a imagem a qualquer uma das áreas destacadas.

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

Cortar uma imagem:

  1. Selecione a imagem e depois a opção 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, selecione a imagem e clique em Desfazer corte Desfazer corte.

Substituir uma imagem:

  1. Selecione a imagem.
  2. Clique em Mais "" e depoisSubstituir imageme depoisFazer upload ou Selecionar imagem e escolha um novo arquivo de imagem.

Adicionar texto alternativo a uma imagem:

  1. O texto alternativo aparece quando alguém seleciona uma imagem no seu site.
  2. Selecione a imagem e clique em Mais "" e depois Adicionar texto alternativo.
  3. Insira uma descrição e clique em Aplicar.

Selecionar a imagem em um site para adicionar texto alternativo

2.5 Adicionar um banner

" "

  1. No canto superior direito, clique em Configurações Configurações.
  2. Clique em Banner de aviso.
  3. (Opcional) Para personalizar a cor do banner, clique em Cor do banner e selecione uma opção. Ative a opção Mostrar banner caso ela não esteja ativada.
  4. Na caixa de texto da seção Aviso, digite a mensagem do banner.
  5. (Opcional) Para criar um botão com um link no banner, digite o texto na seção Legenda do botão e digite um URL na seção Link. Se você quiser que o link seja aberto em uma nova guia no navegador, marque a caixa Abrir em uma nova guia.
  6. Para escolher como você quer exibir o banner no seu site, na seção Visibilidade, selecione Só na página inicial ou Todas as páginas
  7. No canto superior direito, perto da sua imagem de perfil, clique em Publicar.
 

2.6 Adicionar um logotipo

" "

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

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.

  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. Para selecionar a cor de um tema com base no seu logotipo, selecione uma cor de tema na janela Editar logotipo.
Adicionar logotipo ao lado do nome do site

2.7 Adicionar conteúdo de outro site

" "

Você pode incorporar o seguinte:

  • Sites
  • Apps da Web usando 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.

Para adicionar conteúdo de outro site:

  1. Abra seu site e clique em Inserir e depois 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 insira o código HTML do site que você quer incorporar e clique em Próximo e depois Inserir.

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

Inserir ou incorporar da Web usando um URL ou um código

2.8 Mover e redimensionar conteúdo

" "

Tudo que você inserir será 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 conteúdo do site:

  1. Aponte para o conteúdo que você quer mover até ver o cursor da opção Mover "".
  2. Arraste o conteúdo para uma área destacada.

Redimensionar o conteúdo do site:

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

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. Selecione o objeto que você quer reorganizar 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 do grupo e arraste-o para fora do grupo.
Clicar para agrupar e desagrupar texto e imagens
Isso foi útil?
Como podemos melhorá-lo?