Criando o seu próprio site

17/09/2025

Ter o seu próprio site é uma ótima ideia considerando que a gente não consegue controlar quando a nossa rede social de preferência vai meter o louco e se tornar um lugar insalubre.
Para artistas, é muito bom para organizar as suas galerias do jeito que você quiser e usar de portfólio. O Carrd cumpre muitas dessas necessidades, mas começa a ficar bem lento quanto mais coisa você coloca no site porque ele já carrega todo o conteúdo na página inicial. Não é ideal para organizar posts de blog, também.
Criar o seu site é também uma forma de arte e expressão, podendo se tornar o seu espacinho seguro e confiável na internet.
E por onde começar então para criar o seu próprio sitezinho cheio de tranqueiras e cacarecos? Tem muitos jeitos, mas vou focar em listar os passos e ferramentas que utilizei e que achei que foram mais simples de manusear.

1. Conhecer HTML/CSS

É necessário se familiarizar com essas linguagens de progrmação, pois mesmo que você use um layout de base você vai precisar saber como lidar para mudar o design do site e criar o conteúdo dele.
Pra isso eu recomendo demais o curso da W3 Schools, que é gratuito e tem vários exercícios práticos. Não precisa se preocupar em virar o mestre do HTML logo de cara, você vai aprender muito durante o caminho porque muita coisa se repete.

É legal aproveitar e já baixar um editor de código para se familiarizar, como o VSCodium. É possível fazer tudo no bloco de notas, mas o editor te ajuda a apontar erros e sugerir ações (e deixa tudo coloridinho!).

2. Criar o primeiro esboço do seu site OU customizar um Layout

Durante o curso, você consegue ir esboçando o seu próprio site conforme segue os exercícios. Você pode ir já construindo seu conteúdo em cima disso OU usar um Layout de alguém mais experiente, e usar o que você aprendeu pra customizar ele.
Usar um Layout é bem recomendado para quem está começando do zero, pois alguns já tem resolvido por exemplo o problema da responsividade, que é o preparo para o site funcionar corretamente em diversos tamanhos de telas. Aqui tem alguns links de Layouts.

É interessante logo de cara se preocupar com a responsividade, pois uma parte significativa dos usuários que vão ver seu site estarão no celular. Um recurso ótimo pra preparar o seu site é o Media Query, que muda o visual dos elementos CSS do seu site de acordo com o tamanho da tela do usuário.
Outra coisa importante é aprender a usar iframes, pra você não precisar por exemplo repetir código do header/footer em todas as páginas do seu site.

3. Hospedagem

Com seus arquivos em mãos, está na hora de publicar o seu site. Eu escolhi usar o Neocities.
Crie a sua conta no Neocities, suba seus arquivos e seu site ficará ao vivo do mesmo jeito que você estava o visualizando localmente (de graça!). Lembre-se que as pastas têm que ser criadas no próprio editor do Neocities.

4. Domínio

Essa parte é opcional, mas é interessante ter o seu próprio domínio ".com", ".com.br", etc.
De padrão, o Neocities faz o seu site terminar com "neocities.org". Caso você mude a hospedagem do seu site, você vai poder mover o seu domínio junto sem quebrar os links que você incluiu em posts, cartões de visita e afins.

Eu escolhi usar o Cloudflare, que no meu caso saiu em torno de 50 reais anuais.
Para incluir o seu domínio customizado no Neocities, é necessário assinar a versão paga, que tá saindo por 5 dólares/mês no momento que escrevi esse post.

Depois de criado o domínio, você vai ter que apontar ele para o serviço de hospedagem nas configurações de DNS seguindo as instruções na página de configurações de domínio customizado do Neocities.

5. Extra: Galeria

Vou deixar aqui o link para o código que usei para as galerias de imagens no site, ele serve para que o usuário possa visualizar as imagens no tamanho original sem ter que abrir em outra aba e tem uma interface para avançar/voltar e dar zoom.
Ez-Gallery