Accueil > Activités > Arts et techniques > mon ptit site à moi et le css

mon ptit site à moi et le css

samedi 19 janvier 2008, par gepeto

Apres avoir installé un premier jet d’un site sur votre serveur, un dokuwiki, un spip ou autre, vous vous dites .. comment faire la mise en page ?

Il existe un outil bien pratique qui permet de voir et tester en ligne les balises CSS. Il permet de comprendre l’architecture de la page et de faire des essais successifs en local pour obtenir ce que vous désirer.

j’ai nommé le plugin Web developper ; on peut le trouver sur les extensions de mozilla firefox ou : http://chrispederick.com/work/web-d...

On en parle aussi sur framasoft.net : http://www.framasoft.net/article382...

Il existe également FireBug, qui permet une bonne visualisation, et surtout qui permet de tester des modifications directement en ligne sur le css. http://www.getfirebug.com/

Modifier le CSS est la méthode qui me semble la plus pratique en tant que methode ’sans les mains’ ... Typiquement il n’y a rien besoin d’installer sur sa machine parce qu’on utilise déjà un CMS comme un wiki ou un spip et on a besoin d’un couteau suisse pour sortir des looks et autres templates ou squelettes trop standards.

Il faut se faire une idée de ce qu’est le CSS, et il y a plein de site là-dessus : alsacreations.com , pompage.net, csszengarden.com,
http://openweb.eu.org/css/,

aide memoire css

etc...

le mixage CSS/DHTML/javascript permet de tout faire, sans avoir besoin d’un flash ou d’un dream-machin, les normes sont ni propriétaires, ni coûteuses.

Il n’est pas besoin non plus quand on part d’un CSS d’utiliser un éditeur html tel que komposer, nvu, quanta, amaya, etc. puisque tout le code réside sur le serveur. Un simple client FTP comme le plugin mozilla fireFTP sert à récuperer en local les 2 ou 3 fichiers css ou html à modifier.

Enfin, il est nécessaire de tester un site oueb sur différents systèmes, et avec différents navigateurs.
Il existe des émulateurs, mais le plus simple est sans doute d’utiliser ce genre de site, qui récupère des captures d’écran : http://browsershots.org