Intégration XHTML-CSS et programmation PHP/MySQL du site de Créa Natura (agence virtuelle de projet tutoré, sensible au développement durable).
Particularité : l’apparence est déclinée en 4 atmosphères, car le site comporte autant de rubriques de premier niveau, et il existe autant d’éléments et de saisons.
La mise en page est donc identique sur toutes les pages, mais la décoration (fond, couleur...) change d’une rubrique à l’autre. Aperçu sur 3 saisons ci-après.
Réalisation graphique par Bastien D., création du logo (non visible) par Florestan T., gestion de projet par Luc S..
Explications techniques
Les styles CSS sont répartis en deux feuilles de style :
- une feuille générale qui contient les instructions de disposition, taille des blocs, typographie, etc... ;
- une feuille spécifique qui ne contient que les appels aux images de fond.
Chaque page HTML comporte au sein de sa balise <body> une classe CSS mentionnant la déclinaison pour la page. Cette classe se retrouve en CSS (exemple simplifié) :
body.ete div#contenu {
background: url('../img/bg/ete/ete-contenu.png');
}La feuille spécifique contient donc 4 ensembles de règles, un par variation.
Note
Par vote avec les collègues, le site n’est pas en ligne.
