Mise à jours "automatique" des pages d'un site via un modèle

[Eveo]

Bonjour !

Avant tout, petite présentation en tant que nouvel inscrit : à vrai dire, je n'arrive pas vraiment du monde de l'informatique (en fait j'y suis plutôt allergique ), et suis habituellement plutôt tourné "Nature". De fait je travaille dans le domaine de la gestion des espaces naturels (enfin, je tente de le faire).
Dernièrement, j'ai parcouru un certain nombre de kilomètres à vélo le long de notre beau littoral pour en apprendre davantage sur sa faune, sa flore, ses spécificités.
J'aimerais maintenant créer un site web sur lequel regrouper les centaines d'observations que j'ai pu faire

Je me suis donc lancé il y a peu dans l'aventure de la création de site web grâce à Kompozer, outil gratuit que j'avais déjà eu l'occasion d'utiliser très vaguement durant mes études.
Et bien sûr, même avec un logiciel d'apparence aussi simple, on arrive quand même bien vite à s'arracher les cheveux sur des "détails" techniques !


En parlant d'arrachage de cheveux, voici le principal obstacle sur lequel je butte depuis plusieurs jours : je vais à terme avoir plusieurs centaines de pages sur ce site. Il me faut donc IMPÉRATIVEMENT une astuce permettant de "mettre à jour" la "trame principale" de chacune de ces pages sans devoir toutes les reprendre une à une.
Cette "trame principale" comportera Titre, Sous titre, Liens de navigation interne/externe et un peu de texte. Cette trame sera donc la même pour TOUTES les pages du site.

Par exemple :
J'ai un titre "Blablabla", une police "police1", et une barre de liens qui permettent de naviguer dans le site "index / page1 / page2", l'ensemble étant présent sur toutes les pages du site.

Je souhaite modifier mon titre "Blablabla" en "Bliblibli". Je modifie donc mon titre sur une page. Il faudrait que ce changement se répercute sur toutes mes autres pages !
De même si je décide de modifier/ajouter un lien, le texte de base ... etc.

Ce tours de passe passe est-il réalisable ?


Merci à vous toutes/tous !

"Mes caractéristiques info"
Navigateur Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0
Windows 7
Version Kpz 0.8b3 en Français, utilisé sans extensions.

[chinon37]

Bonjour,

Oui, ce tour de passe passe est possible, mais il dépasse un peu le cadre de KompoZer.
Si ton hébergeur de site accepte le php, tu peux toujours utiliser des "include";
En gros, tu fais ta page "modèle"avec KompoZer. Pour la(es) partie(s) communes à toutes les pages:
- Tu repères la partie de code html concernée
- Tu copies colles cette portion de code dans un éditeur de texte de type Notepad++
- Tu enregistres ce code sous son p'tit nom: par exemple menu.inc (tu peux inventé l'extension de ton choix)
- Dans la page html, tu remplace le code copié par

Code : Tout sélectionner

<?include ("menu.inc"); ?>

- Tu enregistres la page en .php (ex.:page1.php)
- A l'avenir, tu utiliseras cette page page1.php comme canevas/modèle.
- Tu penses 1) à recharger la page 2) à charger le fichier dans le même dossier que la page 3) à modifier les liens pour qu'ils pointent vers les pages en php et non en html

