Utiliser Dreamweaver pour construire vos squelettes

All contributions published for previous SPIP versions

Pour modifier ces squelettes, Dreamweaver est parfaitement adapté.

Il permet à la fois de travailler en mode graphique (WYSIWYG) et d’accéder immédiatement au code source (Indispensable pour travailler proprement).

Pour utiliser facilement cet éditeur, il vous faut :
-  interdire la correction automatique du code,
-  pouvoir visualiser les boucles SPIP,
-  utiliser l’assistant SPIP pour générer les boucles.

1. Interdire la correction automatique du code

Dreamweaver modifie le code des squelettes si vous ne lui avez pas interdit de corriger « tout seul » le code source.
Le résultat est de perturber le fonctionnement des boucles.

Lire à ce sujet l’article sur UZine intitulé : “Après modification de mes squelettes avec Dreamweaver (Macromedia), j’obtiens des messages d’erreur quand je les installe sur le serveur.”

2. Visualiser les boucles SPIP dans Dreamweaver

Dans la partie WYSIWYG de Dreamweaver, les balises SPIP peuvent être remplacées par des icônes. La lisibilité des squelettes en est améliorée.

Cette astuce a été initialement proposée sur la liste de diffusion du projet SPIP.

Vous pouvez télécharger l’archive contenant trois séries d’images sous forme d’extension Dreamweaver.


3. Assistant Dreamweaver pour SPIP

Cette extention Dreamweaver vous permet de sélectionnez le type de boucle (ARTICLE, AUTEUR), les balises (#TITRE, #ID_ARTICLE) et les paramètres appropriés.

L’assistant SPIP va alors produire le code adapté. Le résultat apparaît dans la partie WYSIWYG de l’éditeur.

Vous pouvez télécharger l’archive sur le site Drop Zone City.

Discussion

33 discussions

  • 1

    Bonjour

    Je souhaiterais savoir, si le fichier qui est sur Drop Zone City ou l’autre chez Art-touch, fonctionne sous Dreamweaver CS4 et également, s’ils sont fait pour spip 2.09 ou seulement, pour une version plus ancienne de spip et de Dreamweaver ?

    Merci d’avance de votre réponse

    Ps: Pensez à mettre à jour cet article et celui qui est là:
    http://www.spip.net/fr_article1486.html

    Cela fait un moment que Dreamweaver = Adobe
    Macromedia ayant été racheté par Adobe

    Franck

    • Déesse A.

      Les squelettes de SPIP se sont enrichis mais n’ont pas changé fondamentalement de structures, ce fichier devrait donc toujours donner les mêmes services, avec les limitations rapportées dans ce message de ce fil. Mais ces critiques étant tout à fait fondées, sachez que nous travaillons à une nouvelle syntaxe qui n’aura pas ces travers. Voir cette vidéo.

    Reply to this message

  • Bonjour Fabrice,
    Je tenais à prendre quelques minutes pour saluer l’extraordinaire travail que vous avez accomplit pour faciliter l’intégration de SPIP et de Dreamweaver. Juste le fait de régler les maux de tête causés par la version CS3 qui supprimait sans préavis les balises est déjà une aide inestimable, en plus vous rajouter une extention !!!!

    Chapeau !

    Pour votre information, je travail sur Window Vista 64 bits, core 4 duo, 8 gig de ram avec Dreamweaver CS3 et tout semble fonctionnel.

    Encore milles félicitations et bravos !

    Yannick.

    Reply to this message

  • euh mais à quoi ça peut bien servir de visualiser des images à la place des tags SPIP, sachant qu’en faisant des CSS complexes, les images mettent en l’air le design du gabarit de la même manière que s’il n’y avait pas le module pour Dreamweaver ?

    L’intérêt aurait été plutôt de faire un module pour Dreamweaver, qui intègre sans broncher les tags SPIP sans les surligner en jaune; autrement dit de faire le même genre de module, mais sans intégrer d’image pour les boucles; le design aurait été nickel et les gabarits aurait été plus facile à déboguer en cas de souci dans les CSS.

    Reply to this message

  • 1

    J’ai installé la version CS3 de dreamveawer et j’ai eu la très désagréable surprise de constater que celui-ci supprimait le code lors d’un “annuler” (Ctrl+z) ou certaine fois lors d’une actualisation du code, le truc à devenir cinglé et ce même en désactivant toutes les options de corrections.

    J’ai trouvé la solution ici-même avec cette extension et depuis tout fonctionne à merveille en plus c’est super pratique.

    Un seul mot merci et bravo.

    Reply to this message

  • téléchargez ici la version beta de spip engine et faites nous part de vos remarques sur les améliorations à apporter aux plugin dreamweaver !

    Reply to this message

  • 1

    Ou si quelqu’un pouvait le remettre en téléchargement sur la page, ca serait sympa.

    Merci

    Reply to this message

  • Je ne trouve plus le site Dropzone. Donc l’archive n’est plus accessible. quequ’un pourrait it m’envoyer les fichiers? MERCI

    Reply to this message

  • Bonjour,
    j’essai d’installer l’assitant spip pour dreamweaver 4 et l’extension pour les boucles et j’ai systèmatiquement un message d’erreur lorsque je lance les fichiers .MXP : “Aucun programme n’est associé à ce fichier pour executer cette action. Créez une association en utilisant l’application Option des dossiers dans le Panneau de configuration” ?

    Quelqu’un a t-il rencontré ce type de difficulté??

    Reply to this message

  • 1
    José SISA

    Bonjour,
    juste pour un petit eclaircicement...
    j’utilise (un peu) dreamweaver 2,a version “gratuite” distribuée sur les CDROM de wanadoo il y a quelque temps...

    J’ai l’impression que çà ne marche pas pour la version 2 de DW ? me trompe-JE ?

    Merci
    José

    • ^Fabrice^^

      Extention à partir de la version 3 de DW

    Reply to this message

  • 1

    J’ai essayé d’utiliser NVU pour éditer des squelettes SPIP : CATASTROPHE !

    Voici (en anglais) se qu’on me réponds sur la liste de NVU quand je soumet le problème :

    “I think the problem is that SPIP invented a new way of tagging :) SPIP tags looks like html or xml tags, but it isn’t. I don’t thinks NVu has to adapt its parser to understand these strange tags, but SPIP should implement a correct way to tag.

    SPIP is just non-conformant from an XML point of view and there is
    no way we are going to support that, sorry”

    Quelqu’un aurait-t’il la possibilité de développer pour NVU le même type d’extension que celle pour Dreamweaver ?

    Ce serait vraiment super de pouvoir utiliser un logiciel libre pour éditer graphiquement les squelettess SPIP ... !!

    • ^Fabrice^^

      Le codage SPIP, non-XML et un peu spécial, limite aussi l’utilisation des capacités de Dreamweaver (Propriété/...).

      Pour NVU, si quelqu’un se lance, qu’il jette un oeil sur AssistantsdeConceptions sur spipkini et n’hésite pas à me contacter pour échanger des idées.

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom