Como criar um site: Guia completo para iniciantes em 2019

Criar um site pode ser uma tarefa que assusta não é mesmo?

Entendo como se sente, então resolvi criar esse artigo para te mostrar exatamente como você pode criar o seu próprio website.

Minha primeira experiência com criação de websites foi por volta de 2003, quando criei meu primeiro website utilizando o aposentado Microsoft Front-page.

Eu não sabia nada de programação e muito menos de como a internet funcionava, mas não importava pois mesmo naquela época era possível colocar sites online sem esse tipo de conhecimento técnico.

Olha como isso melhorou:

Atualmente o processo é pelo menos umas 10 vezes mais fácil e o resultado pode ser 100 vezes mais profissional. Aliás, eu acredito que, cada vez mais, a criação de grande parte dos sites não precisará envolver um desenvolvedor web diretamente.

Hoje eu sou desenvolvedor de websites. Significa que vou perder meu trabalho no futuro?

Com certeza! Mas está tudo bem pois todas as profissões precisam se transformar e novas oportunidades também surgem com esse processo.

  • Informação importante: O guia ainda está em desenvolvimento, então alguns itens ainda não estão disponíveis ou públicos.

Como funciona esse guia de como criar um site

Esse guia completo de como criar um site tem como objetivo te ensinar tudo que você precisa saber para colocar e manter um site no ar sem necessidade de conhecimento técnico.

Vamos passar por como a internet funciona, principais formas de criarmos os websites, como os colocar online e até como os otimizamos para SEO, segurança e velocidade.

Como esse tema é enorme, os passos serão distribuidos em artigos separados e estão todos linkados devidamente para você, caso queira, aprofundar seus conhecimentos.

Além disso, temos alguns momentos que podemos ou escolher formas mais simples ou mais complexas. Vou apontar a dificuldade das ações em:

  • 1 – Fácil
  • 2 – Médio
  • 3 – Difícil

Como exemplo, na hora de escolhermos a hospedagem do site – onde vamos colocar o site para todo mundo poder acessar – podemos escolher entre um caminho fácil que tem um custo por mês, um camimho intermediário que o primeiro ano é gratuito ou o caminho difícil que é de graça pra sempre.

Como há muito sobre o assunto, precisamos de um um guia para seguir. Além disso, crei abaixo três caminhos que você pode seguir:

  • Caminho Expresso
  • Caminho Interessado
  • Caminho Completo

O Expresso te possiblilita a criação de um website em muito pouco tempo sem te explicar muita coisa.

Já o caminho Interessado é aquele famoso caminho do meio, para pessoas que querem saber um pouquinho mais mas não quererm também virar desenvolvedoras de sites.

Por sua vez, o caminho Completo contém todos os detalhes e explicações do processo e, quem sabe, poder até oferecer o serviço de criação de sites para outras pessoas ou empresas.

Caminho Expresso – Crie seu site em 2 horas

1 > 3.2 > 3.3 > 4.2 > 7.2 > 10

Caminho Interessado – Aproximadamente 10h de estudo

1 > 3 > 4.1 > 4.2 > 4.3 > 5.1 > 5.4 > 6 > 7.2 > 7.3 > 8.1 > 8.2 > 8.3 > 10 > 18 > 19 > 20 >21.4 > 21.6 > 23.3 > 24.2 > 26.1

Caminho Completo – Mais de 30h de conteúdo

Naturalmente, todos os itens 🙂

Divisão de temas

Parte 1 – Introdução: 1 a 6

Parte 2 – Criação dos Websites: 7 a 17

Parte 3 – Criação de Conteúdo: 18 a 21

Parte 4 – Otimização de velocidade e segurança: 22 e 23

Parte 5 – Serviços complementares e Monetização: 24 a 31

