Thèmes

Un template ou thème ou modèle est une sorte de modèle visuel prêt à recevoir des contenus. Il détermine les couleurs, les polices, les tailles de caractère, l’image d’arrière-plan, les espacements et la distribution des sous-éléments d’une page. Il constitue donc une mise en page.
Un thème réunit au moins un fichier HTML décrivant la structure de la page et un fichier CSS décrivant les styles d’affichage.
Les thèmes ont le grand avantage que la conception d'un site Web peut être complétement changé sans altérer le contenu.
Des Systèmes de gestion de contenu en général ont des modèles différents pour le frontal et le backend.
Quelques exemples pour l'utilisation de différents thèmes, ce qui rend le même contenu:

• Site Web (navigateur)
  
  Figure 1: Un modèle pour un navigateur habituel
   
• Portable
  
  Figure 2: Un thème pour un téléphone mobile
   
• Imprimer
  
  Figure 3: Un template imprimable
   
• Les flux RSS et autres machines formats lisibles (XML)
  Cette affaire est intéressante parce que vous voyez combien de thèmes sont superposés.
  Le site est construit avec Drupal.
  Le flux RSS sera livré via Feedburner.
  1. Feedburner obtient un flux de Drupal (cette URL je ne sais pas) et il génère ce code source ... <item>... <a href="http://feedproxy.google.com/~r/SIonline/~3/gw07QxccHxA/so-feiert-er-das-jubilaeum-mit-elisabetta" title="http://feedproxy.google.com/~r/SIonline/~3/gw07QxccHxA/so-feiert-er-das-jubilaeum-mit-elisabetta">http://feedproxy.google.com/~r/SIonline/...</a> <description>&lt;div class="field image"&gt;&lt;img src="http://www.schweizer-illustrierte.ch/sites/default/files/imagecache/Halbspaltenteaser/images/dukas_15001189_sip.jpg" alt="" title="George Clooney und Elisabetta Canalis" class="imagecache imagecache-Halbspaltenteaser" width="146" height="104" /&gt;&lt;/div&gt;&lt;div class="spitzmarke"&gt;George Clooney&lt;/div&gt;&lt;div class="field lead"&gt;Seit einem Jahr sind George Clooney und Elisabetta Canalis ein Paar. Der Hollywood-Beau und das ehemalige Showgirl feiern ihr Liebesglück mit eine Bootsparty - und prominenten Freunden.&lt;/div&gt; &lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt; &lt;a href="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/SIonline/~4/gw07QxccHxA" height="1" width="1"/&gt;</description> <comments>http://www.schweizer-illustrierte.ch/stars/so-feiert-er-das-jubilaeum-mit-elisabetta#comments</comments> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/elisabetta-canalis">Elisabetta Canalis</category> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/george-clooney">george clooney</category> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/jubilaeum">Jubiläum</category> <category domain="http://www.schweizer-illustrierte.ch/category/si-hauptrubrik/people">People</category> <category domain="http://www.schweizer-illustrierte.ch/category/autoren/sylvie-kempa">Sylvie Kempa</category> <category domain="http://www.schweizer-illustrierte.ch/category/si-hauptrubrik/people/international">International</category> <pubdate></pubdate> <dc:creator>Sylvie Kempa</dc:creator> <guid ispermalink="false">39657 at <a href="http://www.schweizer-illustrierte.ch</guid>" title="http://www.schweizer-illustrierte.ch</guid>">http://www.schweizer-illustrierte.ch</guid></a> <feedburner:origlink>http://www.schweizer-illustrierte.ch/stars/so-feiert-er-das-jubilaeum-mit-elisabetta ... </feedburner:origlink> </item>
  2. Si je me souscris au flux RSS, le navigateur (Safari) met un autre thème sur le code.
     
     Figure 4: un flux dans un navigateur