T UTORIAL Como fazer sites utilizando o Webnode. P ARTE 1 Cadastrar dados; Confirmar dados; Criar...
-
Upload
sabrina-cardoza -
Category
Documents
-
view
221 -
download
0
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/1.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/2.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/3.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/4.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/5.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/6.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/7.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/8.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/9.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/10.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/11.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/12.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/13.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/14.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/15.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/16.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/17.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/18.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/19.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/20.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/21.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/22.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/23.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/24.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/25.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/26.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/27.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/28.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/29.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/30.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/31.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/32.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/33.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/34.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062316/570638481a28abb8238f407f/html5/thumbnails/35.jpg)
TUDO PARA WEBNODE NO YOUTUBE:
http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19