Como um site é criado?

Como o site é criado: Os elementos básicos

Os sites consistem em:

• Domínios
• Hospedagem
• Plataformas de tecnologia do site
• O código que cria o site
• O conteúdo do site

Vamos passar por estes um de cada vez.

Domínios

Como você sabe, cada site tem seu próprio URL, que significa Universal Resource Locator. É realmente um número, como 168.54.324.12, mas isso não é bom para humanos, então é traduzido em seu nome de domínio, como ciawebsites.com.br. Você compra seu domínio de um fornecedor como o registro.br, por um ano ou vários anos.

Você provavelmente está bastante familiarizado com esse processo, mas certifique-se de possuir seu domínio – se um de seus fornecedores o comprou para você, certifique-se de obtê-lo. Você deve poder fazer login em quem vendeu seu domínio e renová-lo conforme necessário.

Se o seu fornecedor comprou seu domínio em seu nome e ele reside na conta mestre do registrador, você deve transferir o domínio para sua própria conta o mais rápido possível. As transferências de domínio são complicadas, mas muito importantes para permitir que você controle seu próprio nome de domínio o tempo todo.

Obviamente, isso é importante.

Hospedagem

Agora que você tem seu domínio, precisa “apontá-lo” ou direcioná-lo para o computador host que conterá seu site. O código e o conteúdo do seu site residem em um servidor em algum lugar. Um servidor é realmente apenas um computador turbinado dedicado e conectado à Internet. A empresa que possui o servidor em que seu site fica é o host.

Às vezes encontramos pessoas confundindo domínios e hosts. Eles não são os mesmos. Você precisa saber exatamente onde seu site está hospedado e como acessá-lo. Se o seu site fosse uma pessoa, o nome de domínio seria o nome dessa pessoa e o host seria seu esqueleto e sistema muscular.  

O anfitrião também é muito importante. Você também deve certificar-se de que o conteúdo do seu site seja regularmente copiado em algum lugar, em algum lugar diferente dos servidores do host, apenas no caso de algo ruim acontecer com sua empresa de hospedagem de sites, como sair do negócio. “Acontece. Não deixe acontecer com você.

Plataformas de tecnologia do site

Os sites são construídos com ferramentas – HTML, linguagens e plataformas. HTML – que significa Hypertext Markup Language – é principalmente uma linguagem de “marcação”. HTML diz a um navegador da web como exibir coisas – basicamente traduzindo código em uma apresentação lógica. Basicamente, se você quiser que algum texto fique em negrito, coloque um <b>  antes desse texto e um </b> depois dele; todos os navegadores reconhecerão essa tag ou comando e exibirão esse texto em negrito.

Fica mais complicado se você quiser aplicar certos atributos estilísticos a todo o seu site. Em outras palavras, você deseja que todo o texto do parágrafo seja Arial 13 pontos e todos os seus títulos sejam Arial, marrom, negrito e tipo 24 pontos. Para isso, os desenvolvedores costumam usar CSS, que significa Cascading Style Sheets. O CSS é o grande responsável pela “aparência” do seu site, e se o texto e outros elementos do seu site não estiverem sendo exibidos corretamente, mas de uma maneira um tanto universalmente quebrada, isso geralmente é um problema com o código CSS no site.

Fica ainda mais complicado se você quiser incluir certos aspectos interativos ou animados, como formulários que os visitantes podem preencher, coisas que podem baixar e ferramentas que podem usar, digamos, para determinar o preço de uma hipoteca. E, claro, funções de comércio eletrônico.

Uma das plataformas mais comuns para a construção de um site é o WordPress, um sistema de gerenciamento de conteúdo que atualmente possui cerca de 60% do mercado, segundo a W3Techs . O WordPress começou como uma plataforma de “construir seu blog”, mas se transformou em uma das maneiras mais comuns de criar um site.

Existem muitos modelos e plug-ins para o WordPress agora, o que fortaleceu sua popularidade. Lembrando que há prós e contras no uso de modelos e plug-ins, mas eles definitivamente tornaram mais fácil obter funcionalidades incorporadas a um site sem ter que recorrer à programação personalizada.

Quando se trata de comércio eletrônico, o WordPress possui um plug-in de comércio eletrônico, chamado WooCommerce. De acordo com a Barn2Media, usando BuiltWith.com como fonte, WooCommerce tem cerca de 41% do mercado e é “8 vezes mais popular que Magento ou Shopify”. No entanto, se você olhar apenas para as plataformas de comércio eletrônico WordPress, elas representam 94% desse mercado.

Se você possui uma loja e não está comprometido com o WordPress, você tem outras opções. Shopify, por exemplo, que, segundo um estudo de 2017 da Aheadworks , tem 13% do mercado, é um ambiente autônomo (a plataforma inclui hospedagem) com muitos templates e plug-ins.

Código personalizado para sites

Modelos e plug-ins são convenientes e economizam tempo, mas às vezes você só precisa de uma funcionalidade para a qual não há código pré-construído. É aí que entra a programação personalizada.

Pessoalmente, tendemos a evitar isso ao máximo, porque cada programador programa de forma diferente; e alguns são melhores que outros. Ter muito código personalizado em seu site torna as coisas difíceis se você tiver que deixar um desenvolvedor e começar a trabalhar com outro.

O novo desenvolvedor sempre lhe dirá: “Ah, isso não foi bem feito; ele deveria ter feito assim.” Ou pior, “Este é um código realmente complicado e vamos ter que reescrevê-lo”. Se você quiser que seu desenvolvedor escreva alguma funcionalidade personalizada para você, é imperativo que eles documentem seu processo e deixem comentários no código (notas invisíveis para desenvolvedores subsequentes) para que, se você seguir em frente, seu código personalizado esteja limpo, bem documentado e transferível.

Conteúdo para o site

Agora chegamos à parte com a qual todos estamos mais familiarizados: o conteúdo. O conteúdo, obviamente, consiste em palavras, gráficos, links/itens clicáveis ​​e “CTAs” (chamadas à ação – como um botão “baixar” ou “enviar”).

Como também mencionei em nosso post anterior, você deve ser capaz de fazer alterações básicas em seu próprio conteúdo – texto e imagens – sem ter que implorar ao seu desenvolvedor para fazer essas alterações todas as vezes. Obviamente, coisas mais complexas, como criar uma chamada para ação, criar um menu ou alterar a forma como algo é exibido, provavelmente serão deixadas para seus desenvolvedores.

OK, agora você conhece o básico e pode gerenciar com mais eficiência seu próprio site e fornecedores.

_____

Isenção de responsabilidade: não temos interesse financeiro ou adquirido em nenhuma das tecnologias ou plataformas mencionadas neste artigo; permanecemos agnósticos de propósito. Temos experiência com o que mencionamos aqui, é claro, e continuamos aprendendo e implantando o que funciona melhor para a situação de cada empresa.

Veja no infográfico abaixo como um site é criado aqui na Cia Web Sites.
Se interessou? Passe logo da etapa 1 e entre em contato solicitando uma visita do nosso comercial.
O mundo da internet te espera.