Como organizar a estrutura do site

O cuidado na organização do site desde o início pode, posteriormente, evitar frustrações e economizar tempo. Se começar a criar documentos sem pensar em que local, pastas, eles deverão ser armazenados, é possível que você tenha de lidar com uma pasta de difícil acesso e com demasiados arquivos, ou que os arquivos relacionados estejam espalhados em várias pastas com nomes semelhantes.

Em geral, a configuração de um site envolve a criação de uma pasta no disco local, que contém todos os arquivos do site (conhecido como site local), e a criação e edição de documentos contidos nesta pasta. Quando o site estiver pronto para ser publicado e visualizado pelo público, estes arquivos poderão, então, ser copiados para um servidor da web.

Decida onde serão armazenados itens como imagens e arquivos de som. Por exemplo: é conveniente colocar todas as imagens em um único local, para facilitar a localização das mesmas quando forem inseridas em uma página. Outras pastas podem ser criadas em função dos tipos de arquivos que farão parte da construção do site.

Vamos criar para a nossa atividade a seguinte estrutura de arquivos: Uma pasta identificando o projeto de site denominada 'Projeto de Site' para armazenar os arquivos principais (formato .html) e dentro desta pasta uma outra para armazenar as imagens (formato .gif ou .jpg) denominada 'img'. Estas pastas devem ser criadas no disco rígido do seu computador. Se houver uma unidade de disco exclusiva para dados (unidade D:) crie nesta unidade as pastas 'Projeto de sites' e 'img'.

Quando você estiver dando nome aos arquivos que irá criar para compor seu site lembre-se de algumas regras para criação de nomes de arquivos de formato .html

  1. Utilize somente letras minúsculas.
  2. Não utilize acentos como (ã, ê, ü, í, ç). Por exemplo: conteúdo, digite conteudo; educação, digite educacao.
  3. Não utilize espaços entre as palavras quando o nome do arquivo for composto por mais de uma expressão. No lugar do espaço utilize o sublinhado. Por exemplo: Layout Principal, digite layout_principal.
  4. Alguns caracteres não são permitidos na composição do nome do arquivo como:
    ! ? / ; \ . < > { } [ ]
  5. Dê nome aos seus arquivos de forma que eles lembrem o conteúdo do mesmo.

Caso você não saiba como fazer para criar as pastas sugeridas, visualize a demonstração.