Você acabou de começar a estudar os primeiros rudimentos de Programação da Web e, para praticar, decidiu criar um pequeno site pessoal "manualmente", sem recorrer a blogs ou sistemas automatizados para a criação de sites que estão na moda agora.
Excelente escolha, esta experiência prática fará com que você aprenda mais de cem manuais teóricos. Justamente por isso, hoje estou aqui para dar uma ajudinha e sugerir Como fazer um website dando seus primeiros passos com KompoZer, um excelente editor gratuito que permite criar websites tanto em modo visual como em linguagem HTML. Pronto para começar?
Descobrir Como fazer um website, a primeira etapa que você precisa realizar é conectar-se ao site KompoZer e clicar no primeiro item download (aquele com a bandeira do Windows) colocado ao lado do item Italiano italiano, no centro da página, para baixar o programa em seu PC. Quando o download for concluído, clique duas vezes nele para abrir o arquivo que você acabou de baixar (kompozer-0.8b3.it.win32.exe) e, na janela que se abre, primeiro clique em Corre é sim (para autorizar a instalação no Windows 7 / Vista) e depois em Avançar.
Em seguida, aceite as condições de uso do programa, colocando a marca de seleção ao lado do item Eu aceito os termos do contrato de licença, e clique primeiro Avançar por quatro vezes consecutivas e depois Instalar é fim para terminar o processo de instalação e começar KompoZer.
Assim que o programa for iniciado, você pode começar criar um site: já que você é um iniciante, aconselho que não entre direto no labirinto do código HTML, mas tente criar a página principal do seu site usando o editor visual. O editor visual do KompoZer funciona um pouco como o Word e os programas de processamento de texto que você está acostumado a usar. Você pode escrever e formatar o texto usando as teclas B. (Negrito), A (itálico) e você (sublinhado) da barra de ferramentas do programa; alinhe o texto à esquerda, direita, centralize ou justifique-o, usando os botões apropriados da barra de ferramentas, e insira imagens, links e tabelas em suas páginas da web.
Antes de fazer tudo, porém, você deve definir a página principal do seu site e salvá-la na pasta onde irá então salvar todos os arquivos do seu projeto. Em seguida, selecione o item Propriedades do título e da página do menu Formato e, na janela que se abre, digite o título que deseja atribuir ao seu site (aquele que será exibido na barra de título do navegador) e quaisquer outras informações que deseja especificar. Quando terminar, clique no botão Salve e salve a página principal do seu site na pasta onde vai inserir todos os arquivos do projeto, renomeando-o index.html.
Depois que a página for salva, você pode começar a criar a página inicial do seu site conforme mencionado acima. Para inserir uma imagem em sua página web, clique no botão Imagem da barra de ferramentas KompoZer e, na janela que se abre, selecione a foto que deseja adicionar ao site clicando no ícone em forma de pasta. As imagens que você inserir no site devem ser todas previamente salvas na pasta do projeto onde você salvou a página index.html ou em uma subpasta contida no último. Por exemplo, se a pasta onde você salvou a página principal do site for C: site, as imagens precisarão estar em C: site ou C: foto do site.
O mesmo vale para hiperlinks. Se na sua página da web você deseja vincular um texto ou imagem a outra página do seu site, você deve ter salvo a outra página na mesma pasta index.html. Por exemplo, se você criou uma página chamada images.html e você deseja vinculá-lo na página principal do seu site, destaque com o mouse o texto ou imagem que deseja utilizar como link, clique no botão conexão da barra de ferramentas KompoZer e, na janela que se abre, digite o nome da sua página como destino (por exemplo, images.html) e clique no botão OK para confirmar a operação.
Você deseja personalizar as cores da sua página da Web ou aplicar uma imagem de fundo a ela? Selecione Planos de fundo e cores de página no menu Formatar e defina suas preferências na janela que é aberta. Novamente, se você decidir usar uma imagem como plano de fundo de sua página, certifique-se de que a imagem seja salva na mesma pasta que index.html (ou em uma subpasta).
Seguindo essas regras básicas muito simples, crie todas as suas páginas no seu site pessoal e, quando se sentir pronto, tente dar uma olhada no código HTML das páginas criadas (e porque não, modifique-o) clicando no botão Fonte que está localizado no canto inferior esquerdo. Para todas as instruções sobre como usar KompoZer consulte o guia online integrado no programa, você pode encontrá-lo no menu ? > Tópicos de ajuda. Você verá que em pouco tempo poderá criar um site com todas as guarnições.