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 32

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. Instalação do tema
    2. Configuração da página inicial
    3. Página de sobre
    4. Página de serviços
    5. Página de contato
    6. Página de clientes
  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. SEO de página – configurações técnicas
    2. SEO de conteúdo
    3. Melhores práticas e dicas de conteúdo
    4. Pesquisa de palavras-chave
    5. Configurações nos sistemas de buscas – Google Search Console
    6. Link building
  20. Distribuição
    1. Redes Sociais
      1. Estratégias para Facebook
      2. Estratégias para Instagram
      3. Estratégias para LinkedIn
      4. Estratégias para Medium
      5. Estratégias para Pinterest
    2. WhatsApp marketing
    3. E-mail
    4. Publicidade paga
      1. Distribuir seu site no Facebook Ads
      2. Distribuir seu site no Google Ads
  21. Por que a velocidade do seu site é importante
    1. Otimização do servidor e hospedagem para velocidade
      1. Qualidade da máquina
      2. Versão da linguagem de programação
      3. Cache
      4. Configurações gerais
    2. Otimização de Imagens para velocidade
      1. Como salvar imagens para a web
      2. Serviços online de otimização de imagens
      3. Lazy loading
      4. Tamanho de imagem certa para cada tamanho de tela
      5. Plugins no WordPress para otimização de imagens
    3. Otimização de código para velocidade
      1. Minificação
      2. Concatenação
      3. Organização do código
      4. Banco de dados
      5. Limpeza do código
    4. Otimização do WordPress para velocidade
      1. Plugins para otimização
      2. Corte os demais plugins
    5. CDN – Content Distribution Network
    6. Ferramentas para mensurar e monitorar a velocidade do seu site
  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
    1. Melhores fontes de imagens gratuitas
    2. Envato Elements
  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
    1. Talk.to
    2. Freshdesk
    3. Olark
    4. Chatra
  28. Fontes
    1. Iglu Online
    2. Google Fonts
    3. Typekit
  29. Gestão Mídias Sociais
    1. Buffer
    2. Mlabs
    3. Gerenciagram
  30. Melhores Plugins do WordPress
  31. Melhores formas de monetizar seu site
    1. Afiliação
    2. Publicidade
    3. Newsletter
    4. Premios
    5. Posts patrocinados
    6. Conteúdo exclusivo
    7. Venda do seu site

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 *