Como criar um website?

Você pode obter mais informações sobre os tipos de hospedagem na web neste tutorial de hospedagem na web
Você pode obter mais informações sobre os tipos de hospedagem na web neste tutorial de hospedagem na web.

Construindo um site 101

Há apenas alguns anos, se você quisesse criar um site, ou teria que pagar caro para uma empresa de web design fazer isso por você... ou tentar projetá-lo você mesmo. Naquela época, projetar um site DIY simples significava aprender HTML.

Hoje, com o software de edição e construção de sites WYSIWIG, você pode construir um site totalmente funcional com pouco ou nenhum conhecimento de HTML, JavaScript ou Flash. Esses programas fazem toda a codificação necessária para exibir seu site corretamente em um navegador da web.

Isso deixa você com mais tempo para focar na aparência e nos elementos gráficos do site, além de adicionar conteúdo e comercializá-lo.

Passo 1

Compre um nome de domínio. Não adianta colocar a carroça antes dos bois. Você precisa de um nome de domínio (endereço de site exclusivo) para que seu site finalizado funcione online, portanto, escolher e comprar um nome de domínio deve estar no topo de sua lista de tarefas.

Se você não sabe nada sobre nomes de domínio, passe alguns minutos e leia este tutorial sobre nomes de domínio. Se você já tem um nome de domínio em mente, vá para Como comprar um nome de domínio para descobrir como escolher o melhor nome disponível.

Passo 2

Estabeleça o plano de marketing do seu site. Mesmo se você não estiver planejando vender um único produto ou serviço, você está lançando um site por um motivo e isso significa que você deve ter um plano de jogo.

Você quer um cartão de visita online estático, uma carta de vendas de uma página ou uma forma de gerar uma lista de mala direta? Você quer vender produtos online? Que tal um site de conteúdo com artigos e tutoriais? A lista é interminável, mas a estrutura, o tema, o tamanho e o tipo de codificação a ser usado devem ser centrados em torno do que você deseja realizar com o seu site.

Etapa 3

Visite sites existentes semelhantes às suas ideias. Se esta é sua primeira tentativa de criar um site, pesquisar sites semelhantes ao seu conceito de design lhe dará algumas boas idéias. Faça uma lista do que você gosta e não gosta nos sites que visita e use a lista para evitar as armadilhas de projetar seu site.

Passo 4

Faça um modelo (storyboard) do seu site. Agora planeje o layout das páginas principais do seu site e esboce como deseja que os visitantes naveguem por ele. Um storyboard é meramente um sistema de colocar pedaços de papel em um grande quadro de avisos que mostra as páginas propostas de seu site.

Use a pesquisa que você descobriu quando visitou os sites que são semelhantes ao seu se tiver algum problema. Certifique-se de planejar o menu de navegação para expandir o escopo e o conteúdo do seu site.

Etapa 5

Obtenha as ferramentas necessárias para construir seu site. Provavelmente será a hora de comprar seu software de construção de sites. O Dreamweaver da Adobe é considerado mais um produto comercial / profissional e tem um preço alto e uma curva de aprendizado que o acompanha. Você deve examinar seriamente seu compromisso de longo prazo de possuir / operar um site antes de fazer um investimento de 300€ em software.

Existem alguns programas de criação de sites WYSIWIG com orçamento limitado e disponíveis online. Eu uso o software de construção de sites Ezgenerator, mas o CoffeCup também é um bom produto. O Microsoft Front Page já existe há um bom tempo e oferece muitos recursos, mas certifique-se de que sua empresa de hospedagem oferece suporte às extensões do Microsoft Front Page.

Outra escolha popular, especialmente se você não sabe nada sobre desenvolvimento de conteúdo, mecanismos de pesquisa ou promoção de site - e a ideia de uma solução tudo-em-um faz sentido para você - é construí-lo no site. Junto com as ferramentas gratuitas de negócios e promoção, o Site build também hospedará o site para você.

