Bem vindo ao curso gratuito de criação de sites com Google Sites 2019!
Esperamos que esse curso ajude você a dar vida ao seu projeto na internet! Trata-se de um curso simples e direto. Siga os passos abaixo ou assista ao vídeo e você deverá poder criar seu site sem grandes dificuldades, mas se tiver qualquer dúvida é só deixar nos comentários abaixo ok? Boa empreitada!
1. Entrar em https://sites.google.com/new
2. Na primeira vez que você entrar no google sites você vai ter essa interface aqui:
3. Vamos clicar em + pra criar o site
4. Após clicar no botão de + você vai visualizar essa interface aqui:
5. Agora vamos dar um título à primeira página do seu site. Basta escrever o título desejado no lugar de "Título da sua página.". Vamos também dar um título ao seu projeto. Para isso, na parte superior esquerda troque o texto "Site sem título" pelo nome do seu site. Exemplo: "Tiffany camisetas"
6. Uma das primeiras coisas em termos de aparência que temos que definir no site é escolher o tema. Vamos ao lado direito da sua tela onde estão as ferramentas e vamos clicar na sessão de "Temas". Vamos escolher o tema "Vision".
7 Perceba que você pode escolher a cor e o estilo da fonte que você quer. Mas nessa aula vamos manter as opções de cores e fontes como estão.
8 Vamos criar um logo pra colocar lá no topo do nosso site (você pode contratar a Websense para criar um logo profissional pra você caso você não tenha habilidades em softwares de criação de imagens). Depois que você tiver o logo criado vá até a parte superior esquerda da sua tela e clique na opção "Adicionar logotipo" (ela aparece quando você passa o mouse no título que você deu ao site). Basta fazer o upload do seu logo e salvar. Ele deve aparecer em seguida e assim ficar salvo no projeto.
9 Agora vamos criar o menu inicial do site. Para isso vamos até o lado direito da tela na parte de ferramentas e clicar na parte "Paginas" e depois lá no final clicar no sinal de +
10 Após clicar no sinal de + o site abre uma pequena janela solicitando que você dê um nome à página que você quer criar. Não é necessário mexer na opção avançada. Apenas clique em "concluído" após nomear sua página.
10.1 Vamos adicionando os nomes das paginas que você quer e clicando em salvar. Para nosso exemplo vamos criar 4 páginas, sendo: Página inicial (que já estava criada automaticamente), uma outra chamada "Quem somos", mais uma chamada "Produtos"e por último uma chamada "Contato". Perceba que o Google Sites cria uma nova visão para cada item criado. Cada uma dessas novas visões é uma página
10.2 Agora vamos criar 2 subpáginas para a página de Produtos. Na nossa lista de paginas à direita vamos clicar em Pagina Inicial. Para isso na nossa lista de páginas que criamos vamos colocar o mouse em cima da página de Produtos e clicar sob os 3 pontinhos que aparecem ao lado do nome da página. No menu que se abrir (veja abaixo) clique na opção "Adicionar subpágina". Após isso dê o nome "Masculinos" à subpagina. Repita o processo mas agora com o nome "Femininos".
10.3 Dessa forma teremos 2 opções que se abrem quando clicarmos sobre a página de Produtos no menu superior do site.
11. Agora vamos editar cada uma das páginas a começar por Pagina Inicial. Para isso, na nossa lista de páginas criadas, vamos clicar sob o nome Página Inicial. Perceba que a sua tela principal vai mudar e exibir a visão atual da Página Inicial como abaixo:
11.1 Vamos alterar a imagem do fundo para uma imagem que tenha a ver com a nossa loja de camisetas. Pode ser qualquer imagem da sua escolha porém lembre-se de escolher uma imagem livre de direitos autorais (você pode comprar imagens com a Websense). Para alterar a imagem de fundo (a que tem tábuas de madeira) posicione o mouse sobre ela até que apareça a opção de "Alterar imagem". Basta seguir os passos e fazer o upload da sua imagem. No nosso caso ficou assim:
11.2 No cantinho da sua imagem na parte inferior direita tem uma estrelinha. Clique sobre ela caso você queira que sua imagem fique mais clara.
11.3 Vamos adicionar uma mensagem de boas vindas logo abaixo da imagem que adicionamos. Para isso, na parte direita de ferramentas, clique na sessão de "Inserir". Você deverá ver várias ferramentas, dentre elas a de "Texto" sobre a qual vamos clicar. Logo após clicar uma caixa de texto irá aparecer abaixo da imagem principal. Nela você pode adicionar o texto que preferir, veja abaixo:
11.4 Agora pra deixar a nossa porta de entrada (a página inicial) ainda mais bonita e moderna vamos adicionar um Carrossel de fotos. Na parte de ferramentas procure pela opção de "Carrossel de imagens" conforme abaixo e clique sobre ela:
11.4.1 Uma caixa nova se abrirá solicitando que você insira imagens. Use a opção de upload e escolha no seu computador as imagens que você quer exibir nessa parte da sua Página Inicial. Precisa ter pelo menos 2 (lembre-se que se precisar de imagens profissionais você pode falar com a Websense). Após fazer o upload das imagens basta clicar em inserir e ajustar o seu carrossel no local e no tamanho desejados.
11.4.2 Veja como ficou nosso carrossel:
11.5 Vamos agora adicionar um rodapé ao nosso site. Rodapés são aquelas letras pequenas que ficam na parte inferior do site, geralmente usadas para colocar o copyright da marca. No nosso caso vamos adicionar informações de contato. Para isso vamos descer o mouse no site o máximo possível até que apareça a opção "Adicionar rodapé". Após clicar nessa opção uma caixa de texto irá aparecer e nela você pode adicionar o telefone e e-mail da sua empresa como fizemos abaixo (se quiser troque o tamanho da fonte para "normal", como fizemos):
Prontinho nossa Página Inicial está completíssima!
12. Vamos agora editar a página de Quem Somos. Essa página geralmente é usada pelo site para explicar o que aquela empresa faz. Para editá-la vamos ao lado direito do Google Sites, clicar sob a sessão de Páginas e depois clicar sob a página chamada "Quem Somos". A visão da sua tela principal irá alterar para a página de Quem Somos, conforme abaixo:
12.1 Vamos alterar a imagem de fundo assim como fizemos no passo 11.1
12.2 Vamos agora adicionar uma caixa de texto assim como fizemos no passo 11.3 só que dessa vez vamos escrever uma mensagem com um resumo do que a empresa faz. Após isso vamos adicionar mais uma caixa de texto logo abaixo e nela colocar uma história da empresa só que mais detalhada. Veja abaixo:
(No caso acima usamos o tamanho de Titulo para a primeira caixa de texto e o tamanho Normal para a segunda). Agora nossa página de Quem somos está pronta! Vamos para a próxima.
13. Agora vamos editar as páginas de Produto - Masculino e Feminino. Vamos começar clicando da subpágina de produtos masculinos, na nossa lista de páginas.
13.1 Vamos adicionar imagens dos produtos que são masculinos. Para isso vamos na sessão "Inserir" na parte direita da tela. Depois clicamos na opção "Imagens" e em seguida na opção "Fazer upload". Veja abaixo que eu escolhi duas imagens para essa sessão e que elas foram posicionadas logo abaixo da imagem principal da página (neste caso para a imagem principal mantivemos a imagem com madeiras mesmo).
Nossa página de produtos masculinos está basicamente pronta. Você pode incrementar com mais imagens e textos se quiser. Mas como estou satisfeito com a minha vamos para a próxima
14 Agora vamos editar a parte de produtos femininos. Vamos clicar na subpágina "Femininos" e vamos alterar a imagem de fundo assim como fizemos no passo 11.1. Aqui adicioneu uma foto de uma mulher sentada com compras
14.1 Vamos adicionar 2 imagens dos produtos que são femininos assim como fizemos no passo 13.1. O resultado final da nossa página deverá ser mais ou menos assim:
15. Por fim vamos editar a página de Contato. Vamos clicar sob a página correspondente na lista. Vamos também alterar a imagem de fundo assim como fizemos no passo 11.1
15.1 Agora vamos adicionar uma caixa de texto assim como fizemos no passo 11.3 e nela vamos escrever os mesmos dados de contato que escrevemos no rodapé do site. Seu resultado final da página será assim:
PRONTO! Seu site está basicamente pronto. Agora falta só um passo importante que é disponibilizá-lo na internet pra que qualquer pessoa do mundo possa acessá-lo. Para isso vamos clicar no botão que fica na parte superior direita do Google Sites chamado "Publicar".
16. Após clicar em publicar a seguinte janela irá se abrir para as configurações finais do seu site:
16.1 A sessão "Endereço da web" permite que você mude o título do seu site que irá aparecer ao final do endereço final do seu site. Após escolher um nome o endereço do seu site deverá ser sites.google.com/view/onomequevoceescolheu
16.1.2 Perceba que o endereço não é convencional como nos outros sites que iniciam com www. Caso você queria um endereço assim será necessário comprar um domínio. Você pode fazer isso clicando na opção "Gerenciar", ao lado de "URL personalizado". Caso você não compreenda o processo de compra e de configuração você pode falar com a Websense pra fazer ese serviço para você.
16.2 A parte "Quem pode ver meu site" permite que qualquer pessoa do mundo visite seu site. Caso você queira um público restrito clique na opção "Gerenciar". No nosso caso vamos deixar como está.
16.3 Em "Configurações de pesquisa" somente marque essa caixa de seleção caso você não queira que o Google recomende seu site nos resultados de busca. (No nosso caso vamos deixar desmarcada mesmo). Após isso é só clicar mais uma vez em publicar.
TCHANAM! Seu site está no ar! Uma mensagem com a opção "visualizar" vai aparecer no final do seu site. Clique nessa opção para visualizar seu site com a aparência final e pegar o endereço dele para divulgar para seus clientes e amigos! Veja aqui o site que criamos juntos: https://sites.google.com/view/tifani-camisetas/p%C3%A1gina-inicial
E aí gostou do seu novo site? Ficou com alguma dúvida ou tem alguma necessidade para incrementar o seu projeto? Fale com a Websense, estamos aqui para ajudar.
Até o próximo curso!
