Processo de criação de um siteThiemi Okawara
Existem inúmeras metodologias na criação de um site, mas independente do programa que o site for criado, flash ou bloco de notas, é extremamente importante que o projeto seja estudado, para que seja feito da melhor maneira possível sem que ocorram erros.
Roughts iniciaisO primeiro passo é definir, geralmente através de um briefing entre o atendimento (pode ser o próprio designer) e o cliente, a estrutura básica do site, como o número de links e sublinks, a forma de nagevação do site, prefe-rências no layout, dentre outras coisas. Nesse momento você cria um rought, rascunho rápido no papel mesmo. Algumas pessoas costumam pular essa etapa, no entanto é uma etapa que agiliza muito o processo de criação.
WireFrameEmbora o usuário leigo trate o site como uma interface apenas, ele é construído através de uma série de camadas e o design visual é apenas uma delas.
Antes de ser criado o layout com todas as formas, cores, ícones e outros apetrechos visuais, o projeto de um site passa por uma fase mais estrutural chamada de Arquitetura de Informação.
Dessa maneira você constrói o WireFrame de forma rápida para apresentar para o cliente e a partir daí você cria o layout.
Criação do LayoutEm seguida, de acordo com o wireframe e o conceito criado para desenvolver o site você deve desenhar o layout, ou seja nesse momento o esqueleto do site começa a ser trabalhado, tomando forma. Com o mesmo wireframe você pode criar vários layouts diferente. Veja os exemplos abaixo:
Fatiando o siteO fireworks possui ferramentas especificas para dividir o site. Geralmente a web trabalha com links através da definição de uma área determinada para cada link.
Use a ferramenta Slice tool, recorte as áreas que servirão de link para outras páginas, tanto internas quanto externas ao site.
FinalizaçãoPor fim exporte como HTML. Menu file > export e escolha a opção HTML, Dê um nome a página e salve como nome.htm
Outra maneira de finalizar o site é utilizando o recurso de Tableless, uma formatação em CSS (Cascading Style Sheet) que substitui a convecional organização do site em tabelas, tornando-o mais usual.