Podemos dividir a produção de um site web em quatro etapas principais, explicadas, abaixo, resumidamente:

a)Planejamento: processo que engloba todo levantamento das necessidades do cliente, pesquisas de mercado, linguagens e estratégias de comunicação, objetivos mercadológicos, entre outros.

b)Criação: transformação das informações e definições da etapa de planejamento em idéias visuais claras e objetivas. Definição de estruturas de navegação, de condução do usuário da página

c)Estruturação: uso das linguagens XHTML/CSS para efetuar a codificação do lay-out do site desenvolvido pela equipe de criação na etapa anterior. Testes de navegabilidade e de UP LOAD do site.

d)Desenvolvimento: aplicação das linguagens de servidor para integração do site com um banco de dados para tornar partes do site dinâmicas, com conteúdo atualizado constantemente, muitas vezes permitindo uma grande participação do usuário na página, alterando características diversas.

Etapa que pode ser dividida da seguinte forma:

Tema
Sobre o que será o site? Descrever de forma sucinta e objetiva o tema geral do site

Briefing
Levantar, junto ao cliente, informações precisas sobre o que se espera do site. Esta reunião deve ser um bate papo, evitando estruturas formais de perguntas e respostas, pois, assim, consegue-se muito mais do cliente do que se espera. Apesar disso, deve-se levantar, minimamente, as seguintes informações:

a)Público-Alvo: a quem se destina o site? Qual a classe social, a faixa etária e o perfil geral das pessoas?
b)Definir o retorno esperado para o site: um site, como uma peça de comunicação é uma ferramenta de marketing como qualquer outra, precisa de objetivos claros e bem definidos. O retorno deve ser encarado como uma meta a ser cumprida.

As linguagens de comunicação, quando bem definidas, resultam num bom retorno para o cliente definido como público-alvo. Apesar de haver uma grande quantidade de linguagens que podem ser utilizadas, podemos definir as principais da seguinte forma:
a)Moderna(jovem): possibilita o uso de cores fortes, experimentalismos gráficos diferenciados, linguagem mais cool, solta, livre, informal. O site da MTV é um bom exemplo deste tipo de linguagem visual.

b)Conservadora(madura): não deve causar impacto por recursos visuais ou informalidade na linguagem. Estruturas mais rígidas de navegação, de controle. Recomendado para sites de investimentos, negócios, bancos, de uma maneira geral. O site do Citibank é um bom exemplo.

c)Clean(suave): diz respeito mais ao aspecto visual do que a uma linguagem propriamente dita. As cores são suaves, fluidas. As imagens comunicam tranqüilidade, suavidade, beleza. Tudo é limpo, os espaços não são totalmente preenchidos, permitindo que a página "respire". Sites de beleza e estética seguem este padrão.

d)Over(forte): também diz respeito aos aspectos visuais. Aqui, ocorre o inverso do "clean". As cores são fortes, agressivas, pulsantes. Imagens em ângulos e enquadramentos inusitados, uso livre de grafismos fortes, experimentais. Os sentidos são agressivamente tocados, não há espaços para se "respirar", tudo é muito intenso. Sites de skateshops seguem este padrão.

Com base nas informações levantadas até o momento, pode-se definir as ferramentas e tecnologias que serão utilizadas, até mesmo para se ter uma melhor idéia "orçamentária" do projeto. Abaixo, as principais necessidades de um web site e exemplos de tecnologias e ferramentas para executá-las:

a) Ilustrações, logotipos, símbolos vetoriais:
Corel
Illustrator
Inkscape

b) Criação de lay-outs:
Photoshop
Fireworks

c) Tratamento de Imagens:
Photoshop
Gimp

d) Otimização de Imagens:
Fireworks
Gimp

e) Edição Visual do código:
Dreamweaver
Amaya

f) Linguagens de estruturação:
XHTML (estrutura)
CSS (formatação visual)

g) Animações vetoriais:
Flash
Ktoon

h) Linguagens de Scripts:
Javascript
Action Script(no flash)

i) Desenvolvimento:
PHP (Linguagem de Servidor Open Source)
MYSQL(Banco de dados PHP)
ASP (Linguagem de Servidor Paga)


Observação: existem diversas outras ferramentas e linguagens no mercado que também efetuam tais trabalhos.