16 Batîssons un template

Dans ce TP nous allons revoir l'ensemble des notions concernants HTML & CSS.

Objectif

Nous allons créer une page d'actualités des plus simple. Voici un exemple de résultat attendu de votre part:

Notre page d'accueil

• Créer fichier index.html encodé en UTF-8
• Créer le squelette de base de tout fichier HTML5 dans celui-ci
• Créer un menu de navigation au sein du header principal
• Créer un listing d'actualités sémantiquement correct

nb: les liens présents dans le fichier pointeront sur cette page (à savoir index.html)

Bonne pratique

• Inclure un reset CSS
• Inclure une grille de mise en forme (simple grid par exemple ou le module GridLayout de CSS3)
• Mettre en forme le listing d'actualités via votre grille de mise en forme

Finition

• Terminer le design de votre template en utilisant les propriétés et sélecteurs CSS vus en cours

nb: le style de l'exemple fait (en dehors du reset css et de la grille) un peu moins de 100 lignes de CSS en utilisant 26 sélecteurs CSS et trois types de sélecteurs différents