Skip navigation
nguigno
Currently Being Moderated

Aide sur catalogue intéractif

Jun 4, 2012 9:18 AM

Bonjour,

 

J'ai réussi à exporter in fichier .swf à partir d'un catalogue papier réaliser sous Indesign qui permet de lire intéractivement, avec transitions de pages.

 

Ma question porte sur le fait d'intégrer un fond de présentation avec bouton de navigation. Voici un exemple :

http://www.hobbytech-rc.com/ecatal2/index.html

 

C'est exactement ce que je voudrais réaliser : j'ai le catalogue central avec les pages qui se tournent mais je ne sais pas comment y rajouter la présentation autour.

 

Si quelqu'un a une idée ? D'avance merci

 
Replies
  • Currently Being Moderated
    Jun 5, 2012 12:24 AM   in reply to nguigno

    Pour la présentation autour, il va falloir l'accrocher directement au html, parce que là, en fait ils ont un "lecteur" de fichier pdf (avec les bordures, les boutons et le fond) qui charge le fichier interactif à l'intérieur.

     

    Depuis inDesign, vous ne pourrez sortir que le fichier interactif seul.

     

    Pour ne pas me compliquer la vie, dans le html, je changerai la balise body (en incluant une image de fond) et j'ajouterais une div autour (une division) :

     

    <body bgcolor="#123456"style="background-image: Url('imagedefond.jpg'); background-repeat:no-repeat; background-position:center top;">

         <div style="text-align: center;">

     

         </div>

    </body>

     

    Et redimensionner le swf aux bonnes dimensions, inD rajoute des marges par défaut.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 5, 2012 4:50 AM   in reply to nguigno

    Ah… Sans notion de code, ça risque d'être plus compliqué…

     

    Votre document inDesign, lors de l'export swf, crée un fichier .swf et un fichier .html C'est celui-ci que vous allez éditer dans un éditeur de texte brut (pas TextEdit, mais par exemple Text Wrangler).

     

    Et dedans, vous n'aurez qu'à remplacer la ligne qui commence avec

    <body>

     

    par :

     

    <body bgcolor="#123456"style="background-image: Url('imagedefond.jpg'); background-repeat:no-repeat; background-position:center top;">

         <div style="text-align: center;">

     

    et la ligne qui démarre avec

    </body>

     

    par :

     

         </div>

    </body>

     

    Dur dur de développer à la main

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 5:56 AM   in reply to nguigno

    C'est ce que vous permet de faire l'extension de eDocker et sans codage.

     

    Voici un exemple : http://www.edocker.com/_demo/edocker-online-demo/index.html

    Et voici le lien vers le programme  (en anglais) : http://www.edocker.fi/index.php/en/products/edocker2-desktop-publisher /workflow/

     

    En utilisant ce programme, il faut exporter le document InDesign au format SWF qui est ensuite intégré au panneau de navigation avec le programme eDocker.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points