Apostila de criação de website

Transcrição

1 Apostila de criação de website "Webnode" OBS: Informações e imagens retiradas do webnode

2 O que é o WebNode : O WebNode é um sistema de criação de sites de fácil utilização. # Grátis. Sem burocracias, # Não é necessário instalar nada. Use apenas o seu browser # Fácil. Não são necessário conhecimentos de programação # Conteúdo dinâmico como artigos, sondagens, listas e catálogos Como criar sua conta: Entre em vá em registre-se já. na próxima página digite o nome de seu site ex: ACESSAMEUCANDIDATO, não é preciso o site já o coloca. digite seu pessoal e uma senha. Click em próximo. Aparecerá uma tela com as seguintes informações : Desejo criar: Website e E-slop, click em website. Click em próximo Aparecerá uma nova página com as seguintes informações: Basic info: nome do site ( que já estará lá) Slogan ( opcional) e idioma ( português brasileiro já estará aparecendo, caso deseje mudar e só clickar na setinha. select template : Aqui você escolherá o modelo de seu site. (click em próximo) A próxima pagina aparecerá a seguinte opção: criar página : aqui você selecionará as opções que você deseja que apareça na pagina inicial. ( Finalize)

3 Como trocar o template ( MODELO) no WebNode: O Webnode oferece vários templates para deixar seu site com a sua cara. Para trocar o template acesse o painel de controle e clique sobre o botão "Layout Options" Depois clique sobre o botão "Templates" para abrir o menu de opções de templates. Escolha o template desejado e clique sobre ele para ativá-lo.

4 Como adicionar um logo ao WebNode: No Webnode é possível adicionar seu logo para personalizar seu site.para fazer isso, após acessar o painel de controle, clique no botão "Settings" que fica localizado no menu superior, e depois em website Header. Na nova janela que se abre, clique no X referente ao logo. Confira a imagem abaixo. Na nova janela que se abre, clique em "Upload Images" para enviar seu logo ao Webnode.Depois selecione o logo e clique no botão "Insert" para inserir o logo ao template. OBS: você deve ter um logo salvo no computador Nota: Lembrando que dependendo do template (modelo) que estiver utilizando, o logo precisa ter o fundo transparente para se adptar ao fundo

5 Como Adicionar uma SubPágina: Para iniciar, clique no botão "Novo" que aparece no menu superior, para iniciar uma nova página.no novo assistente você deve adicionar o nome desejado para a página e em seguida clicar no botão de seleção de página principal como é mostrado na imagem abaixo. Uma nova janela se abrira para que você selecione a página principal em que a subpágina será adicionada. A nova página principal deverá estar selecionada Após clicar em "Salvar" a nova subpágina aparecerá abaixo da página principal no menu de navegação.

6 Como editar o nome das páginas do menu de navegação: O Webnode permite que você edite o nome dado as páginas que aparecem no menu de nevegação, você poderia mudar por exemplo: Inicial para Home ou Contacto para Contato.Para fazer isso você deve clicar sobre o link "Editar menu" que aparece acima do menu de nevageção. Confira a imagem abaixo. Ps. A posição do menu pode mudar de acordo com o template que estiver utilizando. Em seguida você verá o editor do menu que permite que além do nome das páginas, permite que você altere a ordem de exibição das páginas, crie novas subpáginas ou apague uma determinada página. Você deverá expandir as propriedas clicando sobre a pequena setinha que aparece no lado esquerdo da janela, junto a página que você deseja editar e em seguida em "Porpriedades". Confira a imagem. O próximo passo é definir o nome desejado no campo "Título". Você também poderá aproveitar para editar as palavras-chave, descrição e as tags da página que ajudam a melhorar o posicionamento das páginas nos mecanismos de busca. Confira a imagem abaixo. Depois disso e só dar ok.

7 Como editar as propriedades das páginas do WebNode: O Webnode permite otimizar as páginas para obter melhores posicionamentos nos mecanismos de busca. Em todas as páginas que você criar, poderá editar o título da página, editar o endereço (URL), incluir meta tags e descrição da página e também as tags de navegação. Para editar as propriedades das páginas criadas no Webnode, você deve acessar o painel de controle e navegar até a página que deseja editar as propriedades. Clique no botão "Properties" que fica na parte superior da janela. Em seguida você verá uma janela onde deverá preencher as propriedades de acordo com suas necessidades. O que são cada um destes campos Title - Título exibido no navegador Web Address - Endereço da página (URL). Parent Page - Página a qual a nova página estará ligada. Keywords - Palavras-chaves referentes a página. Description - Descrição sobre o conteúdo encontrado na página. Tags - As tags de navegação que ajudam a obter melhores posições nos buscadores.

8 Como adicionar comentários as páginas do WebNode: Uma maneira de aumentar as visitas e criar uma comunidade em volta de seu site é oferecendo uma área de comentários.no WebNode você poderá fazer isso em qualquer página. Como fazer: Para adicionar a área de comentários, acesse o painel de controle e selecione a página desejada (ou crie uma) e clique sobre o botão "Fórum" e arraste até o final da página. Dica: Se o seu site no WebNode tiver muitas páginas, recomendo que não insira o sistema de comentários em todas as páginas, pois você terá muito trabalho para moderá-los. Como criar links em imagens: O Webnode permite criar links em imagens para direcionar o visitante para qualquer página ou arquivo existente na internet.para fazer isso, clique sobre a imagem que deseja adicionar o link e clique no botão que permite criar o link que fica localizado na parte superior da página de edição. Confira a imagem abaixo. Depois basta que você especifique para onde deseja apontar o link. Você pode escolher entre apontar o link para uma página qualquer ou para uma de suas páginas no Webnode clicando em "Select Link".

9 Como adicionar imagens junto ao texto: O Webnode permite adicionar imagens junto aos textos de páginas para dar mais vida ao texto.para adicionar uma imagem, enquanto estiver editando seu texto, clique sobre o pequeno botão Insert Image. Confira a imagem abaixo. Na próxima janela que aparece clique em Upload Images. Confira a imagem abaixo. Depois basta que você clique na imagem desejada para que ela seja adicionada ao conteúdo.

10 Como incluir códigos nas páginas do WebNode: O Webnode permite incluir códigos de vídeos do Youtube, contadores de acessos, sistemas de estatísticas, chat, murais de recados, publicidade entre outros. Para fazer isso, no painel de controle clique em Edit content no local em que deseja adicionar o código e na nova janela que se abre clique em um dos dois ícones mostrados na imagem abaixo Explicação O primeiro ícone abre uma janela que permite que você adicione o código do sistema de deseja adicionar ao seu site. Este método é recomendado para pessoas sem muito conhecimento sobre edição de código HTML. O segundo exibe o código fonte da página, permitindo ter maior controle sobre o local onde deseja adicionar o código. Recomendado para pessoas com experiência em edição de códigos HTML. Nota: Nem todo script funciona no Webnode. É necessário que seja códigos em HTML ou Javascript. PARA CONTATO: MSN PARA CONTATO: [email protected] [email protected] TELEFONE PARA CONTATO: