Como criar um site?

Este artigo procura descrever os passos básicos para registrar um domínio e criar algum conteúdo para ele

Caso você contrate ao menos seis meses de hospedagem conosco nós fazemos o registro do domínio em seu nome e instalamos o WordPress em seu site para que você possa administrá-lo sem precisar contratar um webdesinger. O artigo e video aula abaixo apresentam uma boa visão geral.
Para fazermos o registro em seu nome precisamos apenas de um email permanente (gmail, Yahoo!, IG ou mesmo Hotmail) e dos seguintes dados:
Dados Pessoais

  • Nome
  • Logradouro
  • Número
  • Complemento
  • Cidade
  • Estado
  • Telefone
  • CPF
  • Email (preferencialmente um permanente e não o do seu atual provedor de acesso)
  • Senha desejada

Dados para registro do domínio

  • CNPJ (CPF caso seja um site de profissional liberal ou de pessoa física)
  • Razão social
  • Responsável (nome)
  • Cep
  • Logradouro
  • Número
  • Complemento
  • Cidade
  • Estado
  • Telefone
Caso você não possa contar ainda com o nosso suporte espero que as instruções a seguir sejam o suficente para registrar o domínio e criar o site.

Como Registrar um domínio

O item mais importante de um site é a propriedade do domínio.

Quando você quer fazer um site como seusite.com.br o primeiro passo é obter o direito de usar este nome: seusite.com.br e garantir o controle sobre ele. Tendo garantido isso você poderá, por exemplo, mudar de hospedagem no momento que precisar e sem depender de ninguém.

Ser dono de um domínio é como ser dono de uma marca.

A propriedade dos domínios é obtida junto ao registro.br:

http://registro.br

Lá você pode verificar se o domínio que você tem em mente está livre e obter o direito de usá-lo em caso afirmativo. Isso custa somente R$30,00 anuais para sites brasileiros (.br).

Fiz uma video-aula (na verdade a primeira que fiz) intitulada Registro de domínio, tá ok? que pode ser útil para entender o processo todo.

Primeiro passo – Criar uma conta no Registro.br

  1. Entre em http://registro.com.br
  2. Clique em Registro para ver a tela de “login” (autenticação) no sistema
  3. Do lado direito há um grupo de links e um deles é Não Possui Identificação?. Clique nele.
  4. Informe seus dados de pessoa física: Nome, email, CEP etc. e escolha uma senha
O registro.br enviará uma mensagem de confirmação para o seu email com o seu nome de usuário no registro.br, algumas instruções e um “link” (ligação) em que você deve clicar para confirmar que foi você que fez o cadastro.

É fortemente aconselhável que você faça este cadastro usando um email permanente como os diversos gratuitos disponíveis como o Gmail e Yahoo pois, se no futuro você perder sua senha uma nova poderá ser enviada para o seu email.

Segundo passo – Criar o domínio

Já com seu nome e login no Registro.br em mãos você já pode obter domínios.

  1. Entre em http://registro.br e clique em Registro (desta vez você tem um id e senha para informar)
  2. Informe seu ID e senha para entrar na área de administração
  3. Há um grupo de links em cima à direita com opções como Alterar cadastro, fechar sessão e Novos Domínios
  4. Decida que tipo de site (.com.br, .nom.br, .org.br etc.) deseja criar consultando a Lista de Categorias de Domínios
  5. Escolha que tipo de domínio pretende criar clicando em Institucional, Profissional Liberal ou Pessoa Física
  6. Leia o contrato e clique em “Concordo”
  7. Preencha a tela com os dados solicitados
  8. Em Informações sobre os contatos digite ROB554 (caso pretenda hospedar seu site conosco) como contato Técnico e repita sua ID em contato de cobrança
  9. Deixe os campos DNS em branco (a menos que a sua hospedagem já tenha informado o que digitar neles)
Assim que você cumprir estas duas etapas eu receberei um email do Registro.br informando que fui cadastrado como contato técnico de um domínio recém criado e poderei proceder ao restante das etapas para colocar seu site no ar.

O registro.br também enviará um email com os dados para pagamento do registro anual do site para o contato administrador e para o contato de cobrança. Este pagamento deve ser feito em até 30 dias ou o site será congelado e posteriormente liberado para que outra pessoa possa registrá-lo.

Espero que esta explicação facilite a criação de um usuário no Registro.br e o registro do seu site.

Criando um site

É fortemente recomendável que você contrate um designer para criar a identidade visual do seu site, no entanto há casos em que o seu projeto talvez não justifique o investimento em um designer ainda nos primeiros passos. Meu blog pessoal por exemplo até hoje usa um modelo padrão.

Nestes casos, além do WordPress citado logo no início deste breve artigo você pode usar um editor html para fazer um site estático (embora eu recomende fortemente o uso de um CMS como o WordPress).

O WordPress é um CMS ou Sistema Gerenciador de Conteúdo (do Inglês Content Managemant System) e devo insistir que você use um CMS similar pois os sites estáticos simplesmente não atendem mais às necessidades básicas em uma Internet em constante evolução. Qualquer hospedeiro hoje deve suportar e oferecer ao menos a instalação do WordPress em seu site gratuitamente.

Em todo caso, se você tem motivos ou simplesmente prefere as coisas à moda antiga posso indicar outra video-aula que fiz explicando como usar um bom editor HTML, o Kompozer:

Procure se informar nos links citados nas descrições dos vídeos acima e, precisando de um bom designer, não hesite em me pedir ou consultar minha lista aqui: http://del.icio.us/Roney/designers

Junho de 2008 – Lifestream

O principal objetivo deste email mensal é compartilhar conhecimento.

Tenho que confessar que não gosto muito desta forma de troca pois entendo que há instrumentos melhores para espalhar coisas de interesse geral.

Só voltei a fazer um ezine depois de notar como pouca gente já se sente suficientemente à vontade com a Internet para usar estes outros instrumentos.

Manterei esta via de comunicação enquanto não perceber que ouve uma migração em massa para os tais instrumentos mais modernos 😉

Que raio de instrumentos são esses? Suponho que você esteja pensando. Já vou falar, mas antes vou arriscar uma explicação para usarmos o email para compartilhar fotos, vídeos e textos sapienciais ou políticos.

Temos a impressão de que o que recebemos por email está seguro em nossas mãos, que podemos baixar para os nossos HDs onde sempre poderemos revê-los.

Esta não é uma impressão muito racional, não acha? Hoje serviços como Google, Yahoo e até hotmail se mostram mais confiáveis que nossos computadores e… Bem, já andei falando sobre isso antes, não é?

Vou falar logo das ferramentas e a principal delas e para qual estou convidando todos os leitores deste ezine é o FriendFeed:

http://friendfeed.com/roneybelhassof

Na página acima você acha tudo que eu compartilho online. Do que escrevo em meu blog aos vídeos que assisto no Youtube, das páginas interessantes que encontro e até o que estou fazendo exatamente agora .

A partir desta edição passarei a publicar uma cópia online no site da nossa empresa: http://i4b.com.br

Internet e Tecnologia
Dicas para quem está dando os primeiros passos na Internet e novidades em uma linguagem simples

Hoje é um dia muito especial para quem navega na Internet!

Um dos três melhores navegadores (Firefox, Opera e Safari), aquele programinha que abre todas as páginas para nós e que nos mostra os vídeos do Youtube, está recebendo o seu maior upgrade em muitos anos! Talvez o maior desde a sua criação!

Vá agora lá (à partir das 14h) baixar o Firefox 3.0!

http://mozilla.com/firefox

Internet com tecnopapo
Esta seção é para quem quer entender como funciona a Rede com mais profundidade

Já falei o bastante sobre como navegar sem correr riscos, já está na hora de falar em coisas funcionais.

Como esta área é mais técnica falarei em como funciona um site moderno, destes que usam CMS. Vamos começar explicando o que é um CMS.

Um site antigo é muito parecido com um texto que você faz no seu processador de textos, só que ele é feito em um procesador de páginas como o Dreamweaver (publiquei um vídeo sobre esse tipo de de processador).

Os sites modernos usam sistemas gerenciadores de conteúdo ou, em Inglês, Content Managemant System.

Estes sites não consistem em documentos HTML, mas em bancos de dados que contém todo texto do site e um programa que, a cada vez que alguém solicita uma página, monta um documento html que é enviado para o navegador.

Entre as vantagens deste tipo de solução temos:

* Facilidade de acrescentar ou modificar páginas sem conhecimento de html e de qualquer lugar
* Possibilidade de mudar o design do site em tempo real
* Novos recursos como permitir comentários ou construir nuvens de palavras chave em tempo real
* Possibilidade de agendar a publicação automática de conteúdo em uma data e hora

Nos próximos e-zines falarei mais sobre isso.

A propósito, todo site hospedado na i4B ganha um CMS de graça se desejar.

Como fazer um bom site
Design, conteúdo, navegabilidade. Como você pode melhorar seu site?

Pode parecer tolice, mas uma das coisas mais importantes em um site é o espaço em branco!

Só para dar um exemplo… Qual é a principal empresa de Internet (e talvez principal empresa de qualquer coisa) hoje?

Pensou no Google?

Quando for criar seu site, por mais que você queira fazê-lo visualmente atraente lembre-se que você provavelmente também quer que o seu visitante leia o que está escrito nele ou observe as imagens ou vídeos que você publica.

Aqui está um bom exemplo:

http://www.mundotexto.com

Web applications
Aplicativos que rodam diretamente na Internet sem necessidade de instalação. Quais são os melhores, o que há de novo e o que vem aí?

Depois do fiasco da nossa televisão digital (que poderia favorecer a multiplicidade e democratização da cultura e da informação lançando nossa tv no século XXI, mas acabou sendo exatamente igual à de sempre tornando-se simplesmente mais nítida) a nossa esperança de uma boa televisão se volta para a Internet.

Tem o Youtube e similares como o Vimeo.com que muitos já conhecem, mas também há serviços que vão muito além de te permitir colocar online aquele vídeo que a gente grava no celular.

Alguns sites de vídeo moderno são verdadeiros estúdios de edição de vídeo que nos permitem produzir um verdadeiro programa ou notíciário.

Conheça alguns deles.

* http://www.jumpcut.com/
* http://www.mogulus.com/

Novidades infoBee
Seção sazonal apenas com informações bem rápidas sobre novos recursos

O nosso vídeo mais visto (pouco mais de 2.000 visualizações por mês) é sobre como fazer um site profissional sozinho:

Como fazer um site profissional sozinho

No entanto creio que os mais úteis para você serão os que se iniciam neste último vídeo publicado no Youtube:

* Conheça o Google Docs e trabalhe em grupo online (parte 1)
* Conheça o Google Docs e trabalhe em grupo online (parte 2)

Ele mostra as vantagens da agenda, processador de textos, planilha eletrônica e programa de apresentação que instalamos em todos os sites que hospedamos.

Como inserir planilhas na página?

A situação é a seguinte: você tem várias planilhas eletrônicas que precisa publicar em seu site e atualizar com certa frequência.
 
Uma das formas de fazer isso é editando a planilha em seu editor (Excel, OpenOffice.org etc.), salvando em HTML e copiando para seu site toda vez que mudar uma célula.
 
Pode não ser complicado, mas está longe de ser o processo mais rápido.

 
Na era da Web2.0 e webapplications temos alternativas que podem se mostrar bem mais interessantes e dinâmicas.

Solução 1: Google Docs ou Zoho

Muitos ainda não conhecem, mas já existem sites que em vez de mostrar uma página mostam um aplicativo como um processador de textos ou de planilhas eletrônicas. 

