SlideShare uma empresa Scribd logo
Tutorial WebnodeTutorial Webnode
Criando siteCriando site
1
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
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.
3
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
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
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
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
Selecione um Modelo para seu site. Você pode alterar esse modelo mais
tarde. 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, veremos como fazer
isso. Clique em Concluir
8
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é-visualizar para ver como está sua página.
10
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çãoFeche a Pré-Visualização
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
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
É 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
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
Quando terminar o ajuste clique em Salvar e fechar.
16
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.
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
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,
clicando no X.
20
Clique em Fechar e depois em Sair.
Vamos ver como retomar a
ediçã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 e-mail e a senha de acesso cadastro no webnode.
Clique em Entrar.
22
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
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.
24
Pronto, retornamos ao endereço de edição do site.
Vamos mostrar acrescentar e editar páginas em seu site.
Vejamos ....
25
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
Observe que a página criada ainda não está Publicada.
Para Publicar faça assim:
M
ODELO
DE OUTRO
SITE
28
Clique no combo da página criada. Vai aparecer as opções...
Clique em Publicar
M
ODELOS DE OUTRO
SITE
29
Outra maneira é selecionar a Página criada e
clicar em Publicar Pronto! Clique em Fechar
M
ODELO
DE OUTRO
SITE
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, 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
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
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é-Visualizar
34
Há muitas outras ferramentas que podem ajudar a incrementar seu site.
Aproveite para explorar essas ferramentas.
Segue algumas dicas ...
35
Dicas para Webnode
Canal de Dicas Webnode:
http://www.youtube.com/user/58709131
Tudo para Webnode:
http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19
Abraços a todos,
Adilson A. Vilas Boas
Visite o site do NRTE SJC : http://nrtesjc.webnode.com/
36

Mais conteúdo relacionado

PPT
Tutorial webnode
PDF
Tutorial webnode
PPTX
Tutorial webnode
PDF
OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2
PPT
Como criar um blog
PPTX
Tutorial do blog do PIBID UNEAL Geografia Campus I
PPS
Passo a passo_blog educacional
PPT
Blog: Criação e Configuração
Tutorial webnode
Tutorial webnode
Tutorial webnode
OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2
Como criar um blog
Tutorial do blog do PIBID UNEAL Geografia Campus I
Passo a passo_blog educacional
Blog: Criação e Configuração

Mais procurados (17)

PPT
Como criar um Blog
PPT
Criando Blog Ste
PDF
Criar blog
PDF
Tutorial do blog
PDF
Tutorialdeblogs 110505222146-phpapp02
PPT
Criando um Blog
PDF
Blogger Tutorial
RTF
Criar um blog
PPT
Unidade III - Curso Introdução à Educação Digital
PPT
aula 04 - WordPress
PDF
Tutorial blogger elyene_fabricia
PPTX
Dreamweaver aula 1
DOC
Guia Layout
PPT
Criar um blog
PPT
aula 01 - WordPress
DOC
Guia Blog Layout Parte2
Como criar um Blog
Criando Blog Ste
Criar blog
Tutorial do blog
Tutorialdeblogs 110505222146-phpapp02
Criando um Blog
Blogger Tutorial
Criar um blog
Unidade III - Curso Introdução à Educação Digital
aula 04 - WordPress
Tutorial blogger elyene_fabricia
Dreamweaver aula 1
Guia Layout
Criar um blog
aula 01 - WordPress
Guia Blog Layout Parte2
Anúncio

Destaque (20)

ODP
5 cosas sobre mí.Erika
DOCX
Ple maria dolores
ODP
5 cosas sobre mi.Marina Pérez
PPT
Kube Networks
ODP
5 cosas sobre mi. Patri
PPTX
Taller 12 Meses, 12 Tendencias: "Do It Yourself"
DOC
PPTX
Estructuras de tm
PPT
Visão Humanística do Administrador Escolar
PPT
Cinetica Quimica
PPTX
Desarrollo de una planificación
PDF
DIG2522 Social Media infographic - resize
PDF
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
PDF
Medicare at 50: A Check-Up
PDF
Como diseñar la vida de un artista
PDF
Pacific Skies Issue 7 ecopy 02
PDF
Apache Any23 - Anything to Triples
PPSX
Educación virtual
PPTX
Internet Of Things Presentation
PDF
WEB動画マーケティングってなんだろう?
5 cosas sobre mí.Erika
Ple maria dolores
5 cosas sobre mi.Marina Pérez
Kube Networks
5 cosas sobre mi. Patri
Taller 12 Meses, 12 Tendencias: "Do It Yourself"
Estructuras de tm
Visão Humanística do Administrador Escolar
Cinetica Quimica
Desarrollo de una planificación
DIG2522 Social Media infographic - resize
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
Medicare at 50: A Check-Up
Como diseñar la vida de un artista
Pacific Skies Issue 7 ecopy 02
Apache Any23 - Anything to Triples
Educación virtual
Internet Of Things Presentation
WEB動画マーケティングってなんだろう?
Anúncio

