Crie seu primeiro website

Juntos descobriremos as etapas básicas para criar seu primeiro website e colocá-lo online.

1 - Preliminares antes da construção do site

O mapa do site é uma estrutura em árvore das diferentes seções que compõem seu site.

Por exemplo: (Início, Apresentação, Notícias, Contato)

../../_images/graphic_sitemap.png

Esta é uma etapa importante de reflexão que definirá suas diferentes páginas e a estrutura de seu site.

Tente manter a estrutura simples, para que o visitante não se perca na navegação

Depois vem a escolha do tom de cor, estilo.

Prepare e agrupe todos os seus elementos gráficos (imagem fotográfica, ícones) em uma pasta em seu computador.

Você pode usar gráficos livres de royalties disponíveis na Internet (Unsplash, etc.)

Sinta-se à vontade para se inspirar em sites já existentes que você gosta.

2- Criação do projeto WebAcappella

É hora de criar seu primeiro projeto WebAcappella.

Clique no menu do novo projeto

../../_images/choose_blank_site.jpg

Importando seus gráficos para o editor de recursos

../../_images/button_edit_resources.jpg

Arraste suas imagens de seu computador.

../../_images/resources_manager.jpg

3 - Criação de cabeçalhos e rodapés

Aviso

É importante se familiarizar com os fundamentos da WebAcappella FUSION antes de começar a formatar seu site.

Termos que você precisa saber

Um site coerente geralmente requer elementos comuns em todas as páginas.

Estes incluem:

  • um cabeçalho com um menu que permite o acesso simples às seções principais de seu site

  • Um “rodapé” com acesso a páginas secundárias (aviso legal, etc.)

WebAcappella permite criar estes elementos (rodapé e cabeçalho) apenas uma vez e depois integrá-los em todas as suas páginas

Criar um widget de página para cada um desses elementos (Cabeçalho e Rodapé).

../../_images/create_widget_header_and_footer.jpg

Uma imagem e um item de menu serão arrastados para o widget de cabeçalho

../../_images/header_drop_menu.jpg

O widget “rodapé” conterá um texto com direitos autorais

../../_images/footer_set_copyright.jpg

Dica

A qualquer momento, você pode clicar em “Testar” para visualizar seu website.

4- Criando sua página principal (home)

Selecione sua página inicial.

Teste a integração de seu cabeçalho e rodapé em sua página inicial

Colocação do cabeçalho da página

../../_images/add_comp_widget.jpg

Arraste o elemento widget para o topo da página.

../../_images/drop_widget_on_top.jpg

Escolha o widget criado anteriormente.

../../_images/link_widget_tocomp_widget.jpg

Selecione o cabeçalho da página.

../../_images/choose_widget.jpg

Faça exatamente o mesmo para o rodapé, que você colocará no final da página

Crie o conteúdo de sua página inicial (caixas de texto e imagens)

Esta é sua primeira página contendo:

  • um cabeçalho de página (topo)

  • o corpo central de sua página

  • um rodapé (na parte inferior)

../../_images/screen_page_with_2_widgets.jpg

Agora você deve preencher informações sobre sua página para poder ser referenciado pelos motores de busca

Abrir as propriedades da página

../../_images/page_properties_button.jpg

Preencha suas informações

../../_images/page_properties.jpg

5- Criando todas as suas páginas

Você pode criar as outras páginas de seu site começando com uma nova página em branco ou duplicando sua página inicial

Preencha o conteúdo de suas páginas e defina para cada página os elementos de referência e, especialmente, o nome da página

Dica

SEO leva tempo, portanto, tenha cuidado para não mudar o nome da página com muita freqüência para evitar confundir os mecanismos de busca.

6- Publique seu site

Seu site agora está pronto para ser publicado na Internet.

Você deve adquirir um nome de domínio e hospedagem para transferir todas as suas páginas e imagens e outros arquivos necessários para seu funcionamento.

Escolha de acomodação

Preencha os parâmetros SFTP fornecidos por seu anfitrião em WebAcappella

../../_images/publication_properties.jpg

Publique seu site.