Seamonkey Document fait avec Nvu
Pour un meilleur confort..... Préférez   Get Firefox!



SSI et PHP

Là encore, je vais vous donner quelques grandes lignes mais je ne suis pas à la hauteur de vous expliquer quoi que ce soit. Je ne connais pas ces langages.

Première chose à vérifier, est-ce que votre serveur accepte les SSI ou le php, sinon tout ceci ne sert à rien ! Ensuite, suivre les recommandations imposées par votre fournisseur d'accès, sous Tiscali avec le php, nous devons mettre les fichiers qui seront inclus dans un répertoire qui doit obligatoirement se nommer "include". Avec les SSI, tous les fichiers doivent prendre l'extension .shtml  pour signaler au serveur qu'il doit rechercher des SSI à l'intérieur de cette page. Je n'irai pas plus loin, à vous d'adapter suivant votre serveur.

Ensuite, lequel des deux choisir, comme pour l'instant je vais me limiter à la fonction "include", j'ai opté pour les SSI tout simplement parce que je peux travailler sur mes pages shtml sous NVU. A l'inverse les fichiers php doivent être traités avec un éditeur de texte, si j'essaie de l'ouvrir sous NVU, le logiciel se ferme. Donc pas un choix intellectuel, je n'ai pris en compte que le côté pratique, sans gloire !

écran NVU avec les SSI


Voici cette page sous NVU, on voit bien que le menu et l'entête ne sont pas en lecture directe, mais intégrés dans la page, ce qui ne m'empêche pas de travailler dans le cadre principal. Voilà je pense que le dégrossi est fait.

Maintenant que le choix est décidé, les SSI c'est quoi ! Ce sont des commandes que le serveur doit connaître. Une commande SSI dans un document est encadrée par <!--# et -->. Il y a une toute une série de fonctions que je vous laisse découvrir par vos propres moyens si le besoin s'en fait sentir (break,echo, if, else, label, goto, etc..).

Depuis le début, nous cherchons à inclure un fichier dans un autre, ce qui se traduit pour cette page par

<div id="entete">
<!--#include virtual="include/inc_entete.html"-->

<div id="presentation">
<!--#include virtual="include/nav.html"--> 

<!--#include virtual="include/bas_de_page.html"--> 

<div id="menu">
<!--#include virtual="include/inc_menu.html"-->

C'est tout, génial !!!!

Je vais vous mettre le code complet d'une page comme exemple.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr">
<head>
  <title>feuilles de style</title>
  <meta content="text/html; charset=ISO-8859-15"
 http-equiv="content-type" />
  <meta content="fr" http-equiv="Content-Language" />
  <meta content="construire son site" name="Description" />
  <meta content="langage, html, xml, css, ssi, php"
 name="Keywords" />
  <meta http-equiv="content-type"
 content="text/html;charset=UTF-8" />
  <meta content="christian volatier" name="author" />
  <meta name="robots" content="index,follow" />
  <link rel="stylesheet" href="style/impression.css"
 type="text/css" />
  <link rel="stylesheet" href="style/presentation_defaut.css"
 type="text/css" />
  <link rel="alternate stylesheet"
 href="style/presentation_pastel.css" type="text/css"
 title="pastel" />
  <link rel="alternate stylesheet"
 href="style/presentation_sobre.css" type="text/css"
 title="sobre" />
  <script type="text/javascript"
 src="scripts/styleswitcher.js">
  </script>
  <script type="text/javascript" src="scripts/sfhover.js">
  </script>
  <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
  </script>
</head>
<body style="direction: ltr;">
<div id="body">
<div id="page_principale">
<div id="entete">
<!--#include virtual="include/inc_entete.html"-->
</div>
<div id="presentation">
<!--#include virtual="include/nav.html"-->
<br />
<br />
<p style="clear: left; text-align: center;" dir="ltr"><br />
</p>
<p style="clear: left; text-align: center;" dir="ltr"><br />
Page en constuction<br />
</p>
<p style="clear: left; text-align: center;" dir="ltr"><br />
</p>
<p style="clear: left; text-align: center;" dir="ltr"></p>
<!--#include virtual="include/bas_de_page.html"-->
</div>
</div>
<div id="menu">
<!--#include virtual="include/inc_menu.html"-->
</div>

</div>
</body>
</html>

Dans cette page en fait, horsmis le titre, les mots clés dans les balises métas et Page en construction, tout le reste est des liens sous une forme ou une autre et voici ce que ça donne. Je tiens à préciser que le <div id="page_principale"> qui est un sous bloc, ne sert que pour IE sinon l'entête chevauche le menu !

Par contre, il ne faut pas croire que vous aurez ce code sur votre ordi, le serveur aura fait son boulot et retranscrit du html classique que votre navigateur comprend. Si vous voulez vous rendre compte des avantages, ouvrez la page "voici ce que ça donne" ci dessus, et si vous avez un navigateur qui permet l'affichage du code, vous verrez la différence !!!!!!!! 

 C'est clair ? Et bien bravo, vous en savez autant que moi.




    Valid XHTML 1.0 Transitional   w3c css   Aucuns droits réservés, sauf photos pour une utilisation commerciale