Comment analyser une page HTML et sa feuille de style CSS ?

L’important dans un premier temps est de répérer les blocs principaux et leurs emboitements.
Pour cela vous disposez de plusieurs outils

Lire le code source
En analysant le code HTML, il est possible de comprendre la façon dont le code est agencé. Toutefois si le code n’est pas commenté ou mal indenté, la tâche peut s’avérer difficile

Vue du source d’une page Lebanon :

Utiliser l’inspecteur DOM de Firefox
Firefox dispose d’un outil qui permet d’analyser le code des pages : il s’agit de l’inspecteur DOM. Pour l’utiliser aller dans le menu Outils > Inspecteur DOM. Ce petit logiciel est très puissant, il analyse tous les éléments HTML. En cliquant sur les "+", vous pouvez déplier les blocs

Vue du source d’une page Lebanon avec l’inspecteur DOM

Utiliser l’extension webdevelopper de Firefox
L’extension webdelopper de firefox dispose de nombreux outils d’analyse de page regroupés dans le menu "information". C’est pratique pour les gens qui ne sont pas trop à l’aise avec le code car l’information s’affiche directement sur la page web.

Vue de la page Lebanon avec les informations d’ordre de bloc :