Pourquoi ce site ?

Ce site est destiné à permettre à tout particulier d'installer sa propre pompe à chaleur.

Pourquoi ça ?

Tout d'abord car c'est un des rares moyens de chauffage permettant d'assurer l'indépendance énergétique de la France.

Ensuite car c'est relativement écologique comparé aux autres moyens de chauffage.

Les sources

La principale source est mon expérience personnelle, en effet, j'ai participé à la mise en place de plusieurs pompes à chaleur.

J'ai par ailleurs suivi des cours de thermodynamique m'ayant permis de comprendre le fonctionnement de celle-ci.

Les outils

Pour taper le code source, j'ai utilisé gedit.

Pour visionner les pages pendant leur réalisation j'ai utilisé Firefox. J'ai après tester le site avec Internet Explorer 8, avec succès.

Pour travailler certaines photos j'ai utilisé KolourPaint.

Pour créer les arrières-plans des menus, j'ai utilisé Open Office en mode dessin.

Les aspects techniques en html

La police par défaut utilisée pour toute la page est Arial, une police étant définie pixel par pixel pour les petites tailles, et donc particulièrement adaptée pour la lecture à l'écran, contrairement par exemple à la police Times New Roman adaptée elle pour l'impression.

La majeure partie du texte est noire sur fond blanc afin la encore de permettre une lisibilité optimale.

Toute la page est contenue dans une div de 950 pixels de large, afin de forcer les cadre à s'aligner verticalement. Sans ce div, sur les écrans assez grands, les différents div se mettrait en ligne et non en colonne !

Puis une div de 940 pixels a été créée pour contenir juste la bannière du site.

Puis une div a été créée pour contenir le menu :

- C'est elle qui contient en arrière-plan l'image avec les dégradés de tout le menu.

- Cette div contient elle-même des div de largeur fixe, contenant elles-mêmes de petites div pour centrer verticalement le texte des menus.

Puis deux div ce trouvent en dessous, l'une contient le corps de texte et l'autre la colonne de droite avec différentes rubriques.

La colonne de droite contient elle-même de petits div correspondants aux différentes rubriques.