Tutorial webnode

431 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
431
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorial webnode

  1. 1. Tutorial Webnode Criando site 1
  2. 2. Registrando • Acesse o endereço: http://www.webnode.com.br/ e preencha os dados solicitados e clique em Registre-se e crie seu site. 2
  3. 3. 3 Aguarde 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 mensagem que O Webnode envia, confirmando da criação do site e os dados fornecidos no cadastrado: E-mail e Senha. Guarde essas informações. ATENÇÃO: Este e- mail poderá cair na lixeira ou na caixa de Spam. Caso isso ocorra, recupere para a caixa de entrada. Cuidado para não deletar ! 4
  5. 5. Retorne a página do Webnode para continuar a criação do site ... Provavelmente o carregamento já tenha concluído. Na próxima tela você indicará o tipo de site de deseja criar. 5
  6. 6. Selecione a opção Site pessoal (gratuito). As opções Site de negócios e Loja virtual tem 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 brasileiro Clique em Continuar Um slogan ou frase de efeito é uma frase de fácil memorização que resume as características de um produto, serviço ou até mesmo pessoa 6
  7. 7. Selecione um Modelo para seu site. Você pode alterar esse modelo mais tarde. 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 fazer isso. Clique em Concluir 8
  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.com 11 Feche a Pré-Visualização
  12. 12. Editando sua página Na página de edição, pode-se alterar o conteúdo de diversos itens. Inserir imagens e outros recursos; Vamos ver alguns: Alterando a imagem do cabeçalho. Passe o cursor do mouse na imagem e clique em Editar imagem 12
  13. 13. Ao abrir o editor de imagem, clique em Adicionar imagem para selecionar uma imagem 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=1 13
  14. 14. É nessa tela que é possível selecionar a imagem de sua preferência, selecionando uma da galeria de imagens do webnode ou de seu computador. Para selecionar de seu computador clique em Enviar uma imagem e indique o local onde 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 Enviar para 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ão Cor de fundo ficará disponível para edição. Explore. 15 Botão Enviar para trás
  16. 16. Quando terminar o ajuste clique em Salvar e fechar. 16
  17. 17. 17 Alterando o modelo do site Clique em Modelos de site para alterar o modelo de seu site, o logo ou o slogan. Também é possível usar as configurações avançadas . Explore essas 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 a ediçã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 em Administrar site . 23
  24. 24. 24 Nesse espaço, você pode alterar o domínio do seu site. Lembre-se que esses serviços são pagos. Não é necessário adquirir um serviço. Clique em Comece a editar.
  25. 25. 25 Pronto, 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 salvar 26
  27. 27. 27 Observe que a página criada ainda não está Publicada. Para Publicar faça assim:
  28. 28. 28 Clique no combo da página criada. Vai aparecer as opções... Clique em Publicar
  29. 29. 29 Outra maneira é selecionar a Página criada e clicar em Publicar Pronto! Clique em Fechar
  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, ou adicionar 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 do conteúdo a ser alterado. Explore as ferramentas de edição. Faça as alterações e clique em salvar e depois em Publicar (na página de gerenciamento do site). 31
  32. 32. Acrescentando um conteúdo 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. Esse local é indicado pela faixa 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é-Visualizar 34
  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 Webnode Canal de Dicas Webnode: http://www.youtube.com/user/58709131 Tudo para Webnode: http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19 36 Tutorial elaborado por Adilson Villas Boas PCNP de Tecnologia de São José dos Campos

×