Tutorial WebnodeTutorial WebnodeCriando siteCriando site1
Registrando• Acesse o endereço: http://www.webnode.com.br/ e preencha os dadossolicitados e clique em Registre-se e crie s...
3Aguarde enquanto o sistema carrega as informações ...Enquanto isso, abra seu email e leia a mensagem que o Webnode te env...
Cópia da mensagemque O Webnode envia,confirmando da criaçãodo site e os dadosfornecidos nocadastrado: E-mail eSenha.Guarde...
Retorne a página do Webnode para continuar acriação do site ...Provavelmente o carregamento já tenhaconcluído. Na próxima ...
Selecione a opção Site pessoal (gratuito). As opções Site de negócios e Loja virtualtem licença de uso por 30 dias, caso o...
Selecione um Modelo para seu site. Você pode alterar esse modelo maistarde. Clique em Continuar.7
Selecione as páginas que você deseja criar automaticamente.Você pode criar outras páginas no modo de edição. Mais tarde, v...
Aguarde enquanto o sistema carrega as informações ...9
Ao completar o carregamento irá abrir a página de edição do seu site.Parabéns! Seu site está criado!Clique em Pré-visualiz...
O endereço de sua página está indicado na URL após a palavra preview.Esse exemplo: http://preview.tecnologia-educacional00...
Editando sua páginaNa página de edição, pode-se alterar o conteúdo de diversos itens. Inseririmagens e outros recursos; Va...
Ao abrir o editor de imagem, clique em Adicionar imagem para selecionar umaimagem de seu computador ou da galeria do Webno...
É nessa tela que é possível selecionar a imagem de sua preferência, selecionandouma da galeria de imagens do webnode ou de...
A Imagem será carregada. Clique na da imagem e ajuste o tamanho e a posição.Use os pontos indicados na imagem para fazer e...
Quando terminar o ajuste clique em Salvar e fechar.16
17Alterando o modelo do siteClique em Modelos de site para alterar o modelo de seu site, o logo ou oslogan. Também é possí...
Os modelos indicados como PREMIUM são destinados as contas pagas.Escolha um sem esse marca. Ao clicar no modelo será mostr...
Refaça o cabeçalho do site...19
Quando estiver pronto , clique em Publicar .Abrirá uma janela informando que a página foi Publicada. Feche essa janela,cli...
Clique em Fechar e depois em Sair.Vamos ver como retomar aedição do site.21
Para retornar ao site de edição:Acesse o webnode: http://webnode.com.br e clique em Entrar.Abrirá os campos para insira o ...
Abrirá a tela com os sites que você criou. Você pode ter vários sites.Eles são chamados de Projetos. No projeto que deseja...
24Nesse espaço, você pode alterar o domínio do seu site. Lembre-se que essesserviços são pagos. Não é necessário adquirir ...
25Pronto, retornamos ao endereço de edição do site.Vamos mostrar acrescentar e editar páginas em seu site.Vejamos ....
Acrescentando página no Menu do site.Clique em Editar menu e na Janela que abrir clique em Nova página.Insira o nome da no...
27Observe que a página criada ainda não está Publicada.Para Publicar faça assim:MODELODE OUTROSITE
28Clique no combo da página criada. Vai aparecer as opções...Clique em PublicarMODELOS DE OUTROSITE
29Outra maneira é selecionar a Página criada eclicar em Publicar Pronto! Clique em FecharMODELODE OUTROSITE
Pronto, nova página criada e relacionada no Menu. Veja:30
Editando uma página.Selecione a página que você quer editar e clique Editar (conteúdo, ou galeria, ouadicionar artigo). O ...
Acrescentando um conteúdoVocê pode acrescentar um conteúdo a uma página criada, ou seja Texto e Imagem,Enquete, galeria de...
Pronto! Agora basta editar o conteúdo (slide 31).Ao terminar a edição do conteúdo, clique em Publicar.33
Lembrando: Visualize seu site. Clique em Pré-Visualizar34
Há muitas outras ferramentas que podem ajudar a incrementar seu site.Aproveite para explorar essas ferramentas.Segue algum...
Dicas para WebnodeCanal de Dicas Webnode:http://www.youtube.com/user/58709131Tudo para Webnode:http://www.youtube.com/play...
Upcoming SlideShare
Loading in …5
×