Todos os ítens

  1. Por que ter um site
    1. Site Institucional
    2. Blog
    3. Portfólio
    4. E-commerce / Loja Online
    5. Venda de infoprodutos
  2. Como funciona a internet
    1. Como o site aparece no navegador?
    2. O que é HTTP?
    3. O que é o código?
  3. Domínio
    1. Como funcionam os domínios e o que é DNS?
    2. Adquirindo seu domínio
    3. Dicas para economizar na compra do seu domínio
  4. Servidor e Hospedagem
    1. O que é uma hospedagem?
    2. Tipos de Hospedagem
    3. Compartilhado
    4. VPS
    5. Dedicado
    6. Cloud
    7. Hospedagem para sites estáticos
  5. Layout e Design do Site
    1. Como layouts são feitos
    2. Como fazer o layout perfeito
    3. Onde buscar inspiração
    4. Onde encontrar layouts gratuitos
    5. Ferramentas de criação de layout
  6. Tipos de sites
    1. Estático
    2. CMS – Sistemas de Gestão de Conteúdo
    3. Desenvolvidos do Zero
  7. Instalar o WordPress
    1. WordPress no seu computador
      1. Instalar o servidor local
      2. Instalar o WordPress na sua máquina
      3. Utilizar o Local by Flywheel para simplificar
    2. WordPress Gerenciado e/ou compartilhado
      1. Contratar o serviço de hospedagem
      2. Configurar o domínio
      3. Instalar o WordPress no CPanel
    3. WordPress de Graça com AWS
      1. Criar conta na AWS
      2. Opção 1: Criar instância do servidor gratuito e Bitnami
      3. Opção 2: Criar instância com Runcloud
  8. Como o WordPress Funciona
    1. Configurações gerais do WordPress
    2. Instalação de temas no WordPress
    3. Instalação de plugins no WordPress
  9. Criação de um site tipo Blog no WordPress
    1. O que é um blog e quando criar um
    2. Escolha do tema
    3. Configuração da página inicial
    4. Página do post
    5. Página de sobre
    6. Página de contato
    7. Configuração dos Widgets
  10. Criação de um site tipo Institucional
    1. O que é um site institucional
    2. Escolha do tema do WordPress
    3. Página inicial
    4. Página sobre
    5. Página de serviços ou produtos
    6. Página de contato
    7. Configuração do Blog
  11. Criação de um site tipo E-commerce – Loja Online
    1. Instalação do tema
    2. Configuração da página inicial
    3. Página de sobre
    4. Página de produtos
    5. Página do produto
    6. Página de contato
    7. Configuração do WooCommerce
    8. Página do carrinho e finalizar compra
    9. Conexão com sistema de pagamento
    10. Conexão com os correios
  12. Criação de um site tipo Porfólio
    1. Instalação do tema
    2. Configuração da página inicial
    3. Página do post
    4. Página de sobre
    5. Página de contato
    6. Página de portfólio ou trabalhos realizados
    7. Página do portfólio individual
  13. Criação de um site para venda de infoprodutos ou afiliação
    1. Instalação do tema
    2. Configuração da landing page
    3. Configuração de funil de e-book
  14. Criação de uma área de membros ou área restrita
    1. Instalação do tema
    2. Instalação e configuração do OptimizePress e OptmizeMember
    3. Página de login
    4. Página de listagem dos cursos
    5. Página do curso individual
    6. Página do módulo do curso
    7. Página de FAQ
    8. Integração do OptmizePress e Optimizemenber com o Hotmart, Eduzz ou outro sistema de pagamento
  15. Criar um site no WebFlow
    1. Criar conta no WebFlow
    2. Criar um projeto
    3. Lidar com a ferramenta
    4. Criar outras páginas
    5. Publicar seu site
  16. Montar site no Wix
    1. Criar conta no Wix
    2. Criar um projeto no Wix
    3. Criar páginas
    4. Instalar complementos
    5. Publicar seu site
  17. Criar um site estático com HTML
    1. O que é HTML
    2. O que é CSS
    3. O que é JavaScript
    4. Templates gratuitos
    5. Formas simples de modificar o template
    6. Publicar gratuitamente sites estáticos no Netlify
    7. Gerador de sites estáticos
      1. Hugo
      2. Jekyll
      3. Gatsby
  18. Relevância dos conteúdos
    1. O que é um conteúdo relevante
    2. Conteúdos Evergreen ( atemporais )
    3. Conteúdos Pontuais ( temporais )
    4. Conteúdos Virais
  19. SEO
    1. O que é SEO
    2. Fundamentos de SEO
    3. Pesquisas de Palavras-chave
    4. SEO de página
    5. SEO Técnico
    6. Off-page SEO
    7. SEO para vídeo
    8. Tendências
  20. Como divulgar o seu site
    1. A importância do tráfego
    2. Tipos de Tráfego
    3. Distribuição em redes sociais
    4. Tráfego orgânico
    5. Tráfego pago
    6. E-mail e tráfego direto
    7. Referências, parceiros e influencers
  21. Como aumentar a velocidade do seu site
    1. Porque a velocidade é importante
    2. Orimização do servidor de hospedagem
    3. Otimização de código
    4. Otimização de imagem
    5. Otimização do WordPress para velocidade
    6. CDN
  22. Segurança do seu website
    1. Por que a segurança do seu site é importante
    2. Como avaliar a segurança do seu website
    3. Lidar com as atualizações do WordPress
  23. E-mail com o seu domínio
    1. Por que ter um e-mail personalizado
    2. Como funcionam os e-mails
    3. Zoho mail
    4. Yandex
    5. Servidor Cpanel
    6. Google G Suite
  24. E-mail marketing
    1. O que é e-mail marketing
    2. Estratégias simples
    3. Serviços
  25. Imagens para site
    1. Por que as imagens são importantes
      1. O que são imagens em um site
    2. Como escolher as melhores imagens
      1. Fotos, desenhos ou gráficos
      2. Dicas sobre tamanho
      3. Padronização para elementos similares
      4. Posicionamento de detalhes em fotos
    3. Onde encontrar e baixar imagens gratuitas
  26. Analytics
    1. Tipos de analytics
    2. Importância do analytics
    3. O que analisar
    4. Serviços de analytics
      1. Google Analytics
      2. Mixpanel
      3. Amplitude
      4. Hotjar
      5. Jetpack
  27. Chat no site
    1. Por que ter um chat online no site?
    2. Bots ou humanos?
    3. Quais são os melhores chats gratuitos?
    4. Quais são os melhores chats pagos?
  28. Melhores Plugins do WordPress
  29. Melhores formas de monetizar seu site
    1. Venda de Produtos
    2. Venda de Serviços
    3. Afiliação
    4. Espaço de Publicidade
    5. Newsletter
    6. Posts Patrocinados
    7. Conteúdo Exclusivo – Patreon / Apoia-se
    8. Conteúdo Exclusivo – Cursos ou Grupos

