Atelier de conception de tutoriels en ligne
   
       
 

La publication de la version pdf du tutoriel Concevoir son template et prévue cette semaine...

 
   
 
logo_fr Translate in English Ins Deutsche übersetzen Traducir al Español tradurre in italiano Vertaal in Nederlands Traduzir para Português Traduire en grec
Home arrow Tutoriels Templates Joomla! arrow : : Concevoir son template arrow 14. Définir les styles CSS arrow 14.1 CSS = C'est Si Simple
Home
Actualités !
Joomla!draft
Road Map ! [Work in progress]
Tutoriels Templates Joomla!
Tutoriels Divers en vrac !
Trucs & Astuces !
Dossiers !
Ressources sur le WEB !
Annuaire !
Outils WEB !
Chercher ?
Sommaire du tutoriel :<br />Concevoir son template
Information pratique
Dans le tutoriel :
Concevoir son template
le code et la numérotation des lignes sont vérifiés jusqu'à la page :

14.2 incluse.

14.1 CSS = C'est Si Simple Convertir en PDF Version imprimable Suggérer par mail
Concevoir son template - 14. Définir les styles CSS
Écrit par Jean Louis Servais   
09-06-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 09/06/2006 : Nouvelle page en première publication.
01/08/2006 : Corrections orthographiques diverses.

Voici venu l'instant tant attendu de la création. Ce moment magique où vous allez enfin pouvoir :
 
  • vous exprimer librement;
  • donner libre court à votre imagination.
Seulement, si vous ne connaissez rien au CSS alors j'ai bien peur que vous vous arrachiez les cheveux avant de réaliser votre oeuvre d'art.
Et pourtant, C'est Si Simple !
Mais encore faut-il avoir envie de faire l'effort de comprendre....
La signification de l'abréviation CSS est Cascading Style Sheets que nous traduisons de l'anglais en bon français par Feuilles de Style en Cascade.

Note Le langage CSS est utilisé pour décrire la présentation d'un document structuré écrit en HTML, XHTML ou en XML, et c'est le W3C (World Wide Web Consortium) qui en a la charge.

L'intérêt des feuilles de style en cascade est de permettre le contrôle de la mise en page de plusieurs pages en même temps. Ceci est un avantage indéniable. Avant, la modification d'un élément apparaissant dans plusieurs pages nécessitait la correction de cet élément dans toutes les pages concernées.
Par exemple, si le texte de vos paragraphes est en bleu et que brusquement vous décidez de les écrire en vert alors il vous suffit de remplacer la valeur de la propriété color du style p :
p { color: blue; }   devient   p { color: green; }

C'est quand même plus rapide que de corriger tous les paragraphes que vous avez disséminés dans les nombreuses pages de votre site.
Finalement, les feuilles de style CSS sont simplement des modèles qui permettent aux développeurs de définir la présentation des éléments d'une page XHTML et de l'appliquer à autant de pages WEB qu'ils le désirent.

Dernière mise à jour : ( 13-08-2008 )
 
Suivant >