Os dois principais são o do Google (http://docs.google.com) e o Zoho (http://zoho.com).

 

Estes aplicativos são bem limitados se comparados ao Excel ou ao OpenOffice.org, no entanto apresentam algumas vantagens.

Em nosso caso a principal vantagem é que eles já estão na Internet e podem ser atualizados automaticamente em seu site.

É como se você abrisse sua planilha no seu computador, editasse e, ao salvá-la, ela fosse automaticamente atualizada em seu site. 

A diferença é que você abrirá a sua planilha diretamente na Internet, vai alterá-a e depois verá que foi automaticamente atualizada nas páginas onde você a inseriu.

Talvez você se preocupe com a necessidade de refazer as planilhas, mas tanto o Google Docs quanto o Zoho tem boas ferramentas de importação o que deve facilitar bastante o trabalho.

Como inserir planilhas usando o Google Docs ou o Zoho?

Em nossos testes nesta data (10/01/2008) o Zoho se mostrou o mais adequado para quem não domina HTML pois tem um botâo “Publicar” que tem uma opção “Incorporar ao site/blog” que já te fornece o código pronto para colar no seu site.

O Google Docs até o momento não tem este recurso, mas o código não é longo ou muito complicado. Veja o código produzido automaticamente pelo Zoho:

<iframe width=”380″ height=”400″ frameborder=”0″ scrolling=”no” src=”http://sheet.zoho.com/publish.do?docurl=vKSLr0K %2F6w19sE1B%2FS5j1Jyw3Rez %2FGdb&name=C%2BE6xfLZ9yQ%3D“></iframe>

Este código produz este efeito: 

Esta exibição é interesante pois permite ao visitante brincar com a planilha e vê-la em funcionamento e é uma forma de mostrar a você um pouco do que uma planilha online pode fazer.

Pode alterá-la livremente pois as suas alterações não são salvas na planilha original. Basta recarregar a página para os valores voltarem aos que eu inseri.

Na maioria dos casos você provavelmente vai preferir exibir apenas a planilha estática, sem possibilidades de alteração e isso pode ser feito também com a planilha do Zoho simplesmente acrescentando &mode=html no final do que eu coloquei em negrito e sublinhado no código mais acima ficando assim:

<iframe width=”330″ height=”400″ frameborder=”0″ scrolling=”no” src=”http://sheet.zoho.com/public.do?docurl=vKSLr0K%
2F6w19sE1B%2FS5j1Jyw3Rez %2FGdb&name=C%2BE6xfLZ9yQ%3D&mode=html“> </iframe>

Cujo resultado é este: 

 

O Google Docs, como eu disse, não cria o código para você inserir a planilha em seu site, mas você pode usar o mesmo código que foi produzido pelo Zoho alterando apenas o longo endereço que deixei em negrito e sublinhado no primeiro código que exibi.

Se você usa o Joomla pode ter que fazer uma pequena alteração nas opções do TinyMCE para que ele permita o uso de iframe (há riscos em usar este tipo de comando se pessoas suspeitas tem acesso a criar artigos em seu site).

Para obter o endereço público para visualizar uma planilha do Google Docs basta clicar na aba “Compartilhar” que fica no alto à direita da tela, clicar em “Publicar” e pegar o endereço que ele informa.

Aqui está o código iframe já com o endereço público da planilha do Google no lugar do endereço da que fizemos no Zoho:

<iframe width=”330″ height=”400″ frameborder=”0″ scrolling=”no” src=”http://spreadsheets.google.com/pub?
key=pve-89iySia_jBbWV-gReKg“></iframe>

E aqui o resultado: 

O Google Docs não oferece uma versão “mexível” como o Zoho.

Em uma primeira análise a solução do Zoho se mostra mais poderosa e flexível, no entanto há de se considerar a cinfiabilidade e estabilidade da empresa pois a garantia da continuidade dos serviços é crucial neste caso.

Solução 2: Seu próprio “Excel” instalado em seu site

Em vez de usar um aplicativo oferecido por terceiros você pode instalar algo parecido com a planilha do Google Docs ou do Zoho em seu site, mas vou deixar para abordar esta solução em um artigo específico tanto pelo tamanho quanto pelo fato de ainda não estar satisfeito com as opções de planilhas que encontrei.