O web design é a aplicação do design ao mundo da Internet na criação de sites, documentos e outros conteúdos disponíveis da maior rede tecnológica.
Normalmente quem tenta iniciar-se no mundo do Web Design depara-se com o problema de não saber por onde começar.

Este artigo tem a finalidade de servir como guia aos iniciantes nesta arte. Ao seguir estes passos pode-se facilmente atingir um nível de maturidade significativo em pouco tempo, eliminando produtos e conceitos que actualmente não são essenciais para dominar o assunto.

Depois destes passos estarem bem consolidados ganha-se a flexibilidade necessária para prosseguir numa área mais específica de acordo com o gosto.

1. Aprender XHTML (Extensible HyperText Markup Language)
O XHTML é a linguagem em que todas as páginas da Internet estão construidas.
Ao visualizar o código-fonte de uma página irá certamente deparar-se com essa linguagem. As páginas web (na sua maioria) não passam de de ficheiros com texto formatado e armazenadas em computadores específicos (servidores) para serem acedidas.
Uma das vantagens do XHTML é pertencer ao grupo das linguagens mais fáceis de aprender o que faz com que certas pessoas nem considerem o XHTML uma linguagem de programação.
Mas não vale fazer batota e ir logo para o Adobe Dreamweaver. Esta aplicação pode facilitar a vida ao início mas depois de se saber XHTML consegue-se usar o Dreamweaver para criar a página da forma que desejamos em metade do tempo, pois temos um maior controlo sobre o código e o layout final.
Estas ferramentas costumam gerar automaticamente código desnecessário o que aumenta o tamanho e peso da página fazendo com que demore mais a visualizar o seu conteúdo.
É possível aprender o XHTML num editor de texto simples gratuito como o Notepad++.
Caso tenha possibilidades adquira um livro recente sobre XHTML, faça uma pesquisa por tutoriais sobre XHTML ou visite o http://www.w3.org/MarkUp/Guide/ para uma breve introdução (em inglês) sobre programar em XHTML.

2. Aprender CSS (Cascading Style Sheets)
O CSS não é nenhum bicho de 7 cabeças! Pode ser um pouco mais avançado que o XHTML mas depois de se entender a sua essência é super simples de aplicar. Grande parte dos livros mais recentes sobre XHTML já cobrem o CSS pois na actualmente estas tecnologias juntas são responsáveis pela maior parte dos sites existentes.
O CSS é a linguagem responsável pelas cores, imagens de fundo, formatos das fontes e outros. A beleza de se usar CSS é que se pode controlar o formato de inúmeras páginas web apenas com um único ficheiro CSS.
Existe um tutorial online (em inglês) com uma introdução ao CSS http://www.w3.org/MarkUp/Guide/Style.

3. Aprender Photoshop

Todos os profissionais de design sabem usar um editor de imagem poderoso. O Adobe Photoshop pode ser difícil de usar no início por isso uns tutoriais poderão ajudar, ou então começar por um programa de edição um pouco mais simples como o PaintShop Pro ou o Paint.net (gratuito).
Uma técnica bastante utilizada por muitos profissionais do ramo é começarem a desenhar o site no Photoshop até chegarem a uma solução que os agrade. Depois filtra-se todas as imagens necessárias e começa-se a construir esse mesmo design em código XHTML e CSS.
Esta técnica poupa algum tempo pois já se sabe o que se pretende (é muito mais fácil e rápido fazer alterações de layout ou cores no Photoshop) e assim elimina-se desperdícios na produção de código desnecessário.

4. Usar XHTML e CSS válido
Ao programar com XHTML e CSS válidos estamos a seguir as regras do Consórcio da World Wide Web. Existe bastante informação sobre as regras válidas destas linguagens em http://www.w3.org.
É importante salientar que ao codificar sobre estes padrões o site tem melhor chances de ser indexado pelos motores de busca e além disso mais possibilidades de ser bem visualizado pelos navegadores existentes.

5. Aprender Tipografia
A tipografia é definida como a arte ou o processo de criação de texto assim como o design gráfico das letras que o compõem.
O estudo das fontes ensina onde e quando se deve utilizar texto. Aprender sobre espaçamentos de letras, altura de linhas, formatações da letra faz com que se construa websites de forma mais estruturada e com possibilidade de privilegiar a leitura dos conteúdos.
É importante ter a noção que existe um grupo restrito de fontes que são reconhecidos pelos navegadores e pelos quais se deve optar. Mas uma forma prática de utilizar qualquer tipo de letra passa por guardar o texto em forma de imagem mas com moderação pois poderá pesar no tamanho do site.
Os visitantes do site (que em regra geral são todos preguiçosos) raramente se dão ao trabalho de descarregar a fonte do site mesmo que a disponibilize. As fontes mais comuns e seguras de utilizar são Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS e Verdana.

6. Estudo das Cores
O estudo das cores é importante para atrair os visitantes pois é a primeira coisa que salta à sua vista.
A escolha de um conjunto de cores agradável é fulcral pois caso elas não se encontrem em harmonia o mais provável é os visitantes considerem o site aberrante e não lerem qualquer conteúdo lá inserido por mais importante ou interessante que seja.
Uma técnica interessante e que costuma produzir bons resultados é o uso de esquemas monocromáticos. Estes esquemas não são mais que uma selecção de uma mesma cor mas em vários tons. Pode-se juntar o branco para tornar a cor mais clara e brilhante e o preto para tornar a cor mais carregada e sombreada.
Existem várias ferramentas que disponibilizam todas as cores possíveis de produzir através do CSS. Aqui fica uma de fácil utilização: http://wellstyled.com/tools/colorscheme2/index-en.html.

7. Inspiração e Prática
Uma boa forma de ganhar inspiração é navegar pela Internet em sites de design, fotografia e artes visuais de forma a moldar a mente de uma forma mais criativa. Ao analisar outras páginas também se pode aprender muito sobre tonalidades de cores e formas de organizar os conteúdos. Existem repositórios gratuitos (http://www.oswd.org) de layouts que podem para serem utilizados e alterados, contudo não é de boa ética copiar ou roubar código.
Pode-se também navegar por um portefólio de companhias especialistas na construção de sites. Panfletos, posteres e artes digitais também podem ser um bom veiculo para inspirar a mente.
Por último quanto mais se praticar e experimentar novas técnicas mais conhecimento é absorvidos e a forma de criar começa a aprefeiçoar-se fazendo com que os resultados sejam cada vez mais satisfatórios.