Como Criar um Site – Em 40 Passos simples

Índice

• Introdução
• Como Criar um site – Aula 1
• Como Criar um site – Aula 2
• Como Criar um site – Aula 3

Introdução

Vejo muita gente boa criando produtos e prestando serviços de qualidade. Mas que ainda ainda não divulgam seu trabalho pela internet. Um site é uma ferramenta que pode mudar o rumo dos negócios, foi assim que comecei a vender pela internet e espero que você consiga fazer o mesmo.

Nesse tutorial, vamos desenvolver um site completo utilizando uma das melhores plataformas que existe (WordPress). Aprenda a registrar um domínio, contratar uma hospedagem, baixar imagens de alta qualidade e a construir páginas sem precisar programar.

Todas as ferramentas que utilizo são gratuitas, segue lista:

Banco de Imagens:
Pixabay – https://pixabay.com/pt/
Unsplash – https://unsplash.com/

Edição e Otimização de Imagens
Pixlr – https://pixlr.com/br/x/

Mockup e Planejamento de Páginas
Moeups – https://moqups.com/

Paleta de cores e Design
https://www.designspiration.com/
https://color.adobe.com/pt/create/col…

Extensões do Google Chrome
Descobrir nome de fontes:
Whatafont: https://bit.ly/2YMF4BU

Descobrir cores utilizadas na página:
ColorZilla: https://bit.ly/31FiYDi

Torço para que você consiga colocar seu projeto no ar e que se divirta criando ele.

Fique a vontade para tirar suas dúvidas nos comentários.

Como Criar um Site – Aula 1

Vídeo Completo

1. Passo a Passo:
2. Introdução: 00:00:00
3. Domínio e Hospedagem: 00:02:55
4. Instalar WordPress: 00:09:55
5. Instalar SSL (https): 00:12:21
6. Atualização PHP: 00:14:45
7. Login WordPress: 00:16:50
8. Colocar WordPress em Português: 00:17:25
9. Limpar instalação WordPress: 00:18:25
10. Instalação Construtor (Elementor): 00:21:30
11. Instalar Tema (Astra): 00:22:40
12. Mudar estrutura de Links: 00:27:35
13. Importacão de sites de demonstração: 00:28:35
14. Planejando seu site (Ferramentas e Dicas): 00:30:35
15. Como definir páginas: 00:30:52
16. Criação e Edição de textos: 00:37:35
17. Definindo Cores e Fontes (ID Visual): 00:38:20
18. Ferramenta para wireframe: 00:41:00
19. Bancos de Imagem gratuitos: 00:41:30
20. Criando uma paleta de cores: 00:42:15

---

Como Criar um Site – Aula 2

Vídeo completo

Veja o passo a passo logo abaixo:

1. Editando configurações Básicas (Fontes e Cores) 00:00:00
2. Colocando uma logo no site: 00:02:10
3. Título do site: 00:03:40
4. Editando o Menu de Navegação: 00:04:35
5. Editando o Rodapé: 00:05:15
6. Entendendo como o Elementor Funciona: 00:06:20
7. Criando e editando estruturas do site: 00:09:40
8. Como otimizar imagens para WordPress: 00:19:45
9. Configurando a página inicial do wordpress 00:49:45

---

Como Criar um Site – Aula 3

Passo a passo completo.

1. Veja o passo a passo logo abaixo::
2. Introdução 00:00:00
3. Edição da Página Quem Sou: 00:01:10
4. Importando blocos de página: 00:02:30
5. Edição da Página de Serviços: 00:11:00
6. Edição da Página de Contato: 00:15:35
7. Configuração do formulário de contato: 00:17:12
8. Estrutura de links das páginas 00:19:50
9. Criando páginas no WordPress: 00:21:15
10. Criação e edição de uma página do Zero: 00:22:10
11. Criação e Edição da Página de Serviços: 00:28:55
12. Configurando o Menu de Navegação: 00:40:20
13. Configurando o Rodapé: 00:42:37
14. Tornando o site Responsivo (adaptado a celulares): 00:46:25

---

Espero que você consiga montar o seu projeto.

Fique à vontade para tirar suas dúvidas nos comentários.