Somos sua nova área de tecnologia

Como criar um site: Guia completo para iniciantes

Inscreva-se em nossa Newsletter!

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 (Search Engine Optimization – Otimização para os Sistemas de Busca), 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 > 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 > 10 > 14 > 15 > 16 > 17 > 18 > 25

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 13

Parte 3 – Criação de Conteúdo: 14 a 16

Parte 4 – Otimização de velocidade e segurança: 17 e 18

Parte 5 – Serviços complementares e Monetização: 19 a 25

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. O que é uma loja online
    2. Escolha do tema do WordPress
    3. Configuração da página inicial
    4. Página de sobre
    5. Página de listagem de produtos
    6. Página do produto individual
    7. Páginas do carrinho e checkout
    8. Configurações do WooCommerce
    9. Conexão com sistema de pagamento
    10. Dicas especiais para lojas online
  12. Criação de um site tipo Porfólio
    1. O que é um portfólio online
    2. Escolha do tema no WordPress
    3. Configuração da página inicial
    4. Página de trabalhos
    5. Configuração do menu
  13. Criar um site estático com HTML
    1. O que é HTML
    2. O que é CSS
    3. O que é JavaScript
    4. A estrutura de um site
    5. Template e hospedagem gratuitos
  14. 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
  15. 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
  16. 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
  17. Como aumentar a velocidade do seu site
    1. Porque a velocidade é importante
    2. Otimizaçã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
  18. 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. Ações para garantir a segurança do seu site WordPress
      1. Atualização
      2. Plugins e temas
      3. Login seguro
      4. Plugin de segurança
      5. Computador seguro
      6. Backups
      7. Servidor
      8. CDN
      9. HTTPS
  19. 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
  20. E-mail marketing
    1. O que é e-mail marketing
    2. Estratégias simples
    3. Serviços
  21. 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
  22. 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
  23. 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?
  24. Melhores Plugins do WordPress
  25. 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?

Facebook
LinkedIn
Pinterest
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.
×