Semelhante a Tutorial webnode (20)

PPT
Tutorial webnode
PPTX
Webnode
PPT
Projeto dreamweaver aula 3 a 5
PPT
Blog educacional
PPT
Criar um blog
DOC
Guia BáSico 3
PPT
(Transformar 16) capacitação desenvolvimento de website 1.1 (mão na massa)
PPSX
Tutorial de site de Ramalhovieira
PPT
Oficina Criando Um Blog
PPT
Tutorial wiki
PPT
aula 02 - WordPress
PPSX
Criando uma webquest com o webnode
PDF
Cartilha de Participação do Sistema Nacional de Cultura
PDF
Google sites-pdf
PDF
Tutorial Wiki
PPT
Criando uma webquest com o site webnode
PDF
Como criar um blog
PDF
Blogger Tutorial
Tutorial webnode
Webnode
Projeto dreamweaver aula 3 a 5
Blog educacional
Criar um blog
Guia BáSico 3
(Transformar 16) capacitação desenvolvimento de website 1.1 (mão na massa)
Tutorial de site de Ramalhovieira
Oficina Criando Um Blog
Tutorial wiki
aula 02 - WordPress
Criando uma webquest com o webnode
Cartilha de Participação do Sistema Nacional de Cultura
Google sites-pdf
Tutorial Wiki
Criando uma webquest com o site webnode
Como criar um blog
Blogger Tutorial

Mais de Edna Luisa Matos Lopes (12)

PPTX
Criar grupo no face
PDF
Proinfo introducao a educacao digital - cursista
PPS
Anos sessenta
PPS
Alteracoes na lingua_portuguesa
PPS
Anos sessenta
PPS
Alteracoes na lingua_portuguesa
PPS
Mundo em miniatura
PDF
Proinfo introducaoaeducacaodigital-cursista1-130425175348-phpapp01
PPT
Apresentacao curso
PPT
Poster no power point edna
Criar grupo no face
Proinfo introducao a educacao digital - cursista
Anos sessenta
Alteracoes na lingua_portuguesa
Anos sessenta
Alteracoes na lingua_portuguesa
Mundo em miniatura
Proinfo introducaoaeducacaodigital-cursista1-130425175348-phpapp01
Apresentacao curso
Poster no power point edna

Tutorial webnode

  • 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. 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. 3
  • 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. 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. 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 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. Selecione um Modelo para seu site. Você pode alterar esse modelo mais tarde. Clique em Continuar. 7
  • 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. Aguarde enquanto o sistema carrega as informações ... 9
  • 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. 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çãoFeche a Pré-Visualização
  • 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. 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. É 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. 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. Quando terminar o ajuste clique em Salvar e fechar. 16
  • 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. 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. Refaça o cabeçalho do site... 19
  • 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. Clique em Fechar e depois em Sair. Vamos ver como retomar a edição do site. 21
  • 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. 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. 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. 24
  • 25. Pronto, retornamos ao endereço de edição do site. Vamos mostrar acrescentar e editar páginas em seu site. Vejamos .... 25
  • 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 Observe que a página criada ainda não está Publicada. Para Publicar faça assim: M ODELO DE OUTRO SITE
  • 28. 28 Clique no combo da página criada. Vai aparecer as opções... Clique em Publicar M ODELOS DE OUTRO SITE
  • 29. 29 Outra maneira é selecionar a Página criada e clicar em Publicar Pronto! Clique em Fechar M ODELO DE OUTRO SITE
  • 30. Pronto, nova página criada e relacionada no Menu. Veja: 30
  • 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. 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. Pronto! Agora basta editar o conteúdo (slide 31). Ao terminar a edição do conteúdo, clique em Publicar. 33
  • 34. Lembrando: Visualize seu site. Clique em Pré-Visualizar 34
  • 35. Há muitas outras ferramentas que podem ajudar a incrementar seu site. Aproveite para explorar essas ferramentas. Segue algumas dicas ... 35
  • 36. Dicas para Webnode Canal de Dicas Webnode: http://www.youtube.com/user/58709131 Tudo para Webnode: http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19 Abraços a todos, Adilson A. Vilas Boas Visite o site do NRTE SJC : http://nrtesjc.webnode.com/ 36