HTML / PHP
Mes pages sauf (la page d'accueil) sont toutes bâties sur le même principe :
<?php
$titre="le titre";
$description="les mots clefs";
include ('../inc/entete.inc');
include ('../inc/menu.inc');?>
</div>
<div class="centre">
<p>Le contenu ici
</div>
<?php
include ('../inc/pied.inc');
?>
En définissant cette page, je précise ainsi avec la variable $titre quel sera le titre de cette page (qui apparaît à deux endroit si vous regardez bien), et j'en fais de même avec la variable $description qui contient elle les mots clefs qu'on peut apercevoir dans le tag <meta name="keywords" content="html, css, javascript, uniformite"> dans la section <head> de la source HTML de cette page.
Ensuite j'insère des composants que toutes ces pages ont en commun, à savoir l'entête (include ('../inc/entete.inc');), le menu (include ('../inc/menu.inc');), et le pied de page (include ('../inc/pied.inc');).
Cela me laisse au milieu un espace où j'insère le contenu spécifique à chaque page. Avantage principal, la modification d'un seul fichier (entete, menu ou pied) sera répercutée sur toutes les pages automatiquement.
Comme je le disais la page d'accueil (blog) est différente. Je ne rentrerai pas ici dans l'explication de ce qu'elle contient, moi-même je ne comprends pas tout, mais je me félicite que cela fonctionne. Son but est principalement de faire cohabiter un contenu mis à jour via Blogger, ainsi que les archives qui sont générées automatiquement, cela de manière transparente, en y intégrant un outil de recherche redoutablement rapide et efficace, et en utilisant PHP et XML.
Pour ceux qui seraient malgré tout intéressés à comprendre son fonctionnement, je vous réfère à mes sources : How to manage your site with Blogger, PHP, and XML. Je l'ai utilisé tel quel et cela fonctionne à merveille tel qu'illustré sur le présent site.
CSS
Le fichier CSS de ce site Internet permet de contrôler l'apparence de chaque page. Sans interprétation du fichier CSS par votre navigateur (c'est probablement le cas si vous utilisez Netscape 4 et consorts), voici à quoi cette présente page ressemble. Avouons que les feuilles de style rendent la vie plus agréable...
Je ne vais pas commencer à expliquer ici ce qu'elle contient et pourquoi je l'ai faite de la sorte. Ceux qui sont intéressés sont invités à m'écrire pour poser leurs questions.
Uniformité
J'ai fait tout ce qui était en mon pouvoir pour m'assurer que ce site aurait le même aspect quelle que soit la configuration que vous utilisiez. J'ai commencé ici un petit inventaire de copies d'écran de ce site, car malgré tout, on peut observer quelques légères différences entre l'aspect voulu et l'aspect obtenu. Si vous posséder une version d'un logiciel qui n'est pas listé ici, merci de faire une copie d'écran et de me la faire parvenir pour compléter cette collection. J'ai une préférence pour le format 1024x768 si votre écran permet une telle définition.
Les présentes copies d'écran montrent à la fois quelle était l'apparence de mon site autrefois, et quelle est son apparence présentement. Vous trouverez les dernières copies d'écran plus bas.
OS : Mac OS 10.2.3
Version : 1.0 Beta (v51)
Commentaire : Excellent rendu de la feuille de style, n'intègre pas encore toutes les subtilités telle que les attributs
<abbr> et <acronym>.
OS : Mac OS 10.2.3
Version : 0.6 Révision : 2002122004
Commentaire : Excellent rendu de la feuille des style, police un peu petite à l'écran parfois. Bug visuel lors du défilement de la page, le menu de droite semble apparaître plusieurs fois. Esthétiquement gênant, mais pas de perte de fonctionnalité.
OS : Mac OS 10.2.3
Version : 5.2.2 (5010.1)
Commentaire : Excellent rendu de la feuille des style, bien plus respectueux de ces dernières que ne peuvent l'être les versions pour Windows, police de caractère un peu trop grosse à l'écran cependant. Aucune modification de la couleur des liens du menu de gauche au passage de la souris ou en cliquant dessus.
OS : Windows 98
Version : inconnue
Commentaire : On remarquera dans le premier paragraphe que l'attribut
<abbr> n'est pas interprété. Le terme "CSS" devrait apparaître souligné et la définition de cette abbréviation est sensée apparaître lorsqu'on passe la souris au dessus de ce terme. Merci à Bernard pour cette copie d'écran.
OS : Mandrake 8.2
Version : 1.2.5, thème 'Aquatic'.
Commentaire : Galeon est un autre fureteur basé sur le noyau Gecko (moteur de rendu développé par Mozilla), comme peut l'être Safari sur Mac OS 10. Et sans grande surprise, en étant basé sur le même noyau, on constate le même rendu. Ici l'originalité -si on peut dire- vient du fait que c'est la première copie d'écran obtenue provenant de Linux. Il n'y a aucun problème de rendu sur les page qu'on ne pourrait constater avec un autre moteur Gecko. Merci à Gregory pour ces copies d'écrans.
