Création de la structure de modèle HTML5 pour votre site - pour les nuls

Avec une mise en page en place, vous pouvez enfin commencer à écrire du code HTML5. Commencez avec votre diagramme de mise en page standard et créez un modèle HTML pour implémenter le diagramme dans le code de travail. Le modèle HTML est assez simple car la plupart du design devrait arriver dans le CSS. Gardez ces lignes directrices à l'esprit:

• N'oubliez pas que le modèle est simplement un cadre. Le code HTML est principalement vide. Il est destiné à être dupliqué et rempli avec des données en direct.

• Il fait référence à la feuille de style. Le CSS externe est essentiel pour les projets Web volumineux, car de nombreuses pages renvoient à la même feuille de style. Faites une référence à la feuille de style, même si elle n'existe pas encore.

• Incluez tous les éléments nécessaires. Les éléments eux-mêmes peuvent être vides, mais si votre page a besoin d'une liste pour un menu, ajoutez une liste vide. Si vous avez besoin d'un contenu div, mettez-le en place.

• Créer un prototype à partir du modèle. Vous aurez besoin d'exemples de données pour tester le CSS. Construire une page prototype qui contient des données typiques. La quantité de données doit être typique du site réel afin que vous puissiez anticiper les problèmes de formatage.

Il est très possible que vous ne mettiez jamais du contenu manuellement dans votre modèle. Il existe plusieurs options pour automatiser ce processus.

Le modèle HTML devrait être facile à construire car tout ce dont vous avez besoin se trouve dans le diagramme de modèles de pages.

Voici le code HTML du prototype:

CS Standard Template 
Titre

un
deux
trois


Contenu 1
Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront un ou plusieurs ceux-ci contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu 
Contenu 2
Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront un ou plusieurs ceux-ci contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu Un ou plusieurs d'entre eux contiendront du contenu 
Les gens commencent généralement à écrire des pages à ce stade, mais c'est une idée dangereuse.N'utilisez pas de données réelles avant d'être certain de la structure HTML générale. Vous pouvez toujours modifier le style plus tard, mais si vous créez 100 pages et décidez ensuite que chacune d'entre elles a besoin d'une autre balise, vous devez revenir en arrière et ajouter 100 divs.