criar uma home page

branco e preto
sabe qual é a melhor forma de saber se o design de uma página está bom?
observá-la em branco e preto, isto é, em tons de cinza. usando este truque
fica muito mais fácil encontrar erros de contraste, brilho e design. se a sua
home page ficar agradável em tons de cinza, basta escolher as cores corretas
e dar continuidade à criação.
pequena página inicial
páginas de abertura pesadas fazem com que seu visitante desista de entrar
em seu site. mas você pode criar uma página inicial leve, apenas com uma
imagem e uma pequena introdução, e fazer com que após alguns segundos a
página principal seja carregada automaticamente.
página mais leve
o tempo que demora uma página para carregar depende, quase que
exclusivamente, das imagens que ela contém. então, substituir as imagens
dos botões por texto reduz o tempo de carregamento, pois sua home page
fica mais leve.
página personalizada
quanto mais a sua home page estiver de acordo com o desejo dos seus
visitantes, mais ele retornará para visitá-la. é muito importante ouvir suas
sugestões e críticas e implementá-las quando possível.
uso de cores
o uso adequado de cores na web é fundamental. como o primeiro contato do
visitante com o seu site acontece por meio das cores, se elas não o
agradarem ele desiste de ver o seu conteúdo. escolha sempre a melhor cor
para o seu site.
diferentes browsers
sempre teste sua home page em diferentes navegadores (explorer e netscape
são os principais) e verifique se ela é apresentada da forma que você
planejou e criou em todos eles. tudo isso porque sites visualizados
corretamente em um determinado navegador podem ficar totalmente ilegíveis
em outros. para saber mais, consulte a tabela de compatibilidade dos
browsers.
como você deve ter lido no texto do início desta seção, "criar uma home page
é um processo contínuo. testes e mais testes devem ser realizados até o
momento em que se tenha um trabalho bem feito."

1. definição do site
antes de você abrir o seu editor html, vale a pena definir conceitualmente a
sua futura home page. fazem parte deste estágio de definição os seguintes
processos:
· definição do assunto: você precisa definir o assunto que irá tratar em
sua home page. pode ser sua página pessoal, uma página sobre sua família,
seus amigos, sua cidade, um de seus hobbies, seu artista favorito, algum
assunto que você conheça bem, entre tantos outros. é a partir de uma correta
definição do assunto que você poderá partir para os próximos passos;
· pesquisa de conteúdo: geralmente você já possui bastante conteúdo
sobre o assunto que lhe interessa, sejam fotos, matérias ou conhecimento
próprio. no entanto, quanto mais conteúdo você reunir mais atraente sua
home page ficará, e os usuários que também são interessados no mesmo
assunto poderão navegar por sua página durante um bom tempo sem a
necessidade de buscar outros sites. uma boa maneira de iniciar sua pesquisa
é através dos serviços de busca, a partir dos quais você pode encontrar sites
adicionais para servirem de base e também para fazerem parte da sua seção
de links interessantes;
· objetivos e expectativas: é muito importante que você saiba para quê e
para quem é sua home page. dessa forma você certamente atrairá mais
visitantes e conseguirá atender as expectativas do seu público. por exemplo,
se você pretende construir uma home page sobre futebol, deve pensar: quem
costuma acessar sites sobre futebol? quais os interesses do usuário quando
ele visita uma página sobre futebol?
· cenários e ações do usuário: dentro de um site sobre um assunto
qualquer, o usuário pode ter diversas opções. um exemplo: uma página sobre
carros antigos pode ser recheada de fotos e descrições de veículos, enquanto
uma outra página também sobre carros antigos pode ser focada em peças
raras para proprietários de raridades. resumo: um mesmo assunto, feito para
o mesmo público e com o mesmo conteúdo, pode ainda assim possuir
diferentes ações dos usuários. é importante que você defina o que você quer
que o usuário faça dentro da sua home page, e quais as áreas (cenários) por
onde ele será conduzido até realizar tais ações. lembre-se que esta pode ser a
grande diferença do seu site dentre tantos outros sobre o mesmo assunto;
2. arquitetura da informação
você certamente já ouviu falar em arquitetura da informação. no processo de
construção da sua home page, a arquitetura da informação deve ser bastante
estudada. é a hora de você, que já definiu uma série de pontos fundamentais
do seu site, definir características da estrutura de navegação pela qual os
usuários trafegarão.
o que não falta na internet são sites com layouts atraentes e navegação
confusa. isso acontece porque geralmente se projeta o layout primeiro, e em
função deste layout são encaixados os link, botões e menus. essa não é a
melhor alternativa, embora pareça ser a mais fácil.
uma boa sugestão é, antes de pensar no layout e na aparência das páginas,
tratar dos seguintes pontos da arquitetura do seu site:
· setores: com base nas definições que você fez anteriormente, separe o
conteúdo de sua home page levando em conta as áreas de interesse sobre o
assunto, os objetivos e ações do usuário. quanto mais claros os setores, mais
intuitiva será a navegação e sua home page passará uma boa impressão;
· navegabilidade: determine algumas características-chave relativas à
navegação do seu site, como por exemplo: que páginas devem ser
"obrigatoriamente" visitadas; que páginas devem ser visitadas apenas depois
do usuário ter acessado páginas anteriores; como o usuário sairá de uma
seção para outra; dentre outras. um erro bastante comum é imaginar a sua
home page como uma árvore, contendo links para algumas páginas, que por
sua vez fazem link com diversas outras páginas e assim por diante.
geralmente esses sites fazem o usuário passar pela home page, aprofundarse
em um ou dois níveis dentro da "árvore" e, logo deixá-la porque não sabe
o que fazer ao final deste curto percurso. é fundamental ter em mente que a
web, como o próprio nome diz, é uma teia de informações e não uma simples
árvore. assim, imagine sua home page como uma teia de informações sobre
um determinado assunto, e a navegação do seu site permitirá que os usuários
visitem muito mais páginas, de modo mais livre e agradável. abuse dos links
contextuais (aqueles que estão no meio dos textos, e que levam para o meio
dos textos de outras páginas), pois eles ajudam muito nesse aspecto. e não
faça do menu principal a única forma de navegação pela sua home page;
· interatividade: esse componente é o grande responsável pelo sucesso da
internet e merece especial atenção na hora de você fazer sua home page.
tente imaginar que oportunidades de interação você pode proporcionar aos
usuários, lembrando que em geral quanto mais interatividade você permitir,
menos cansativa será sua home page. isso acontece porque você multiplica as
ações que o usuário pode ter dentro das páginas. mais uma vez, os links
contextuais ajudam muito nisso. ao invés de concentrar todos os links nos
menus de navegação, experimente combiná-los com links no meio dos textos
ou links nas figuras (sendo que alguns links podem até estar meio
"escondidos", prontos para surpreender o usuário durante a navegação). a
multiplicidade de opções aguça a curiosidade dos visitantes de suas páginas,
destacando sua home page dentre tantas outras mais simples e menos
interativas;
3. layout
finalmente, o layout. este é um dos aspectos mais controvertidos da internet.
existe uma série de sites bem desenhados porém mal definidos e
estruturados, assim como muitos sites de sucesso ainda contam com layouts
simples, pouco atraentes e até mesmo confusos.
uma dica que ajuda bastante: seja você artista ou não, saiba desenhar ou
não, na hora de criar suas páginas você está na posição de artista e deve se
preocupar com alguns detalhes característicos de quem mexe com visual e
aparência:
· harmonia de elementos: você está prestes a combinar texto, imagens,
sons, animações e até vídeos em um único ambiente. cuidado para não fazer
uma mistura exagerada de todos os elementos e acabar fazendo com que sua
home page perca o sentido. use e abuse do bom senso, colocando em cada
página uma mistura equilibrada destes recursos. evite o uso de muitas
animações em uma mesma página, assim como misturas de sons diversos.
você verá que a navegação dos usuários ficará bem mais agradável e
eficiente;
· combinações de cores: misturar muitas cores ou combiná-las de forma
imprudente pode ser o pior dos erros a ser cometido em sua home page.
sendo assim, vale a pena você testar várias versões de sua página
combinando diversas opções de cores, das mais simples às mais ousadas.
experimente usar textos escuros em fundo claro, textos claros em fundos
escuros, diferentes tonalidades nos menus, cores diferenciadas para os links e
tantas outras possibilidades, dependendo dos elementos presentes em sua
página. não esqueça que a leitura em tela de computador é bastante limitada
e algumas opções (como por exemplo usar fontes escuras em fundos também
escuros) podem praticamente impedir a navegação;
acima de tudo, é importante ter em mente que não existe o layout para sua
home page. um mesmo assunto pode ser desenhado de mil maneiras
diferentes e com a mesma atratividade. o importante é você escolher uma
linha conceitual que lhe agrade (teste quantas puder, para ter certeza) e
caprichar na produção dos templates, figuras, fontes e outros elementos,
tornando-a especial. imagine se todos os sites de meninas tivessem a única
opção de ser rosa, os sites sobre anjos fossem padronizados brancos e todas
as home pages sobre futebol tivessem cor verde e imagem de gramado ao
fundo...
4. implementação (produção e teste de páginas)
chegou a última etapa de construção de uma home page. é um momento
delicado, pois algumas pequenas decisões podem afetar muito o resultado
final do seu site, positiva ou negativamente.
não iremos tratar aqui do melhor editor de textos ou de imagens, nem de
técnicas de produção html em específico. tudo isso vai depender dos seus
recursos técnicos e das características da sua home page.
os melhores aspectos a serem observados durante a implementação são os
seguintes:
· a internet sofre de um problema crônico: a lentidão no tráfego de
informações, principalmente nos micros de usuários domésticos. você deve
preocupar-se com isso, pois em geral a maior parte dos seus usuários estão
nesse grupo. para evitar que sua home page tão elaborada acabe tornando-se
inacessível aos seus visitantes por causa do peso dos arquivos, dedique uma
atenção especial à criação/adaptação das imagens gif e jpeg. são formatos
que permitem altas taxas de compactação, e você deve fazer intenso uso
desses recursos pois as imagens são as grandes responsáveis pelo peso total
das páginas;
· infelizmente, muitas das home pages que aparecem na internet
desaparecem em um curtíssimo espaço de tempo, devido à falta de
atualização. programe-se de forma a evitar isso a qualquer custo. uma dica
que pode ajudá-lo bastante é: não dedique-se exaustivamente para criar a
primeira versão de sua home page, pois isso pode fazer com que você não
pense em atualizá-la durante um bom tempo (esse bom tempo, ironicamente,
é o tempo em que os visitantes verão sua página uma vez e, não percebendo
as novidades nas próximas visitas, esquecerão rapidamente do seu
endereço). você pode definir "pacotes de implantação", para inaugurar novos
setores e incluir novos conteúdos gradativamente, de forma que ao final da
primeira versão você provavelmente estará em um ritmo de trabalho
agradável e que combina com o ritmo de expansão/manutenção/atualização
posteriores;
outros métodos também podem facilitar a manutenção do seu site, como por
exemplo a normatização dos nomes de páginas, diretórios e imagens. você
pode usar nomes de páginas, imagens e arquivos de maneira inteligente,
facilitando a manutenção periódica dos elementos (principalmente quando
você precisar buscar erros para corrigí-los).
também é importante dispor seus arquivos dentro de diretórios bem
organizados seguindo critérios relacionados à arquitetura de sua home page.
pode parecer indiferente, mas a desorganização de um site pode impedir sua
expansão e acabar determinando que meses de trabalho e esforço sejam
aposentados após algumas breves semanas no ar.
por fim, pesquise novos conteúdos, fique por dentro das novidades sobre o
assunto de sua home page, bem como das novas tecnologias das quais você
pode começar a dispor, ao longo do tempo. assim sua home page estará
sempre atualizada e os visitantes serão bastante fiéis, algo que hoje em dia
vale ouro no mundo digital.