Como criar um site usando HTML e web design

Criar um site na internet é um projeto grande mas não inatingível. Cada vez mais pessoas estão descobrindo que também podem fazer o código e o design de um site gastando apenas algumas horas para estudar e decidir sobre suas metas específicas. A seguir estão as etapas básicas para se criar um website.

•    Determine a finalidade do seu site.É importante que você tenha uma meta clara em mente ao se criar um site, mesmo que a meta seja tão simples quanto a criação de um lugar para exibir suas coisas.

     ••    Criar um site profissional é a escolha mais trabalhosa, exigindo mais cuidado e planejamento do que as outras; a acessibilidade e as regras padrão devem ser mantidas em mente.

     ••    Um site de um projeto é outra opção, o que pode permitir que pessoas com uma atividade específica visualizem e compartilhem informações importantes para o seu projeto, e que pode permitir que outras pessoas interessadas no projeto tambem pesquisem.

     ••    Criar um site pessoal é uma opção também, e a menos formal de todas. Seu site pessoal pode ser formal, é claro, mas é aceitável que ele seja mais relaxado. Ao se criar um site pessoal, a principal preocupação é saber como você deseja se projetar.

•    Conheça os princípios básicos de programação HTML (e / ou encontre um editor WYSIWYG). O HTML (Hyper Text Markup Language) é uma  linguagem de programação extremamente fácil de se aprender, que foi projetada para a concepção e construção de websites. Este website, por exemplo, oferece tutoriais detalhados de HTML para qualquer pessoa que queira acessá-los. Se você não estiver interessado em aprender como escrever código HTML, você pode comprar um programa WYSIWYG (O que você vê é o que você tem), como o Macromedia Fireworks, Macromedia Dreamweaver (uma versão mais antiga), ou o Microsoft FrontPage. Contudo, mesmo se você decidir usar um programa WYSIWYG, ainda é útil saber como o HTML funciona. Também é útil conhecer as tags mais comumente utilizadas, como a <tabela > (<tr>, <td>), e tags de construção e formatação de texto como <b> e <i>, que podem ser aprendidas no link postado anteriormente.

•    Considere o CSS. CSS significa Cascading Style Sheets, e é uma forma útil de armazenagem de modificações do estilo do seu wesite em um documento externo, que é referido na hora de mostrar seu website.

Decida como você vai lidar com as capacidades dos browsers. Você já deve ter percebido enquanto navegava na internet que algumas páginas Web no Internet Explorer ficam ótimas, mas são mutiladas no Netscape (o Opera e o Mozilla, os outros dois principais concorrentes, tem seus própriosdefeitos). Uma das razões é a diferença no modo como cada browser lida com códigos incorretos. Se le uma página web com um tag ausente </ td> ou tags em uma tabela na ordem errada, o Netscape exibe uma catástrofe, enquanto o Internet Explorer intuitivamente tenta "arrumar" as tags para você para exibir uma tabela que funcione. Há quem pense que isso é uma virtude por parte do IE, enquanto outros acreditam que um navegador não deve adivinhar o que você está tentando fazer.

Outra diferença entre os navegadores é o suporte a editores de WYSIWYG. Por exemplo, o editor WYSIWYG do Frontpage escreve certos códigos que, quando vistos no Netscape, simplesmente não funcionam. Isto é devido à maneira que diferentes empresas desenvolverem seus programas e recursos, porém, para a maior parte, as incompatibilidade de browser-site podem ser sanadas ao escrever o código correto. Usar um validador HTML pode ajudar a corrigir esta situação. Antes de começar a escrever seu HTML, analise as capacidades e deficiências de cada navegador (e as distintas versões de cada browser) e decida como voce vai trabalhar com eles. Muitas pessoas desistiram de tentar fazer um design para cada browser, e concebem apenas para o browser de sua escolha. Contudo, se o seu objetivo for um website profissional, você deve fazer com que ele funcione corretamente para todos. Uma opção é criar diferentes layouts (ou layouts alterados) para cada browser popular, e criar uma página splash onde o usuário pode escolher a versão apropriada do seu site para ser executado. Em qualquer caso, se voce escrever o código adequado, as diferenças entre os navegadores não serão muito impressionantes.

•    Conheça os recursos estéticos. Algumas pessoas acham o webdesign um jeito útil  de mostrar seu talento artístico, enquanto outras ficam mais confortáveis criando um visual organizado e baseado em códigos para o seu site (o que é criativo de seu proprio modo). Se você gosta da idéia de desenhar gráficos para usar em seu site, tente fazer isso. Se não, não se sinta limitado. Com um conhecimento de programação, há um incrível potencial para tornar seu site funcional e com bom aspecto. Experimente outros tipos de tecnologias de construção de web (como o CSS, JavaScript e XHTML), para ampliar ainda mais as possibilidades.

Após ter completado estes passos, a última coisa a se fazer é escrever o código do seu site. Depois de fazer o design de seu site com êxito, compre um nome de domínio, encontre um lugar para hospedá-lo, e você estará no ar. Boa sorte!