Como construir o modelo de estrutura de HTML5 para o seu site

Com um layout de página no lugar, você pode finalmente começar a escrever algum código HTML5. Comece com o seu diagrama de layout de página padrão e criar um modelo HTML para implementar o diagrama no código de trabalho. O modelo HTML é muito simples, porque a maior parte do projeto deve acontecer no CSS. Manter essas diretrizes em mente:

• Lembre-se que o modelo é simplesmente um quadro. O HTML é principalmente branco. Era para ser duplicada e preenchido com dados ao vivo.

• Ele tem uma referência à folha de estilo. CSS externa é fundamental para grandes projetos web, porque muitas páginas se referem à mesma folha de estilo. Fazer uma referência à folha de estilo, mesmo que ele não pode realmente existe.

• Incluir todos os elementos necessários. Os próprios elementos pode ficar em branco, mas se a sua página precisa de uma lista para um menu, adicionar uma lista vazia. Se você precisa de uma div conteúdo, colocá-lo no lugar.

• Criar um protótipo a partir do modelo. Você vai precisar de dados de exemplo, a fim de testar a CSS. Criar uma página de protótipo que contém dados típicos. A quantidade de dados deve ser típica da site real para que você possa antecipar problemas de formatação.

É muito possível que você nunca vai colocar manualmente o conteúdo no seu modelo. Existem várias opções para automatizar este processo.

O modelo HTML deve ser fácil de construir, porque tudo que você precisa é no diagrama de modelo de página.

Aqui está o código HTML para o protótipo: