T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar...

35
TUTORIAL Como fazer sites utilizando o Webnode

Transcript of T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar...

Page 1: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

TUTORIALComo fazer sites utilizando o Webnode

Page 2: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

PARTE 1

Cadastrar dados;Confirmar dados;Criar esboço do site.

Page 3: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Na página inicial do Webnode(http://www.webnode.com.br/) crie o nome da sua página,insira o seu email e crie uma senha:

Page 4: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

O Webnode te enviará um email confirmando a criação do site e os dados fornecidos no cadastro: email e senha.Além disso,é necessário que você clique no link indicado para confirmar seu email. Guarde essas informações. ATENÇÃO: Este email poderá cair na lixeira ou na caixa de Spam.Caso isso ocorra,recupere para a caixa de entrada.Cuidado para não deletar!

Page 5: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Escolha o tipo do site:

Page 6: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Selecione o modelo do seu site e em seguida clique em continuar:

Page 7: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Escolha as páginas que você deseja inserir no seu site.Ou então se preferir,faça-o mais tarde e clique em concluir

Page 8: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

PARTE 2

Editar : -Modelos; -Imagens; -Cabeçalho;

Page 9: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Após isso,o seu site será gerado e irá aparecer uma tela de login.Utilize o email e a senha que você cadastrou no passo 1. Em seguida irá aparecer a tela de edição do seu site:

Page 10: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Na tela de edição do site,você encontra as seguintes opções:Novo,Ir para a página,Publicar,Pré-visualizar,Layout da página,Excluir,Propriedades,Segurança,Texto e Imagens,Enquete,Galeria de fotos,Formulário,Artigos,Catálogos,Mais,Arquivos, Imagens,Modelos de site e Idioma.

Page 11: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Na página de edição podemos alterar o conteúdo de diversos itens como por exemplo Alterar a imagem do cabeçalho. Clique em Editar Imagem:

Page 12: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Selecione a imagem e aperte a tecla DEL para removê-la.Clique em Adicionar Imagem para importar uma imagem salva no seu computador ou escolher diretamente da galeria do Webnode.E após isso,se preferir,edite a nova imagem com as opções do editor:DICA: Crie um logotipo personalizado para inserir em seu site

Page 13: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Aqui,você poderá escolher imagens da galeria do Webnode. Para escolher imagens do seu computador clique em Enviar uma Imagem:

Page 14: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Clique na imagem para ajustar o tamanho e a posição usando os pontos indicados. Use o botão Enviar para trás,para que seja possível inserir/editar o título do slogan.Após a edição concluída,clique em Salvar e fecharDICA: Ao clicar na área de fundo da imagem do cabeçalho,o botão Cor de fundo ficará disponível para edição.

Page 15: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Para alterar o modelo do site,clique em Modelos de site e escolha o seu modelo.Você também pode navegar pelas opções categorias de negócios e escolher aquela que você preferir.

Page 16: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Após escolher o seu tema,verifique se está da maneira que você gostaria. Clique em Usar este modelo. Conforme imagem abaixo:

Page 17: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Dê duplo clique no cabeçalho para alterar texto e imagem.Aqui você pode colocar a foto e a frase do seu slogan.

Page 18: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Quando estiver pronto,clique em Publicar. Abrirá uma janela informando que a página foi publicada.Feche-a clicando no X:

Page 19: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Como efetuar Logout do site?Clique em Fechar e depois em Sair:

Page 20: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Como retomar a edição do site?Acesse o webnode e clique em Entrar. Insira o e-mail e a senha de acesso e clique em Entrar.

Page 21: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Abrirá a tela com os sites que você criou. É possível ter vários sites.Eles são chamados de projetos. No projeto que você deseja alterar,clique em Administrar site:

Page 22: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Para começar a editar o seu site clique em Comece a editar.ATENÇÃO: A opção Adquira seu próprio domínio é uma função paga.Explore esses recursos mais tarde,se preferir.

Page 23: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

PARTE 3

Adicionar/Excluir páginas;Editar conteúdo das páginas;

Page 24: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Acrescentar ou excluir as páginas do Menu.Você pode alterar a ordem,excluí-las ou acrescentar novas páginas:Clique em Editar Menu;

Clique em Nova Página:

Page 25: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Após todas as edições feitas,clique em Salvar

Page 26: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Observe que a página criada ainda não foi publicada.Como publicá-la?

Page 27: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Clique na seta ao lado do nome da página que você acabou de criar:

Um pequeno Menu irá abrir.Clique na opção Publicar:

Page 28: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Ou então,Clique na caixa ao lado do nome do site para selecioná-la e depois clique em Publicar:

Page 29: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Editar conteúdo das páginas:Selecione a página que você quer editar e clique em Editar (conteúdo,galeria ou adicionar artigo). Neste exemplo,estaremos editando a página inicial:

Page 30: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Na página de edição, há algumas ferramentas de formatação de texto,por exemplo.Após as edições concluídas,clique em Salvar:

Page 31: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Você pode acrescentar um conteúdo a uma página criada,ou seja Texto e Imagem,Enquete,Galeria de Fotos,Formulários,Catálogos,Artigos e Wiggets.Basta selecionar o conteúdo,arrastar e soltar no local desejado.Este local é indicado pela faixa laranja que aparecerá ao se aproximar o conteúdo a ser inserido:

Page 32: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

Agora,basta editar o conteúdo da página.Ao terminar a edição,clique em Publicar:

Page 33: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

DICA: Visualize seu site para verificar se ele está da forma que você deseja.Clique em Pré-visualizar

Page 34: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

CANAL DE DICAS WEBNODE NO YOUTUBE:

http://www.youtube.com/user/58709131

Page 35: T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar esboço do site.

TUDO PARA WEBNODE NO YOUTUBE:

http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19