Tutorial webnode

2,503 views

Published on

2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
2,503
On SlideShare
0
From Embeds
0
Number of Embeds
336
Actions
Shares
0
Downloads
36
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorial webnode

  1. 1. Tutorial WebnodeTutorial WebnodeCriando siteCriando site1
  2. 2. Registrando• Acesse o endereço: http://www.webnode.com.br/ e preencha os dadossolicitados e clique em Registre-se e crie seu site.2
  3. 3. 3Aguarde enquanto o sistema carrega as informações ...Enquanto isso, abra seu email e leia a mensagem que o Webnode te enviou.ATENÇÃO: Mas não feche essa página.
  4. 4. Cópia da mensagemque O Webnode envia,confirmando da criaçãodo site e os dadosfornecidos nocadastrado: E-mail eSenha.Guarde essasinformações.ATENÇÃO: Este e-mailpoderá cair na lixeiraou na caixa de Spam.Caso isso ocorra,recupere para a caixade entrada.Cuidado para nãodeletar !4
  5. 5. Retorne a página do Webnode para continuar acriação do site ...Provavelmente o carregamento já tenhaconcluído. Na próxima tela você indicará o tipode site de deseja criar.5
  6. 6. Selecione a opção Site pessoal (gratuito). As opções Site de negócios e Loja virtualtem licença de uso por 30 dias, caso opte por ele deve-se pagar pelo domínio.Depois escolha um slogan para seu site.E o idioma: Português brasileiroClique em ContinuarUm slogan ou frase de efeito é uma frase de fácilmemorização que resume as características de umproduto, serviço ou até mesmo pessoaUm slogan ou frase de efeito é uma frase de fácilmemorização que resume as características de umproduto, serviço ou até mesmo pessoa6
  7. 7. Selecione um Modelo para seu site. Você pode alterar esse modelo maistarde. Clique em Continuar.7
  8. 8. Selecione as páginas que você deseja criar automaticamente.Você pode criar outras páginas no modo de edição. Mais tarde, veremos como fazerisso. Clique em Concluir8
  9. 9. Aguarde enquanto o sistema carrega as informações ...9
  10. 10. Ao completar o carregamento irá abrir a página de edição do seu site.Parabéns! Seu site está criado!Clique em Pré-visualizar para ver como está sua página.10
  11. 11. O endereço de sua página está indicado na URL após a palavra preview.Esse exemplo: http://preview.tecnologia-educacional00.webnode.com/Portanto, o endereço do site é:http://tecnologia-educacional00.webnode.com11Feche a Pré-VisualizaçãoFeche a Pré-Visualização
  12. 12. Editando sua páginaNa página de edição, pode-se alterar o conteúdo de diversos itens. Inseririmagens e outros recursos; Vamos ver alguns:Alterando a imagem do cabeçalho.Passe o cursor do mouse na imagem e clique em Editar imagem12
  13. 13. Ao abrir o editor de imagem, clique em Adicionar imagem para selecionar umaimagem de seu computador ou da galeria do Webnode.Observação: Outra dica interessante é criar um logotipo e inserir no seu site.Veja a dica em: http://www.youtube.com/watch?v=Egx4f7tmKE4&noredirect=113
  14. 14. É nessa tela que é possível selecionar a imagem de sua preferência, selecionandouma da galeria de imagens do webnode ou de seu computador.Para selecionar de seu computador clique em Enviar uma imagem e indique o localonde a imagem está salva.14
  15. 15. A Imagem será carregada. Clique na da imagem e ajuste o tamanho e a posição.Use os pontos indicados na imagem para fazer esse ajustes. Use o botões Enviarpara traz, assim é possível editar o texto do título e o slogan.Se clicar na área da imagem do cabeçalho (nesse modelo - campos verde) o botãoCor de fundo ficará disponível para edição. Explore.15Botão Enviar para trás
  16. 16. Quando terminar o ajuste clique em Salvar e fechar.16
  17. 17. 17Alterando o modelo do siteClique em Modelos de site para alterar o modelo de seu site, o logo ou oslogan. Também é possível usar as configurações avançadas . Exploreessas ferramentas mais tarde.
  18. 18. Os modelos indicados como PREMIUM são destinados as contas pagas.Escolha um sem esse marca. Ao clicar no modelo será mostrada a aparência(“a cara”) do site. Se tiver de acordo clique em Usar esse modelo.18
  19. 19. Refaça o cabeçalho do site...19
  20. 20. Quando estiver pronto , clique em Publicar .Abrirá uma janela informando que a página foi Publicada. Feche essa janela,clicando no X.20
  21. 21. Clique em Fechar e depois em Sair.Vamos ver como retomar aedição do site.21
  22. 22. Para retornar ao site de edição:Acesse o webnode: http://webnode.com.br e clique em Entrar.Abrirá os campos para insira o e-mail e a senha de acesso cadastro no webnode.Clique em Entrar.22
  23. 23. Abrirá a tela com os sites que você criou. Você pode ter vários sites.Eles são chamados de Projetos. No projeto que deseja alterar clique emAdministrar site .23
  24. 24. 24Nesse espaço, você pode alterar o domínio do seu site. Lembre-se que essesserviços são pagos. Não é necessário adquirir um serviço.Clique em Comece a editar.
  25. 25. 25Pronto, retornamos ao endereço de edição do site.Vamos mostrar acrescentar e editar páginas em seu site.Vejamos ....
  26. 26. Acrescentando página no Menu do site.Clique em Editar menu e na Janela que abrir clique em Nova página.Insira o nome da nova página e clique em salvar26
  27. 27. 27Observe que a página criada ainda não está Publicada.Para Publicar faça assim:MODELODE OUTROSITE
  28. 28. 28Clique no combo da página criada. Vai aparecer as opções...Clique em PublicarMODELOS DE OUTROSITE
  29. 29. 29Outra maneira é selecionar a Página criada eclicar em Publicar Pronto! Clique em FecharMODELODE OUTROSITE
  30. 30. Pronto, nova página criada e relacionada no Menu. Veja:30
  31. 31. Editando uma página.Selecione a página que você quer editar e clique Editar (conteúdo, ou galeria, ouadicionar artigo). O nome depende do item que deseja editar.Nesse exemplo vou editar o conteúdo da página inicial.Irá abrir a página de edição doconteúdo a ser alterado.Explore as ferramentas deedição. Faça as alterações eclique em salvar e depois emPublicar (na página degerenciamento do site).31
  32. 32. Acrescentando um conteúdoVocê 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. Bastaselecionar o conteúdo, arrastar e soltar no local desejado. Esse local é indicado pelafaixa laranja que aparecerá ao se próxima o conteúdo a ser inserido.32
  33. 33. Pronto! Agora basta editar o conteúdo (slide 31).Ao terminar a edição do conteúdo, clique em Publicar.33
  34. 34. Lembrando: Visualize seu site. Clique em Pré-Visualizar34
  35. 35. Há muitas outras ferramentas que podem ajudar a incrementar seu site.Aproveite para explorar essas ferramentas.Segue algumas dicas ...35
  36. 36. Dicas para WebnodeCanal de Dicas Webnode:http://www.youtube.com/user/58709131Tudo para Webnode:http://www.youtube.com/playlist?list=PLBA8296E4FE32CC1936Tutorial elaborado Diretoria de São José dos Campos – Agradecemos a parceria!!

×