criando site - pedravirtual-desuz.webnode.com€¦ · selecione a opção site pessoal (gratuito)....
TRANSCRIPT
![Page 1: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/1.jpg)
Tutorial Webnode
Criando site
1
![Page 2: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/2.jpg)
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
NOME DO SITE: artecsuz-nomedaescola
![Page 3: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/3.jpg)
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
![Page 4: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/4.jpg)
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
![Page 5: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/5.jpg)
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
![Page 6: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/6.jpg)
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
![Page 7: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/7.jpg)
Selecione um Modelo para seu site. Você pode alterar esse modelo mais tarde. Clique em Continuar.
7
![Page 8: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/8.jpg)
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
![Page 9: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/9.jpg)
Aguarde enquanto o sistema carrega as informações ...
9
![Page 10: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/10.jpg)
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
![Page 11: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/11.jpg)
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
![Page 12: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/12.jpg)
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
![Page 13: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/13.jpg)
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
![Page 14: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/14.jpg)
É 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
![Page 15: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/15.jpg)
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
![Page 16: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/16.jpg)
Quando terminar o ajuste clique em Salvar e fechar.
16
![Page 17: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/17.jpg)
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.
![Page 18: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/18.jpg)
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
![Page 19: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/19.jpg)
Refaça o cabeçalho do site...
19
![Page 20: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/20.jpg)
Quando estiver pronto , clique em Publicar .
Abrirá uma janela informando que a página foi Publicada. Feche essa janela, clicando no X.
20
![Page 21: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/21.jpg)
Clique em Fechar e depois em Sair.
Vamos ver como retomar a
edição do site.
21
![Page 22: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/22.jpg)
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
![Page 23: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/23.jpg)
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
![Page 24: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/24.jpg)
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
![Page 25: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/25.jpg)
Pronto, retornamos ao endereço de edição do site.
Vamos mostrar acrescentar e editar páginas em seu site.
Vejamos ....
25
![Page 26: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/26.jpg)
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
![Page 27: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/27.jpg)
27
Observe que a página criada ainda não está Publicada.
Para Publicar faça assim:
![Page 28: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/28.jpg)
28
Clique no combo da página criada. Vai aparecer as opções...
Clique em Publicar
![Page 29: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/29.jpg)
29
Outra maneira é selecionar a Página criada e
clicar em Publicar Pronto! Clique em Fechar
![Page 30: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/30.jpg)
Pronto, nova página criada e relacionada no Menu. Veja:
30
![Page 31: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/31.jpg)
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
![Page 32: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/32.jpg)
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
![Page 33: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/33.jpg)
Pronto! Agora basta editar o conteúdo (slide 31).
Ao terminar a edição do conteúdo, clique em Publicar.
33
![Page 34: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/34.jpg)
Lembrando: Visualize seu site. Clique em Pré-Visualizar
34
![Page 35: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/35.jpg)
Há muitas outras ferramentas que podem ajudar a incrementar seu site. Aproveite para explorar essas ferramentas.
Segue algumas dicas ...
35
![Page 36: Criando site - pedravirtual-desuz.webnode.com€¦ · 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](https://reader031.vdocuments.net/reader031/viewer/2022040617/5f211baefb2bc32ece640e8b/html5/thumbnails/36.jpg)
Dicas para Webnode
Canal de Dicas Webnode: http://www.youtube.com/user/58709131
Tudo para Webnode:
http://www.youtube.com/playlist?list=PLBA8296E4FE32CC19
http://pedravirtual-desuz.webnode.com
36