Joueb/CSS

Les pages de tests sont souvent remplies par la fameuse incantation "Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua [..]". Les graphistes l'utilisent pour illustrer le rendu d'une page car il y a peu de risque que le lecteur prete plus attention au texte qu'a la presentation s'il est ecrit dans un latin que personne ne comprend plus. A l'inverse, j'ai decide d'utiliser mes pages de test pour vous montrer le cheminement que j'ai suivi pour creer les styles de la skin Espresso (en ce moment sur joueb.com/css/) : ce que j'ai essaye, ce qui n'a pas marche, ce qui a marche. Et j'espere bien que quelques uns d'entre vous s'y attarderont !

Je souhaite vous faire partager les etapes de la creation d'une page qui utilise des feuilles de styles (CSS) pour sa presentation pour deux raisons :

La premiere est que peut-etre vous appreniez quelque chose : la prochaine fois (la premiere fois peut-etre) que vous essaierez de creer une page avec les CSS, peut-etre vous direz vous au sujet d'un point particulier "Je pourrais faire comme dans la skin Espresso".

La seconde est bien sur que certains d'entre vous m'enseignent quelque chose. Je debute, je ne connais pas toutes les specifications par coeur, et je n'ai lu aucun livre ecrit par Eric Meyer ou Daniel Glazman : autant dire qu'il y a toutes les chances que je choisisse des mauvaises solutions. Je compte sur vous pour me les signaler !

Au programme :

Etape 1 - Par ou commencer ?
Etape 2 - Les images : les problemes commencent
Etape 3 - Les images : les problemes sont resolus
Etape 4 - Les boites
Etape 5 - Les coins ronds


A titre d'indication, l'elaboration de la skin Espresso m'a pris une semaine :

- 3 soirees pour dessiner les images (tasse, fond, coins ronds)
- un week-end complet pour les CSS
- une heure pour transformer la page en skin Niutopia complete
- 1 soiree pour mettre en forme les etapes etc.

Il va sans dire que ces temps sont tres largement fonction de mon experience en graphisme, en CSS et en skins. Si vous etes un expert dans ces domaines, chaque etape peut sans doute prendre seulement une heure ou deux. Votre kilometrage peut varier.

A paraitre bientot : des indications detaillees sur la creation de la skin Niutopia une fois que les CSS sont elaborees.