Daqui pra frente

Com esses conhecimentos acima você poderá construir sites dos mais variados tipos, propósitos e tamanhos. Contudo, esses formatos são mais voltados para o a criação de websites sem o uso de código.

Se você gostou do assunto, recomendo então nosso guia completo de como se tornar um desenvolvedor(a) web.

O foco desse outro guia é como você pode realmente desenvolver suas habilidades para criar ferramentas com a programação e não só com ferramentas visuais.

As tecnologias, ferramentas e melhores maneiras de se fazer qualquer tipo de site estão sempre crescendo, então esse guia está em constante mutação também.

Para finalizar, gostaria de te pedir para compartilhar esse artigo com outras pessoas que podem também se interessar em como criar um site.

Também, peço que dê prioridade para os links que adicionamos para os diversos serviços e produtos na hora de realizar uma compra pois nos ajuda a continuar criando conteúdo gratuito de qualidade.

Divirta-se!

Gostou do artigo?

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on whatsapp
WhatsApp
André Lug

André Lug

Apaixonado por design e desenvolvimento de websites. De vez em quando gosta de escrever sobre produtividade, como é ser um freelancer e algumas reflexões da vida.

2 Comentários

  1. Parabéns e obrigado pela iniciativa André!
    São cada vez mais raros os conteúdos de valor e gratuitos na internet. Já postei no Facebook, pois iniciativas assim devem ser apoiadas.
    Sou fotógrafo e estou indo pelo caminho do “meio”. Não pretendo me tornar desenvolvedor, mas tenho formação técnica e quero mais flexibilidade pro meu site, diminuindo os custos.

    Grande abraço e sucesso para você!

    1. Oi Ari,

      que bacana que gostou da série e obrigado por compartilhar 🙂

      O caminho do meio é sempre interessante e espero que dê tudo certo para você!

      Um abraço

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Gostou?

Junte-se às mais de 2 mil pessoas que acompanham as novidades no mundo do design e desenvolvimento web!