Leia este tutorial sobre nomes de domínio
Se você não sabe nada sobre nomes de domínio, passe alguns minutos e leia este tutorial sobre nomes de domínio.

Seja qual for o programa que você escolher, esteja preparado para uma pequena curva de aprendizado ao usar o software e as ferramentas pela primeira vez. Há muitas informações gratuitas online e dentro desses programas para ajudá-lo a começar e tirar proveito de todos os seus recursos.

Claro, você pode aprender a codificação HTML ou apenas investir em software editor de HTML sem todos os recursos como o site da Macromedia, mas fazer a maior parte do trabalho pesado de codificação de seu site é melhor deixar para o software que faz a maior parte por você. Um editor WYSIWIG é altamente recomendado.

Finalmente, se você é um masoquista e um verdadeiro piker quando se trata de gastar dinheiro, você pode fazer isso do zero usando algumas das muitas ferramentas gratuitas de Web Design - HTML e Gráficos disponíveis online.

Etapa 6

Obtenha sua conta de hospedagem na web. Uma conta de hospedagem na web é meramente o aluguel de espaço no disco rígido em um servidor onde você carrega os arquivos do seu site para que eles possam ser exibidos na Internet em um navegador da web.

Muitos tutoriais dizem para obter uma conta de hospedagem logo após o nome de domínio. Não concordo com isso, especialmente se você não definiu seu plano de funcionamento do site.

Se o seu site estiver codificado em PHP, você precisará de um servidor que execute software PHP. Se o seu site estiver codificado em ASP, você precisará de um servidor habilitado para Windows.

Além de escolher o tipo certo de empresa de hospedagem, sugiro abrir uma conta inicial que seja facilmente atualizável se o seu site / negócio crescer. Se houver uma boa chance de você lançar vários sites, certifique-se de que a empresa permite a hospedagem de vários domínios. Tudo isso significa que você pode hospedar dois ou mais sites na mesma conta.

Você pode obter mais informações sobre os tipos de hospedagem na web neste tutorial de hospedagem na web.

Etapa 7

Comece a construir seu site. Descubra onde e como usar ferramentas online gratuitas para webmasters. Isso inclui editores de imagem, geradores de código HTML e geradores de flash. Encontrar e usar essas ferramentas junto com o software de construção de seu site permitirá que você adicione alguns dos recursos de design da web mais recentes e o torne mais interativo

Eu também sugiro se inscrever em alguns dos muitos sites de fotos livres de royalties, como iStockPhoto.com ou 123rf.com, se você planeja ter imagens de terceiros em seu site.

Imagens isentas de royalties para páginas da Web custam cerca de um ou dois dólares por unidade. Muito mais barato do que ser atingido por violações de direitos autorais.

Etapa 8

Publique seu site na internet. Publicar seu site é a mesma coisa que lançá-lo. A maioria dos programas de software mencionados na seção de ferramentas de software deste artigo tem uma interface de autopublicação embutida no software. Basta inserir as informações de login da sua conta de hospedagem na web nas configurações e o software irá colocar todos os arquivos nas pastas corretas no servidor.

Se você construiu seu site do zero ou usando um editor apenas de HTML, você precisará enviar por FTP os documentos do site para o servidor manualmente. Bem, não é realmente feito à mão, mas você precisará de um cliente de software FTP em sua área de trabalho para transferir os arquivos / pastas para o servidor.

De qualquer maneira, se você tem todas as pastas e arquivos nos lugares certos, basta inserir sua URL em um navegador da web e pronto! Você acabou de criar e publicar seu primeiro site.

Rick Contrata é um profissional certificado em SEO, possui um site de registro de domínio e possui ou comercializa vários outros sites e empresas.
Artigos relacionados
  1. Como ganhar um milhão no eBay (ou pelo menos fazer um negócio)?
  2. Como abrir um negócio com um cônjuge?
  3. Viagem em grupo: dicas de como fazer
  4. Como Ganhar Dinheiro com o Shutterstock?
  5. Coma em forma no Camboja
  6. Como iniciar um negócio de boate?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail