Bonjour,

En train de bidouiller un site dont le nombre de pages augmente, à chaque fois que je veux faire un changement – dans le header par exemple–, je suis obligé de le changer dans chaque page.
Je devrais utiliser PHP et "include", me direz-vous, mais pour l’instant, je me concentre sur HTML et CSS.

N’y-aurait-il pas un éditeur qui cherche/remplace dans toutes les pages ?
Pour l’instant, j’utilise “TextWrangler”, ça me semble un peu léger.

Merci d’avance de votre retour.
Modifié par Gropilou (06 Mar 2016 - 13:00)
Modérateur
Salut Gropilou,


Je vais te répondre en t'apportant 2 bonnes solutions :

1. N'es pas peur du php. Smiley cligne ton souci est très simple à résoudre pour ce que tu veux faire. Je t'invite à regarder la marche à suivre ci dessous.

- créer un fichier header.php (tu l'enregistres n'importe où dans l'arborescence de ton projet -> à toi d'oganiser tes fichiers comme bon te semble). Dans ce fichier, tu vas mettre tout ton code html de ton header par exemple.

chemin_vers_fichier/header.php

    <header>
        <nav>
            <!-- etc. -->
        </nav>
    </header>


Dans ton/tes fichier/s principal/aux, tu vas faire ceci :
chemin_vers_template/template.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <?php require_once "chemin_vers_fichier/header.php"; ?>
</body>
</html>


2. Depuis maintenant 9 ans, j'utilise principalement le même éditeur. La fonctionnalité dont je vais te parler, n'existe pas dans les autres éditeurs sauf erreur de ma part). Il a la fonction de rechercher et remplacer dans des fichiers mais avec confirmation de remplacement sur chaque fichier (l'une des raisons que j'utilise depuis tant d'années).
Komodo EDIT/IDE. L'IDE est payant tandis que la version EDIT est gratuite. Avec la version gratuite, tu peux faire pas mal de choses. Smiley cligne
Salut,

Le plus simple est de faire un php include, c'est fait pour ça.

Autrement tu vas galéré comme un malade.

C'est pas sorcier à faire en plus.

Smiley lol
Il faut savoir qu'il existe des syntaxes, telle que Stylus (ou HAML), permettant de faire des includes par annotations, et même des pattern layouts auquels on se réfère. Le code est compilé à la volé et transformé en html qu'il n'y a plus qu'à monter sur le serveur.

Je ne pourrais plus m'en passer. Mais pour débuter... ça ne simplifierait pas la tâche dans un premier temps.
Modifié par Olivier C (06 Mar 2016 - 19:03)
Dreamweaver le fait très bien aussi. Je pense que Note+++ doit le faire aussi, mais j'ai jamais essayé
merci à tous pour vos réponses

Je vais tester tout ça (sauf les solutions d’Olivier C qui me paraissent idéales mais pas de mon niveau et Dreamweaver, je suis allergique, (on est tenté de visualiser et on ne voit jamais ce qu’on voit dans les navigateurs)

Déjà vu Komodo.
Komodo est sympa et ça tourne en plus sous Linux. Ne dit pas de mal de Dreamweaver, c'est une merveille. Il suffit de savoir s'en servir. Smiley murf J'adore ce logiciel Smiley biggrin
Modifié par Tintin75 (06 Mar 2016 - 17:07)
Modérateur
Tintin75 a écrit :
Komodo est sympa et ça tourne en plus sous Linux.


oui et pas que sur Ubuntu/Debian like. Et puisqu'il ne vient pas d'un dépot officiel, il est installé dans le /home/$user/ avec des droits restreints. Smiley cligne De toutes manières, il fonctionne en stand alone.

Tintin75 a écrit :
Ne dit pas de mal de Dreamweaver, c'est une merveille. Il suffit de savoir s'en servir. Smiley murf J'adore ce logiciel Smiley biggrin


Oui, Dreamweaver en tant qu'éditeur html/css, c'est le must. Son prix aussi... 24€ le mois. Dès qu'on commence à parler Javascript ou un autre langage (au hasard, le Python ou le JAVA), il est à la ramasse. PhpStorm/Webstorm coûte moins cher et sont de bien meilleurs produits (y'a pas photo). Sinon, il y a également Eclipse/Aptana ou même Netbeans qui restent de bonnes alternatives (pour des moyens/gros projets).
Modifié par niuxe (06 Mar 2016 - 18:47)
Dreamweaver n'est pas du tout un must pour html/css même si ça reste un bon logiciel. La fenêtre wyiswyg ça s’enlève après on a envie ou pas d'utiliser les logiciels d'adobe.

Je pense qu'il vaut mieux regarder vers les logiciels plus moderne comme Atom, Brackets ou Sublime text tant qu'a changer. Et le rechercher remplacer est un fonctionnalité très commune donc autant choisir un logiciel plaisant.
Modifié par bzh (06 Mar 2016 - 19:01)
niuxe a écrit :
Depuis maintenant 9 ans, j'utilise principalement le même éditeur. La fonctionnalité dont je vais te parler, n'existe pas dans les autres éditeurs sauf erreur de ma part). Il a la fonction de rechercher et remplacer dans des fichiers mais avec confirmation de remplacement sur chaque fichier (l'une des raisons que j'utilise depuis tant d'années).

Eclipse fait ça très bien...
Etant à la base un éditeur orienté développement Java, il permet d'indiquer un critère de recherche (avec ou sans expression régulière), et demander une prévisualisation permettant de cocher / décocher les remplacements à effectuer, avant de valider le tout.
Plus généralement, les extensions permettant de travailler en PHP existent sous Eclipse et la coloration syntaxique, validation à la volée sont de mise en standard.
Pour ceux qui développement des servlets / JSP avec Tomcat ou autre serveur HTTP, il n'y a pas photo.
Dreamweaver est à oublier...
Je ne connais pas Netbeans, sur ce point, mail il est probable qu'il soit lui aussi adapté à ce type de développement.
Côté éditeur HTML pur, j'en ai testé quelques uns (Amaya, NVU, Blue Griffon) et aucun ne m'a vraiment convaincu à 100%.
Blue Griffon, par exemple, est souvent présenté comme étant conçu par un hyper spécialiste du web, mais j'ai trouvé que le code produit laissait à désirer côté "propreté".
Par exemple, en faisant un simple copier / coller de ce texte vers Blue Griffon, voici le source qu'il crée à l'arrivée :
<!DOCTYPE html>
<html  lang=""  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="">
  <head>
    <meta  charset="UTF-8" />
    <title></title>
  </head>
  <body>
    <p><span>[quote=niuxe]Depuis maintenant 9 ans, j'utilise principalement le
        même éditeur. La fonctionnalité dont je vais te parler, n'existe pas
        dans les autres éditeurs sauf erreur de ma part). Il a la fonction de
        rechercher et remplacer dans des fichiers mais avec confirmation de
        remplacement sur chaque fichier (l'une des raisons que j'utilise depuis
        tant d'années).[/quote]<br />
        Eclipse fait ça très bien...<br />
        Etant à la base un éditeur orienté développement Java, il permet
        d'indiquer un critère de recherche (avec ou sans expression régulière),
        et demander une prévisualisation permettant de cocher / décocher les
        remplacements à effectuer, avant de valider le tout.<br />
        Plus généralement, les extensions permettant de travailler en PHP
        existent sous Eclipse et la coloration syntaxique, validation à la volée
        sont de mise en standard.<br />
        Pour ceux qui développement des servlets / JSP avec Tomcat ou autre
        serveur HTTP, il n'y a pas photo.<br />
        Dreamweaver est à oublier...<br />
        Je ne connais pas Netbeans, sur ce point, mail il est probable qu'il
        soit lui aussi adapté à ce type de développement.<br />
        Côté éditeur HTML pur, j'en ai testé quelques uns (Amaya, NVU, Blue
        Griffon) et aucun ne m'a vraiment convaincu à 100%.<br />
        Blue Griffon, par exemple, est souvent présenté comme étant conçu par un
        hyper spécialiste du web, mais j'ai trouvé que le code produit laissé à
        désirer côté "propreté".<br />
        Par exemple, en faisant un simple copier / coller de ce texte vers Blue
        Griffon, voici le source qu'il crée à l'arrivée :<br />
        <br />
        <br />
        <br />
      </span></p>
  </body>
</html>

La balise SPAN n'a rien à faire là...
C'est souvent le cas avec les éditeurs Wysiwyg, voire certains CMS, qui ajoutent pléthore de SPAN / DIV vides au sein des pages HTML.
Perso, j'ai résolu le problème en développant mon propre éditeur / générateur.
Modifié par sepecat (06 Mar 2016 - 19:23)
Pour ma part j'utilise Dreamweaver pour le html, CSS et php.

Vue mon niveau ça me va très bien. J'ai l'habitude avec et je m'y sent bien.

C'est sur que si l'on tape dans du programme lourd, qu'il soit à la ramasse je veux bien vous croire.

Après, il faut voir l'usage et le niveau de la personne qui est derrière le clavier.

Comme je dit, il faut être à l'aise avec le logiciel que l'on utilise pour avancer. Smiley biggrin

Lorsque l'on utilise un IDE on joue pas dans la même cours à mon avis (PhpStorm) Smiley decu

Pour les personnes qui aiment apprendre comme moi :

http://www.finalclap.com/faq/227-php-editeur-texte-ide
Modifié par Tintin75 (06 Mar 2016 - 20:22)
Dreamweaver n'est pas à la ramasse mais il ne fait juste pas le poids face aux possibilités d'édition qu'on trouve dans Sublime text (pour l'exemple car il y a la vidéo qui va bien).
bzh a écrit :
Dreamweaver n'est pas à la ramasse mais il ne fait juste pas le poids face aux possibilités d'édition qu'on trouve dans Sublime text (pour l'exemple car il y a la vidéo qui va bien).

Je n'ai jamais utilisé Dreamweaver, je ne peut donc rien dire à son sujet, mais je code avec Sublime text de la manière présentée par la vidéo, conforté par Jade et Stylus pour le côté DRY du code : je ne pourrais plus me passer de cette manière de coder tellement c'est rapide. Quand je ne suis pas chez moi et qu'il m'arrive d'utiliser un éditeur basique, je pleure.

Maintenant ça correspond à un besoin qui est le mien (surtout de l'intégration) : Sublime Text ne remplace pas un vrai IDE...
Salut Gropilou,
je te répondrai qu'avec du javascript judicieusement ciselé ton <header> sera configuré une et une seule fois pour toutes tes pages, également.

Par exemple :
.html
<body>
<div>
<header id="en_tete"></header>
<!-- ... -->
<!-- ... -->
</div>
<!-- Appel au même fichier .js, juste avant </body> pour toutes les pages -->
<script src="./en-tete.js"></script>
</body>

en-tete.js
function Byd(id){return document.getElementById(id)};

var edition="<Rédiger ici le html générique du header id=\"en_tete\". Attention à l\'écriture !>";

var en_tete=Byd("en_tete");

en_tete.innerHTML=edition;
Si le référencement du <header> était important, je crois savoir que Google est capable de lire les données-textes d'un .js ... Pour les autres moteurs de recherche, j'en suis moins sûr.

Si ma proposition devait éveiller un problème je laisserai aux Alsanautes le soin de la traiter.
Modifié par pictural (07 Mar 2016 - 11:49)
Salut,

+10 pour une solution avec un include() en php, c'est simple à mettre en oeuvre et tu écris au final que du html dans ton fichier header.php (comme à ton habitude Gropilou...). Il y a juste 1 ligne et 1 seule ligne PHP à inclure dans tes fichiers.
Seul pré-requis, installer un serveur (Wampserver sous Windows par exemple) sur ton poste local, mais à partir du moment où tu commences à utiliser PHP, tu vas vraiment t'ouvrir de nouvelles possibilités (qui résolveront sans doute la plupart de problèmes...).

-1 pour la solution en JS : tu fais tourner le client pour rien sur toutes les pages, tu verrouilles ton référencement (même si Google commence à scripter des pages mais c'est vraiment pas optimal), tu enlève la possibilité d'avoir une bonne interprétation syntaxique dans ton éditeur si tout le code du header est dans ton fichier JS...
Par contre, Pictural, tu réponds à la demande de Gropilou qui ne veut pas utiliser PHP, mais c'est quand même pas top...

J'ai bien noté ta réticence à utiliser PHP, cependant à l'heure à laquelle tu peux avoir un serveur mutu avec PHP installé à 2€/mois, ça serait dommage de se priver d'un langage avec des fonctionnalités simples qui peuvent résoudre pas mal de problèmes...
Modifié par MatthieuR (07 Mar 2016 - 22:05)
MatthieuR a écrit :
-1 pour la solution en JS : tu fais tourner le client pour rien sur toutes les pages (...)

MatthieuR, je ne veux pas ergoter mais c'est difficile de croire qu'une solution qui fonctionne bien soit inutile !

Maintenant, la proposition .php énoncée plus haut est propice à développements. Evidemment.

Quant à un éditeur syntaxique, Gropilou nous dira s'il a jadis commencé à coder avec OpenOffice pour Mac http://www.oldapps.com/mac/openoffice.php : cela semble demeurer le meilleur apprentissage, ce que les "Vieux" aiment à répéter !
Modifié par pictural (08 Mar 2016 - 01:55)