- Lors de modification, il suffira de modifier le fichier menu.inc (dans l'exemple) et de le recharger sur le site, pour que toutes les pages se mettent à jour simultanément.

Par contre, à voir comment réagit KompoZer sur les fichiers Php, je ne sais plus car je ne l'utilise plus beaucoup, je me contente de notepad++...
Sur cette page: http://www.cyclos-randonneurs-chinonais.org/7clochers/, l'entête, le menu latéral et le pied de page sont en include...

[Ymai]

Bonjour
Pour compléter les informations données par mon collègue vélocipédeur mais néanmoins ami Chinon37, mes souvenirs m'indiquent que Kompozer se moque royalement et avec un dédain affiché de tout ce qui peut se trouver entre les balises <?php et ?> Tout y est permis, même les pires excès de langage.
Je n'utilise pas Np++ (non disponible pour mon OS), mais je me demande s'il réalise la coloration syntaxique correcte pour un fichier dont l'extension serait "inc". Dans le monde où j'évolue, les éditeurs de texte préfèrent nettement que figure l'extension "php". Dans le cas de figure, je nommerais les fichiers sur le modèle "menu.inc.php". Mais peut-être le monde merveilleux de Mr Bill est-il moins contraignant? Mais c'est un détail: le principe a été magistralement expliqué; les mauvaises langues prétendent que j'aime ergoter pour me rendre intéressant.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0

[Ymai]

Vu l'ampleur que prendra le résultat final, je m'orienterais quand même vers un CMS du type Wordpress pour gérer tout cela. Là, il n'y a (presque) pas à mettre les mains dans le cambouis. On laisse la technique gérer la technique et on s'occupe du contenu.
Et la courbe d'apprentissage ne ressemble en rien aux derniers virages du Tourmalet.
Et hop, un peu d'auto-promo: http://sio2.be/balade-a-velo-bruxelles- ... et-retour/ sous Wordpress (si les modos laissent passer)
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0

[chinon37]

Bonjour Ymai,

je me demande s'il réalise la coloration syntaxique correcte pour un fichier dont l'extension serait "inc"

Oui, pour peu qu'une fois le fichier ouvert, on aille dans le menu > langage > H > html, et là, on a une belle page colorée et des balises pleinement reconnues.

Cela étant dit

Vu l'ampleur que prendra le résultat final, je m'orienterais quand même vers un CMS du type Wordpress pour gérer tout cela. Là, il n'y a (presque) pas à mettre les mains dans le cambouis. On laisse la technique gérer la technique et on s'occupe du contenu.

Je plussoie

Et la courbe d'apprentissage ne ressemble en rien aux derniers virages du Tourmalet.

Le Tourmalet? ce léger faux-plat dans le sud de la France??
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

[Eveo]

Bonjour !

Merci pour vos réponses, désolé pour l'inactivité de ces dernier jours je suis un peu pris ...

Bref, je m'y re-colle ...

Par contre, mes compétences informatiques se limitent à l'usage superficiel de Kompozer

Donc du coup je ne vois pas très bien le rapport entre Wordpress et Kompozer ???
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Eveo]

Donc à priori, de ce que j'ai pu lire ici et là, je laisse tomber Kompozer et je fait l'intégralité du site avec Wordpress


Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Ymai]

Donc à priori, de ce que j'ai pu lire ici et là, je laisse tomber Kompozer et je fait l'intégralité du site avec Wordpress

Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

À mon sens; KompoZer est un excellent outil d'apprentissage du code HTML ou simplement pour comprendre ce qui se cache derrière une page web. Après, pour construire un vrai site web,...
Avec WP au niveau de base, on n'apprend pas grand chose dans ce domaine, mais on publie sans se soucier de la mécanique sous-jacente.
Si l'on souhaite aller plus loin avec WP, l'apprentissage de HTML et de PHP sont indispensables. Mais il faut des besoins un peu pointus pour en avoir vraiment l'usage.
WP reste toutefois un outil assez lourd et pour lequel il faut constamment veiller aux mises à jour, question de sécurité.
Une bonne façon de s'y mettre: http://fr.wordpress.com et sélectionner l'option gratuite.

Bon, là je risque de me faire blacklister par les modos...
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0

[Eveo]

Bon, du coup je tente le coup avec la fonction "Include" qui semble parfaitement correspondre à ce que je cherche à faire.

Sauf, que j'ai beau appliquer des tutos, je n'arrive pas à faire apparaitre le texte de l'Include dans mes page php (en mode "Conception", après avoir placé l'Include dans le code en mode "Source").
J'ai juste une stupide icône jaune "PHP" qui s'affiche en lieu et place du texte de l'Include


Je procède ainsi :

Avec NotePad++ : Création d'un fichier "test.inc.php" qui contient juste le mot "Patachon".

Dans Kompozer :
- Création d'une page toute neuve "testinclusion.php"
- Dans le code de cette page, j'inclus le fichier "test.inc.php" de cette façon :

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Testinclusion</title>
</head>
<body>
<h1><?php include("test.inc.php"); ?></h1>
</body>
</html>

J'enregistre.
Et j'ai juste en visuel (mode "conception"), la fameuse icône jaune PHP. Mais nul part le mot "Patachon" qui aurait du être inséré ...


Il semble également impossible de visualiser son travail dans le navigateur quand les pages sont enregistrées en .php, ce qui est pourtant possible quand elles le sont en .html.
C'est dommage, car c'est bien pratique pour se faire une idée de la tête de son site et vérifier les liens ...


'fin bref, pourtant on ne peut pas dire que je cherche la difficulté ... (enfin, je crois ...)
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Eveo]

Bon, je m'auto-répond après être tombé sur un début de réponse

http://forum.mozfr.org/viewtopic.php?f=20&t=62114

Pour l'icone jaune toute moche "PHP", c'est apparemment normal : Kompozer ne peut pas faire apparaitre les Includes en mode "Conception".
Pour ce faire, il faut visualiser la page directement sur son hébergeur (site en ligne donc), ou bien installer sur sa machine un serveur php.
Voir le lien ci-dessus pour plus de détail.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Eveo]

CA MAAAAAAAAAAARCHE !!!!!!!!!!!!

En visualisant sur le site, les balises jaune moches se transforment bel et bien en l'include attendu !

Attention si vous avez des sous-sous-[...]-dossier, il faut indiquer l'adresse pour que le serveur retrouve l'include.
Procédez ainsi dans le code de la page se trouvant dans les sous-dossier :
<?php include("../test.inc.php"); ?>
../ veut dire "remonter d'un dossier". Donc si votre page se trouve au fond de trois dossier, vous devrez écrire <?php include("../../../test.inc.php"); ?>
C'est tout bête, encore fallait-il le savoir !

J'ai testé : on peut effectivement modifier ainsi le texte sur toutes les pages simultanément, ajouter partout un nouveau lien .... ect

Merci à vous pour cette précieuse aide, je vais enfin pouvoir mettre du contenu dans mon site !
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Ymai]

Pour fêter ça, Chinon37 va sûrement nous servir quelques bulles: pit'êt un Crémant de Saint-Nicolas? À moins qu'une petite mousse fasse plaisir?
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0

[chinon37]

Content pour toi, Eveo

Pour fêter ça, Chinon37 va sûrement nous servir quelques bulles: pit'êt un Crémant de Saint-Nicolas? À moins qu'une petite mousse fasse plaisir?

Crémant de St Nicolas??? Sacrilège, y'a pas de crémant à St Nicolas Alors, va pour une mousse, mais si possible une grande
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Eveo]

Ça va coder de travers

Il y a juste un truc qui me chiffonne avec Kompozer et ma page include.inc.php.

Quand j'entre ce code sur la page include ouverte dans kompozer (dans le mode "Conception"), tout va bien :

<br>
<div style="text-align: center;">
<img style="width: 700px; height: 217px;"
alt="Faune et Flore du littoral et de l'estran Métropolitain"
src="Photos/Images%20du%20site/entete.jpg"
align="middle">
<br>
<br>
<br>
<br>
<span style="font-family: Papyrus; color: black">
&nbsp;&nbsp;&nbsp; <a href="/index.php">Accueil</a>&nbsp; |&nbsp; <a
title="La flore classée par ecosystèmes ou localisation géographique"
href="/flore.php">Flore</a>&nbsp; |&nbsp; <a
title="Toutes les espèces dans l'ordre alphabétique"
href="/toute%20la%20flore.php">Toute la flore</a>&nbsp; |&nbsp; <a
title="La faune des estrans et du littoral"
href="/faune.php">Faune</a>&nbsp;
|&nbsp; <a title="Contact" href="/contact.php">Contact</a></span></div>


Mais quand je retire juste le premier <br>, là ça pars en cacahuètes.

C'est à dire qu'en mode "Conception", au lieu de conserver ma page de code, en retirant ce <br> j'ai ma page qui passe en "mode de visualisation classique".
Plus exactement, le code disparait pour laisser la place à une visualisation classique, avec les images, les textes policés, etc ... et du coup je ne peux plus agir sur cette page include.inc.php pour modifier mes autres pages !!

Vous me confirmer que c'est bien ce petit <br> qui pose souci ? Pourquoi a-t-il tant d'importance ?

Accessoirement, le site en question :
http://www.naturelittorale.free-h.fr/
(Bon, je fait ce que je peux hein )

Merci !!
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

[Ymai]

Bonjour
Je crains de ne pas trop comprendre.
S'il s'agit de la page "include", celle-ci n'est-elle pas sensée être codée en PHP?
Et là, oncques ne vîmes de PHP.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0