En rouge les expressions shtml, en vert les parties à remplir pour chaque page différente, en bleu les appels javascript (mailto et compteur) et en gris les coupures ou remarques.

Fichier type page.shtml :

<!--#include virtual="base.shtml" -->
<h1>Titre</h1>
<p>texte</p>
<!--#include virtual="baseb.shtml" -->

fichier base.shtml :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head><link rel="stylesheet" href="../style.css" /><title>TITRE [C'est un titre global pour plusieurs pages d'une sous-section]</title></head>

<body><div id="hau"></div>

<div id="gau"><a href="../index.shtml" class="l1">PARTIS POLITIQUES</a>
<a href="../lexique/index.shtml" class="l1">LEXIQUE</a>
<script type="text/javascript" src="../b.js"></script>
<a href="../textes/index.shtml" class="l1">TEXTES</a>
<a href="../liens/index.shtml" class="l1">LIENS</a>
<a href="../divers/index.shtml" class="l1">?????</a>

<div id="rec">Recherche :
<form method="get" action="http://search.freefind.com/find.html">
<form method="get" action="http://www.google.com/custom">[formulaire de recherche… trop long]</div>

<div id="dro"><!--#if expr="$DOCUMENT_NAME != pagex.shtml" --><a href="pagex.shtml">Texte du lien</a><!--#else --><span>Texte sans lien</span><!--#endif -->
</div>

<div id="tex">

Fichier baseb.shtml :

<hr /><h3>Articles :</h3>
<p class="not"><!--#if expr="$DOCUMENT_NAME != fichierx.shtml" --><a href="fichierx.shtml">Texte du lien</a><!--#else -->Texte sans lien<!--#endif -->

<script type="text/javascript" src="http://moostik.vanasthali.com/statistik/compteur.js.php3?pseudo=ptitben&option=invisible"></script>
</div></body></html>

Pour voir ce que celà donne une fois arrivée dans le navigateur, visualiser la source de n’importe quelle page sur les partis politiques.

Retour vers les astuces shtml