Sarka-spip - image mappée : où mettre le code ?

Steph_Anie · Février 13, 2010, 3:10

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans public_html ? Et si oui, où exactement ?
Ou bien faut-il plutôt insérer le code dans un fichier déjà existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à l’usage d’une personne qui ne s’y connaît pas trop mais souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

Gaelle_Faure · Février 13, 2010, 4:06

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface de l’admin, comme quand tu écris un article classique)

texte alternatif de l'image

et ensuite le code de l'image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne@gmail.com> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à l’usage d’une personne qui ne s’y connaît pas trop mais souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Gaëlle.

Steph_Anie · Février 13, 2010, 4:59

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y arrive pas…
Tu pourrais jeter un œil sur cet article et m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010@gmail.com> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface de l’admin, comme quand tu écris un article classique)

et ensuite le code de l'image mappée.
Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne@gmail.com> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à l’usage d’une personne qui ne s’y connaît pas trop mais souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Gaëlle.

Denis_Chenu · Février 13, 2010, 5:15

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui ressemble à ca:

C'est cette partie là que tu met dans le contenu avec le code qu'a donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd, mais un png/gif/jpg .

psd c'est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J'ai essayé plusieurs trucs sans succès; décidément, je n'y arrive pas...
Tu pourrais jeter un œil sur cet article <http://www.photos-synthese.com/Test-image-map.html> et m'expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010 <mailto:fauregaelle2010@gmail.com>> a écrit :

    Bonjour

    Tu peux copier/coller le code dans l'article 1 (depuis l'interface
    de l'admin, comme quand tu écris un article classique)

    <img border="0" alt="texte alternatif de l'image" usemap="#Map"
    src="chemin de l'image sur le serveur" />
    <map name="Map">
    et ensuite le code de l'image mappée.

    Gaelle

    Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne
    <mailto:steph.anie.en.bretagne@gmail.com>> a écrit :

        Bonjour,

        J'ai créé une image mappée sous photoshop CS3. J'ai récupéré
        le code dans un fichier html.

        Question : comment faire pour que cette image apparaisse dans
        mon article 1 (Edito de bienvenue de mon sommaire) ?

        - Faut-il charger le fichier html entier quelque part dans
        public_html ? Et si oui, où exactement ?
        - Ou bien faut-il plutôt insérer le code dans un fichier déjà
        existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

        Je vous remercie par avance de vos réponses détaillées à
        l'usage d'une personne qui ne s'y connaît pas trop mais
        souhaite progresser.

        Steph
        SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

        _______________________________________________
        liste spip
        spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer
        un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

        Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

        Documentation de SPIP : http://www.spip.net/

        Irc : de l'aide à toute heure : http://spip.net/irc

    -- Gaëlle.

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Gaelle_Faure · Février 13, 2010, 5:25

Bien sûr, d’accord avec Denis.
I. Il faut d’abord transformer ton img .psd en format .jpeg ou .jpg ou .png.
2. Ouvrir ton article 1. Insérer ton image de la façon :
txt alterntif de l'img
3. et ensuite coller ton code de l’img mappée du typ :

<area title=« blablal » alt=« txt alternetif » href=« spip.php?article393 » coords="4,131,44,126,68,119 … />
4. enregistre l’article
5. visualise
6. Ca devrait fonctionner !

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd, mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y arrive pas…

Tu pourrais jeter un œil sur cet article <http://www.photos-synthese.com/Test-image-map.html> et m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010 mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne

mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré
le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Gaëlle.

Steph_Anie · Février 13, 2010, 5:28

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne connais pas du tout ce logiciel (mais si je ne m’en sors pas autrement, je devrais sûrement m’y mettre).

Pour le psd, en le mettant, j’ai eu cette impression que ça ne le ferait pas et tu confirmes.
Donc, je viens de rajouter les gifs ici

Merci pour vos retour ici ou dans les commentaires que je viens d’activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd, mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y arrive pas…

Tu pourrais jeter un œil sur cet article <http://www.photos-synthese.com/Test-image-map.html> et m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010 mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne

mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré
le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Gaelle_Faure · Février 13, 2010, 5:32

Pas forcément besoin de Gimp

As tu essayé ce qu’on t’a conseillé ? Parce que je ne vois tjs pas trace de #Map dans l’article !

Le 13 février 2010 18:28, Steph Anie <steph.anie.en.bretagne@gmail.com> a écrit :

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne connais pas du tout ce logiciel (mais si je ne m’en sors pas autrement, je devrais sûrement m’y mettre).

Pour le psd, en le mettant, j’ai eu cette impression que ça ne le ferait pas et tu confirmes.
Donc, je viens de rajouter les gifs ici

Merci pour vos retour ici ou dans les commentaires que je viens d’activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd, mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y arrive pas…

Tu pourrais jeter un œil sur cet article <http://www.photos-synthese.com/Test-image-map.html> et m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010 mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne

mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré
le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Gaëlle.

Denis_Chenu · Février 13, 2010, 5:38

Re,

Une tite remarque concernant ton image.

C'est un menu que tu voudrais proposer, il n'ya que du texte dans l'image. Dans ce cas , il vaudrait mieux le faire en texte, voir directement avec les code se spip: si ce sont des article a mettre en lien:

{{{Titre de ton menu}}}
-* [->art12]
-* [->art13]
-* [->art14]
....

Pour les couleurs, elle s'adapteront au thème choisi. Ca sera mieux : 1 en terme d'accessibilité, 2 en terme de référencement, 3 en terme d''évolution du template.

..

PS: je viens de voir les gif, en fait il n'y a que les coté qui ont besoin d'image. Mon avis reste le même : dégrader temporairement la liste.
Ensuite reprendre l'image englobante compléte, et faire un truc du style:

<div class="menuaccueil">
{{Titre de ton menu}}
-* [->art12]
-* [->art13]
-* [->art14]
</div>

Ensuite ajouter un répertoire squelette contenant:
perso.css avec
.menuaccueil {background: lightgreen url{fond-menu.png} no-repeat;}
.menuaccueil strong{color: orange;}
.menuaccueil ul li a {text-decoration: none;color: green}

et ajouter le fichier fond-menu.png dans le répertoire squelette/

C'est à adapter , bien sur, mais les grandes lignes sont là.

Le 13/02/2010 18:25, Gaelle Faure a écrit :

Bien sûr, d'accord avec Denis.
I. Il faut d'abord transformer ton img .psd en format .jpeg ou .jpg ou .png.
2. Ouvrir ton article 1. Insérer ton image de la façon :
<img border="0" alt="txt alterntif de l'img" usemap="#Map" src="chemin de ton img" />
3. et ensuite coller ton code de l'img mappée du typ :
<map name="Map">
<area title="blablal" alt="txt alternetif" href="spip.php?article393" coords="4,131,44,126,68,119 .... />
4. enregistre l'article
5. visualise
6. Ca devrait fonctionner !

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org <mailto:shnoulle@spip.org>> a écrit :

    Salut,

    Cela me semble bien compliqué comme code pour une image map.

    Je me demande si cela ne serait pas plus facile avec the gimp.

    Dans le code que tu montre il faudrais retrouver une partie qui
    ressemble à ca:

    <map name="map">
    <area shape="poly" coords="31,175,32,216,86,223,85,181,84,184"
    alt="texte fenetre 1" href="fenetre1" />
    <area shape="poly" coords="109,187,108,226,163,233,164,193"
    alt="texte fenetre 2" href="fenetre2" />
    <area shape="poly" coords="30,252,29,289,83,300,80,259" alt="texte
    fenetre3" href="fenetre3" />
    <area shape="poly"
    coords="105,264,106,304,160,315,158,270,158,271" alt="texte
    fenetre 4" href="fenetre 4" />
    </map>

    C'est cette partie là que tu met dans le contenu avec le code qu'a
    donné Gaelle.

    Sinon, une image sur internet cela ne peut être un fichier psd,
    mais un png/gif/jpg .

    psd c'est illisible.

    Denis

    Le 13/02/2010 17:59, Steph Anie a écrit :

        Bonjour Gaëlle et merci pour ra réponse.

        J'ai essayé plusieurs trucs sans succès; décidément, je n'y
        arrive pas...
        Tu pourrais jeter un œil sur cet article
        <http://www.photos-synthese.com/Test-image-map.html> et
        m'expliquer plus à fond ce que je dois faire ?

        Merci beaucoup pour ton temps !!!

        Steph
        SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

        Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>> a écrit :

           Bonjour

           Tu peux copier/coller le code dans l'article 1 (depuis
        l'interface
           de l'admin, comme quand tu écris un article classique)

        <img border="0" alt="texte alternatif de l'image" usemap="#Map"
           src="chemin de l'image sur le serveur" />
        <map name="Map">
           et ensuite le code de l'image mappée.

           Gaelle

           Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>> a écrit :

               Bonjour,

               J'ai créé une image mappée sous photoshop CS3. J'ai
        récupéré
               le code dans un fichier html.

               Question : comment faire pour que cette image
        apparaisse dans
               mon article 1 (Edito de bienvenue de mon sommaire) ?

               - Faut-il charger le fichier html entier quelque part dans
               public_html ? Et si oui, où exactement ?
               - Ou bien faut-il plutôt insérer le code dans un
        fichier déjà
               existant ? Et si oui, lequel ? Et à quel endroit dans
        ce fichier ?

               Je vous remercie par avance de vos réponses détaillées à
               l'usage d'une personne qui ne s'y connaît pas trop mais
               souhaite progresser.

               Steph
               SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

Steph_Anie · Février 13, 2010, 5:55

Si je n’ai pas mis tout simplement du texte avec des liens (oui, faudrait être bête pour s’acharner à faire un truc compliqué au lieu de ce qui est si simple) c’est parce que je voudrai avoir 4 cadres comme le premier sur ma page d’accueil, autrement dit il faudrait deux colonnes dans la colonne principale ce qui, sous sarka, semble bien difficile.

Je me suis donc dit que je pourrai arriver à ce résultat en utilisant une image cliquable. Mais ça a l’air d’être tout aussi compliqué pour une pauv’ débutante comme moi.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:38, Shnoulle / Denis <shnoulle@spip.org> a écrit :

Re,

Une tite remarque concernant ton image.

C’est un menu que tu voudrais proposer, il n’ya que du texte dans l’image. Dans ce cas , il vaudrait mieux le faire en texte, voir directement avec les code se spip: si ce sont des article a mettre en lien:

{{{Titre de ton menu}}}
-* [->art12]
-* [->art13]
-* [->art14]
…

Pour les couleurs, elle s’adapteront au thème choisi. Ca sera mieux : 1 en terme d’accessibilité, 2 en terme de référencement, 3 en terme d’'évolution du template.

…

PS: je viens de voir les gif, en fait il n’y a que les coté qui ont besoin d’image. Mon avis reste le même : dégrader temporairement la liste.
Ensuite reprendre l’image englobante compléte, et faire un truc du style:

{{Titre de ton menu}} -* [->art12] -* [->art13] -* [->art14]

Ensuite ajouter un répertoire squelette contenant:
perso.css avec
.menuaccueil {background: lightgreen url{fond-menu.png} no-repeat;}
.menuaccueil strong{color: orange;}
.menuaccueil ul li a {text-decoration: none;color: green}

et ajouter le fichier fond-menu.png dans le répertoire squelette/

C’est à adapter , bien sur, mais les grandes lignes sont là.

Le 13/02/2010 18:25, Gaelle Faure a écrit :

Bien sûr, d’accord avec Denis.
I. Il faut d’abord transformer ton img .psd en format .jpeg ou .jpg ou .png.
2. Ouvrir ton article 1. Insérer ton image de la façon :

3. et ensuite coller ton code de l’img mappée du typ :

<area title=« blablal » alt=« txt alternetif » href=« spip.php?article393 » coords="4,131,44,126,68,119 … />
4. enregistre l’article
5. visualise
6. Ca devrait fonctionner !

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org)> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui
ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a
donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd,
mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y
arrive pas…
Tu pourrais jeter un œil sur cet article
<http://www.photos-synthese.com/Test-image-map.html> et
m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)>> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis
l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)>> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai
récupéré
le code dans un fichier html.

Question : comment faire pour que cette image
apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un
fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans
ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Steph_Anie · Février 13, 2010, 6:05

Denis,

Si je n’ai pas mis tout simplement du texte avec des liens (oui, faudrait être bête pour s’acharner à faire un truc compliqué au lieu de ce qui est si simple) c’est parce que je voudrai avoir 4 cadres comme le premier sur ma page d’accueil, autrement dit il faudrait deux colonnes dans la colonne principale ce qui, sous sarka, semble bien difficile.

Je me suis donc dit que je pourrai arriver à ce résultat en utilisant une image cliquable. Mais c bien compliqué aussi.

Gaëlle : si si, j’avais fait des tests avec ça mais c vrai que tu ne les voyais pas, c chose faite ici.

Merci pour votre patience.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:32, Gaelle Faure <fauregaelle2010@gmail.com> a écrit :

Pas forcément besoin de Gimp

As tu essayé ce qu’on t’a conseillé ? Parce que je ne vois tjs pas trace de #Map dans l’article !

Le 13 février 2010 18:28, Steph Anie <steph.anie.en.bretagne@gmail.com> a écrit :

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne connais pas du tout ce logiciel (mais si je ne m’en sors pas autrement, je devrais sûrement m’y mettre).

Pour le psd, en le mettant, j’ai eu cette impression que ça ne le ferait pas et tu confirmes.
Donc, je viens de rajouter les gifs ici

Merci pour vos retour ici ou dans les commentaires que je viens d’activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd, mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y arrive pas…

Tu pourrais jeter un œil sur cet article <http://www.photos-synthese.com/Test-image-map.html> et m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010 mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne

mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai récupéré
le code dans un fichier html.

Question : comment faire pour que cette image apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Gaëlle.

Denis_Chenu · Février 13, 2010, 7:07

OK, dans ce cas:

<div style="width:40%;margin:1em 4%;float:left;">Ta liste comme je l'ai mise</div>
<div style="width:40%;margin:1em 4%;float:left;">Ta liste 2 comme je l'ai mise</div>
<div style="width:40%;margin:1em 4%;float:left;clear:left">Ta liste 3 comme je l'ai mise</div>
<div style="width:40%;margin:1em 4%;float:left;">Ta liste 4 comme je l'ai mise</div>

Jouer sur les border en plus, peut être que au lieu du float:left, mettre display:inline; serait encore mieux.

Jette un oeil sur http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html .
ca te permettras d'adapter (surtout si tu veut créer des sites web : ne pas confondre graphiste web , intégrateur web, développeur web :))

Denis

Le 13/02/2010 18:55, Steph Anie a écrit :

Si je n'ai pas mis tout simplement du texte avec des liens (oui, faudrait être bête pour s'acharner à faire un truc compliqué au lieu de ce qui est si simple) c'est parce que je voudrai avoir 4 cadres comme le premier sur ma page d'accueil, autrement dit il faudrait deux colonnes dans la colonne principale ce qui, sous sarka, semble bien difficile.

Je me suis donc dit que je pourrai arriver à ce résultat en utilisant une image cliquable. Mais ça a l'air d'être tout aussi compliqué pour une pauv' débutante comme moi.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:38, Shnoulle / Denis <shnoulle@spip.org <mailto:shnoulle@spip.org>> a écrit :

    Re,

    Une tite remarque concernant ton image.

    C'est un menu que tu voudrais proposer, il n'ya que du texte dans
    l'image. Dans ce cas , il vaudrait mieux le faire en texte, voir
    directement avec les code se spip: si ce sont des article a mettre
    en lien:

    {{{Titre de ton menu}}}
    -* [->art12]
    -* [->art13]
    -* [->art14]
    ....

    Pour les couleurs, elle s'adapteront au thème choisi. Ca sera
    mieux : 1 en terme d'accessibilité, 2 en terme de référencement, 3
    en terme d''évolution du template.

    ..

    PS: je viens de voir les gif, en fait il n'y a que les coté qui
    ont besoin d'image. Mon avis reste le même : dégrader
    temporairement la liste.
    Ensuite reprendre l'image englobante compléte, et faire un truc du
    style:

    <div class="menuaccueil">
    {{Titre de ton menu}}
    -* [->art12]
    -* [->art13]
    -* [->art14]
    </div>

    Ensuite ajouter un répertoire squelette contenant:
    perso.css avec
    .menuaccueil {background: lightgreen url{fond-menu.png} no-repeat;}
    .menuaccueil strong{color: orange;}
    .menuaccueil ul li a {text-decoration: none;color: green}

    et ajouter le fichier fond-menu.png dans le répertoire squelette/

    C'est à adapter , bien sur, mais les grandes lignes sont là.

    :)
     Le 13/02/2010 18:25, Gaelle Faure a écrit :

        Bien sûr, d'accord avec Denis.
        I. Il faut d'abord transformer ton img .psd en format .jpeg ou
        .jpg ou .png.
        2. Ouvrir ton article 1. Insérer ton image de la façon :
        <img border="0" alt="txt alterntif de l'img" usemap="#Map"
        src="chemin de ton img" />
        3. et ensuite coller ton code de l'img mappée du typ :
        <map name="Map">
        <area title="blablal" alt="txt alternetif"
        href="spip.php?article393" coords="4,131,44,126,68,119 .... />
        4. enregistre l'article
        5. visualise
        6. Ca devrait fonctionner !

        Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org
        <mailto:shnoulle@spip.org> <mailto:shnoulle@spip.org
        <mailto:shnoulle@spip.org>>> a écrit :

           Salut,

           Cela me semble bien compliqué comme code pour une image map.

           Je me demande si cela ne serait pas plus facile avec the gimp.

           Dans le code que tu montre il faudrais retrouver une partie qui
           ressemble à ca:

        <map name="map">
        <area shape="poly" coords="31,175,32,216,86,223,85,181,84,184"
           alt="texte fenetre 1" href="fenetre1" />
        <area shape="poly" coords="109,187,108,226,163,233,164,193"
           alt="texte fenetre 2" href="fenetre2" />
        <area shape="poly" coords="30,252,29,289,83,300,80,259" alt="texte
           fenetre3" href="fenetre3" />
        <area shape="poly"
           coords="105,264,106,304,160,315,158,270,158,271" alt="texte
           fenetre 4" href="fenetre 4" />
        </map>

           C'est cette partie là que tu met dans le contenu avec le
        code qu'a
           donné Gaelle.

           Sinon, une image sur internet cela ne peut être un fichier psd,
           mais un png/gif/jpg .

           psd c'est illisible.

           Denis

           Le 13/02/2010 17:59, Steph Anie a écrit :

               Bonjour Gaëlle et merci pour ra réponse.

               J'ai essayé plusieurs trucs sans succès; décidément, je n'y
               arrive pas...
               Tu pourrais jeter un œil sur cet article
        <http://www.photos-synthese.com/Test-image-map.html> et
               m'expliquer plus à fond ce que je dois faire ?

               Merci beaucoup pour ton temps !!!

               Steph
               SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

               Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>>> a écrit :

                  Bonjour

                  Tu peux copier/coller le code dans l'article 1 (depuis
               l'interface
                  de l'admin, comme quand tu écris un article classique)

        <img border="0" alt="texte alternatif de l'image" usemap="#Map"
                  src="chemin de l'image sur le serveur" />
        <map name="Map">
                  et ensuite le code de l'image mappée.

                  Gaelle

                  Le 13 février 2010 16:10, Steph Anie
        <steph.anie.en.bretagne
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>>> a écrit :

                      Bonjour,

                      J'ai créé une image mappée sous photoshop CS3. J'ai
               récupéré
                      le code dans un fichier html.

                      Question : comment faire pour que cette image
               apparaisse dans
                      mon article 1 (Edito de bienvenue de mon sommaire) ?

                      - Faut-il charger le fichier html entier quelque
        part dans
                      public_html ? Et si oui, où exactement ?
                      - Ou bien faut-il plutôt insérer le code dans un
               fichier déjà
                      existant ? Et si oui, lequel ? Et à quel endroit
        dans
               ce fichier ?

                      Je vous remercie par avance de vos réponses
        détaillées à
                      l'usage d'une personne qui ne s'y connaît pas
        trop mais
                      souhaite progresser.

                      Steph
                      SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

    _______________________________________________
    liste spip

    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

bernard_Blazin · Février 13, 2010, 7:24

Il ne faut pas faire:
usemap="#Map"
mais
usemap="#map" sans majuscule

Ensuite tu peux coller ton code dans un fichier modèle article que tu appeleras directement dans ton article (genre article_map.html) avec <map|articlexxx> xxx étant l'id de ton article.

Bernard

Steph Anie a écrit :

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne connais pas du tout ce logiciel (mais si je ne m'en sors pas autrement, je devrais sûrement m'y mettre).

Pour le psd, en le mettant, j'ai eu cette impression que ça ne le ferait pas et tu confirmes.
Donc, je viens de rajouter les gifs ici <http://www.photos-synthese.com/Test-image-map.htm>

Merci pour vos retour ici ou dans les commentaires que je viens d'activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org <mailto:shnoulle@spip.org>> a écrit :

    Salut,

    Cela me semble bien compliqué comme code pour une image map.

    Je me demande si cela ne serait pas plus facile avec the gimp.

    Dans le code que tu montre il faudrais retrouver une partie qui
    ressemble à ca:

    <map name="map">
    <area shape="poly" coords="31,175,32,216,86,223,85,181,84,184"
    alt="texte fenetre 1" href="fenetre1" />
    <area shape="poly" coords="109,187,108,226,163,233,164,193"
    alt="texte fenetre 2" href="fenetre2" />
    <area shape="poly" coords="30,252,29,289,83,300,80,259" alt="texte
    fenetre3" href="fenetre3" />
    <area shape="poly"
    coords="105,264,106,304,160,315,158,270,158,271" alt="texte
    fenetre 4" href="fenetre 4" />
    </map>

    C'est cette partie là que tu met dans le contenu avec le code qu'a
    donné Gaelle.

    Sinon, une image sur internet cela ne peut être un fichier psd,
    mais un png/gif/jpg .

    psd c'est illisible.

    Denis

    Le 13/02/2010 17:59, Steph Anie a écrit :

        Bonjour Gaëlle et merci pour ra réponse.

        J'ai essayé plusieurs trucs sans succès; décidément, je n'y
        arrive pas...
        Tu pourrais jeter un œil sur cet article
        <http://www.photos-synthese.com/Test-image-map.html> et
        m'expliquer plus à fond ce que je dois faire ?

        Merci beaucoup pour ton temps !!!

        Steph
        SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

        Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>> a écrit :

           Bonjour

           Tu peux copier/coller le code dans l'article 1 (depuis
        l'interface
           de l'admin, comme quand tu écris un article classique)

           <img border="0" alt="texte alternatif de l'image" usemap="#Map"
           src="chemin de l'image sur le serveur" />
           <map name="Map">
           et ensuite le code de l'image mappée.

           Gaelle

           Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne
           <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>> a écrit :

               Bonjour,

               J'ai créé une image mappée sous photoshop CS3. J'ai
        récupéré
               le code dans un fichier html.

               Question : comment faire pour que cette image
        apparaisse dans
               mon article 1 (Edito de bienvenue de mon sommaire) ?

               - Faut-il charger le fichier html entier quelque part dans
               public_html ? Et si oui, où exactement ?
               - Ou bien faut-il plutôt insérer le code dans un
        fichier déjà
               existant ? Et si oui, lequel ? Et à quel endroit dans
        ce fichier ?

               Je vous remercie par avance de vos réponses détaillées à
               l'usage d'une personne qui ne s'y connaît pas trop mais
               souhaite progresser.

               Steph
               SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

               _______________________________________________
               liste spip
               spip@rezo.net <mailto:spip@rezo.net>
        <mailto:spip@rezo.net> - désabonnement
        : envoyer
               un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

               Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
               Discuter chez rezo.net

               Documentation de SPIP : http://www.spip.net/

               Irc : de l'aide à toute heure : http://spip.net/irc

           -- Gaëlle.

        _______________________________________________
        liste spip
        spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer
        un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

        Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

        Documentation de SPIP : http://www.spip.net/

        Irc : de l'aide à toute heure : http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

------------------------------------------------------------------------

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com

9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

Steph_Anie · Février 13, 2010, 7:32

Ok, merci beaucoup Denis pour le lien et les explications que je vais essayer de mettre en pratique.

Cela fait des mois que je cherche un CIF développeur web en Bretagne mais rien à faire, y’a beaucoup de formations par ici mais pas ça. A Paris, ça oui… mais…

J’attends un licenciement économique éminent, alors, je cherche des portes de sorties. Et tant qu’on ne me demande rien de trop compliqué, je peux faire sous spip de petits sites vitrine pour les artisans par exemple. Par contre, c vrai qu’il me manque les bases et je serai tout à fait incapable de créer un site sans spip.

Y’a plus qu’à bosser …

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 20:07, Shnoulle / Denis <shnoulle@spip.org> a écrit :

OK, dans ce cas:

Ta liste comme je l'ai mise

Ta liste 2 comme je l'ai mise

Ta liste 3 comme je l'ai mise

Ta liste 4 comme je l'ai mise

Jouer sur les border en plus, peut être que au lieu du float:left, mettre display:inline; serait encore mieux.

Jette un oeil sur http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html .
ca te permettras d’adapter (surtout si tu veut créer des sites web : ne pas confondre graphiste web , intégrateur web, développeur web :))

Denis

Le 13/02/2010 18:55, Steph Anie a écrit :

Si je n’ai pas mis tout simplement du texte avec des liens (oui, faudrait être bête pour s’acharner à faire un truc compliqué au lieu de ce qui est si simple) c’est parce que je voudrai avoir 4 cadres comme le premier sur ma page d’accueil, autrement dit il faudrait deux colonnes dans la colonne principale ce qui, sous sarka, semble bien difficile.

Je me suis donc dit que je pourrai arriver à ce résultat en utilisant une image cliquable. Mais ça a l’air d’être tout aussi compliqué pour une pauv’ débutante comme moi.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:38, Shnoulle / Denis <shnoulle@spip.org mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org)> a écrit :

Re,

Une tite remarque concernant ton image.

C’est un menu que tu voudrais proposer, il n’ya que du texte dans
l’image. Dans ce cas , il vaudrait mieux le faire en texte, voir
directement avec les code se spip: si ce sont des article a mettre
en lien:

{{{Titre de ton menu}}}
-* [->art12]
-* [->art13]
-* [->art14]
…

Pour les couleurs, elle s’adapteront au thème choisi. Ca sera
mieux : 1 en terme d’accessibilité, 2 en terme de référencement, 3
en terme d’'évolution du template.

…

PS: je viens de voir les gif, en fait il n’y a que les coté qui
ont besoin d’image. Mon avis reste le même : dégrader
temporairement la liste.
Ensuite reprendre l’image englobante compléte, et faire un truc du
style:

{{Titre de ton menu}} -* [->art12] -* [->art13] -* [->art14]

Ensuite ajouter un répertoire squelette contenant:
perso.css avec
.menuaccueil {background: lightgreen url{fond-menu.png} no-repeat;}
.menuaccueil strong{color: orange;}
.menuaccueil ul li a {text-decoration: none;color: green}

et ajouter le fichier fond-menu.png dans le répertoire squelette/

C’est à adapter , bien sur, mais les grandes lignes sont là.

Le 13/02/2010 18:25, Gaelle Faure a écrit :

Bien sûr, d’accord avec Denis.
I. Il faut d’abord transformer ton img .psd en format .jpeg ou
.jpg ou .png.
2. Ouvrir ton article 1. Insérer ton image de la façon :

3. et ensuite coller ton code de l’img mappée du typ :

<area title=« blablal » alt=« txt alternetif »
href=« spip.php?article393 » coords="4,131,44,126,68,119 … />
4. enregistre l’article
5. visualise
6. Ca devrait fonctionner !

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org

mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org) <mailto:shnoulle@spip.org

mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org)>> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui
ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le
code qu’a
donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd,
mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y
arrive pas…
Tu pourrais jeter un œil sur cet article
<http://www.photos-synthese.com/Test-image-map.html> et
m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)>>> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis
l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie
<steph.anie.en.bretagne
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)>>> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai
récupéré
le code dans un fichier html.

Question : comment faire pour que cette image
apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque
part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un
fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit
dans
ce fichier ?

Je vous remercie par avance de vos réponses
détaillées à
l’usage d’une personne qui ne s’y connaît pas
trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip

spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un
mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Steph_Anie · Février 13, 2010, 7:48

Bernard,

Je viens de suivre ton conseil et créé le fichier modèle
ça m’écrit : texte alternatif à l’image

Peut-être qu’il faudrait mettre les images gif dans le fichier modèle ?
Et aussi enlever comme le suggérait Denis
<html>
<head>
<title>cadres</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 20:24, Bernard Blazin <bernard.blazin@free.fr> a écrit :

Il ne faut pas faire:
usemap=« #Map »
mais
usemap=« #map » sans majuscule

Ensuite tu peux coller ton code dans un fichier modèle article que tu appeleras directement dans ton article (genre article_map.html) avec <map|articlexxx> xxx étant l’id de ton article.

Bernard

Steph Anie a écrit :

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne connais pas du tout ce logiciel (mais si je ne m’en sors pas autrement, je devrais sûrement m’y mettre).

Pour le psd, en le mettant, j’ai eu cette impression que ça ne le ferait pas et tu confirmes.

Donc, je viens de rajouter les gifs ici <http://www.photos-synthese.com/Test-image-map.htm>

Merci pour vos retour ici ou dans les commentaires que je viens d’activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org)> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui
ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le code qu’a
donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd,
mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y
arrive pas…
Tu pourrais jeter un œil sur cet article
<http://www.photos-synthese.com/Test-image-map.html> et
m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)>> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis
l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie <steph.anie.en.bretagne
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)>> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai
récupéré
le code dans un fichier html.

Question : comment faire pour que cette image
apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un
fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit dans
ce fichier ?

Je vous remercie par avance de vos réponses détaillées à
l’usage d’une personne qui ne s’y connaît pas trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)

<mailto:spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)> - désabonnement

: envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>

Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un
mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com
9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

bernard_Blazin · Février 13, 2010, 10:39

Oui tu ne dois mettre que les balises html de l'image mappée sans <head><html> et <body>

Bernard

Steph Anie a écrit :

Bernard,

Je viens de suivre ton conseil et créé le fichier modèle <http://www.photos-synthese.com/article_map-html.html>
ça m'écrit : texte alternatif à l'image <http://www.photos-synthese.com/test-cadres.html>

Peut-être qu'il faudrait mettre les images gif dans le fichier modèle ?
Et aussi enlever comme le suggérait Denis
|<html>
<head>
<title>cadres</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

|

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 20:24, Bernard Blazin <bernard.blazin@free.fr <mailto:bernard.blazin@free.fr>> a écrit :

    Il ne faut pas faire:
    usemap="#Map"
    mais
    usemap="#map" sans majuscule

    Ensuite tu peux coller ton code dans un fichier modèle article que
    tu appeleras directement dans ton article (genre article_map.html)
    avec <map|articlexxx> xxx étant l'id de ton article.

    Bernard

    Steph Anie a écrit :

        Salut,

        Tu as sûrement raison pour The Gimp Denis sauf que je ne
        connais pas du tout ce logiciel (mais si je ne m'en sors pas
        autrement, je devrais sûrement m'y mettre).

        Pour le psd, en le mettant, j'ai eu cette impression que ça ne
        le ferait pas et tu confirmes.
        Donc, je viens de rajouter les gifs ici
        <http://www.photos-synthese.com/Test-image-map.htm>

        Merci pour vos retour ici ou dans les commentaires que je
        viens d'activer pour cet article.

        Steph
        SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

        Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org
        <mailto:shnoulle@spip.org> <mailto:shnoulle@spip.org
        <mailto:shnoulle@spip.org>>> a écrit :

           Salut,

           Cela me semble bien compliqué comme code pour une image map.

           Je me demande si cela ne serait pas plus facile avec the gimp.

           Dans le code que tu montre il faudrais retrouver une partie qui
           ressemble à ca:

           <map name="map">
           <area shape="poly" coords="31,175,32,216,86,223,85,181,84,184"
           alt="texte fenetre 1" href="fenetre1" />
           <area shape="poly" coords="109,187,108,226,163,233,164,193"
           alt="texte fenetre 2" href="fenetre2" />
           <area shape="poly" coords="30,252,29,289,83,300,80,259"
        alt="texte
           fenetre3" href="fenetre3" />
           <area shape="poly"
           coords="105,264,106,304,160,315,158,270,158,271" alt="texte
           fenetre 4" href="fenetre 4" />
           </map>

           C'est cette partie là que tu met dans le contenu avec le
        code qu'a
           donné Gaelle.

           Sinon, une image sur internet cela ne peut être un fichier psd,
           mais un png/gif/jpg .

           psd c'est illisible.

           Denis

           Le 13/02/2010 17:59, Steph Anie a écrit :

               Bonjour Gaëlle et merci pour ra réponse.

               J'ai essayé plusieurs trucs sans succès; décidément, je n'y
               arrive pas...
               Tu pourrais jeter un œil sur cet article
               <http://www.photos-synthese.com/Test-image-map.html> et
               m'expliquer plus à fond ce que je dois faire ?

               Merci beaucoup pour ton temps !!!

               Steph
               SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

               Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
               <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>
               <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>>> a écrit :

                  Bonjour

                  Tu peux copier/coller le code dans l'article 1 (depuis
               l'interface
                  de l'admin, comme quand tu écris un article classique)

                  <img border="0" alt="texte alternatif de l'image"
        usemap="#Map"
                  src="chemin de l'image sur le serveur" />
                  <map name="Map">
                  et ensuite le code de l'image mappée.

                  Gaelle

                  Le 13 février 2010 16:10, Steph Anie
        <steph.anie.en.bretagne
                  <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>
               <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>>> a écrit :

                      Bonjour,

                      J'ai créé une image mappée sous photoshop CS3. J'ai
               récupéré
                      le code dans un fichier html.

                      Question : comment faire pour que cette image
               apparaisse dans
                      mon article 1 (Edito de bienvenue de mon sommaire) ?

                      - Faut-il charger le fichier html entier quelque
        part dans
                      public_html ? Et si oui, où exactement ?
                      - Ou bien faut-il plutôt insérer le code dans un
               fichier déjà
                      existant ? Et si oui, lequel ? Et à quel endroit
        dans
               ce fichier ?

                      Je vous remercie par avance de vos réponses
        détaillées à
                      l'usage d'une personne qui ne s'y connaît pas
        trop mais
                      souhaite progresser.

                      Steph
                      SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

                      _______________________________________________
                      liste spip
                      spip@rezo.net <mailto:spip@rezo.net>
        <mailto:spip@rezo.net>
               <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement

               : envoyer
                      un mail à spip-off@rezo.net
        <mailto:spip-off@rezo.net> <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>
               <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>

                      Infos et archives :
               http://listes.rezo.net/mailman/listinfo/spip
                      Discuter chez rezo.net

                      Documentation de SPIP : http://www.spip.net/

                      Irc : de l'aide à toute heure : http://spip.net/irc

                  -- Gaëlle.

               _______________________________________________
               liste spip
               spip@rezo.net <mailto:spip@rezo.net>
        <mailto:spip@rezo.net> - désabonnement
        : envoyer
               un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

               Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
               Discuter chez rezo.net

               Documentation de SPIP : http://www.spip.net/

               Irc : de l'aide à toute heure : http://spip.net/irc

           _______________________________________________
           liste spip
           spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement : envoyer un
           mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

           Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
           Discuter chez rezo.net

           Documentation de SPIP : http://www.spip.net/

           Irc : de l'aide à toute heure : http://spip.net/irc

        ------------------------------------------------------------------------

        _______________________________________________
        liste spip
        spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer
        un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

        Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

        Documentation de SPIP : http://www.spip.net/

        Irc : de l'aide à toute heure : http://spip.net/irc

    -- Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

    Bernard Blazin Point Com
    9 rue de la Rose
    77320 Montolivet
    Tel 01 64 20 98 49
    http://www.bernardblazin.com

--
Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com

9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

Steph_Anie · Février 14, 2010, 2:44

Bon, ben à force d’acharnement et surtout grâce à vos conseils, j’ai réussi !!! :-)))
J’en ai profité pour faire un petit tutoriel qu’il faudra améliorer mais que je proposerai à Shizuka quand son site reviendra après le passage des hackers.

Voici le lien pour y accéder mais, comme le reste de tous ces tests, il est amené à disparaître ou à changer d’url.

Il n’en reste pas moins qu’il faudra que je me plonge aussi dans les remarques de Denis sur la création de sommaires car elles me semblent fort judicieuses !
Pour l’instant, c’est un peu compliqué pour moi mais je sais que j’y arriverai un jour.

Bon, mon lit m’attend depuis un moment …
Merci encore à tous !

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

Le 13 février 2010 23:39, Bernard Blazin <bernard.blazin@free.fr> a écrit :

Oui tu ne dois mettre que les balises html de l’image mappée sans et

Bernard

Steph Anie a écrit :

Bernard,

Je viens de suivre ton conseil et créé le fichier modèle <http://www.photos-synthese.com/article_map-html.html>
ça m’écrit : texte alternatif à l’image <http://www.photos-synthese.com/test-cadres.html>

Peut-être qu’il faudrait mettre les images gif dans le fichier modèle ?
Et aussi enlever comme le suggérait Denis
|
cadres
|

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 20:24, Bernard Blazin <bernard.blazin@free.fr mailto:[bernard.blazin@free.fr](mailto:bernard.blazin@free.fr)> a écrit :

Il ne faut pas faire:
usemap=« #Map »
mais
usemap=« #map » sans majuscule

Ensuite tu peux coller ton code dans un fichier modèle article que
tu appeleras directement dans ton article (genre article_map.html)
avec <map|articlexxx> xxx étant l’id de ton article.

Bernard

Steph Anie a écrit :

Salut,

Tu as sûrement raison pour The Gimp Denis sauf que je ne
connais pas du tout ce logiciel (mais si je ne m’en sors pas
autrement, je devrais sûrement m’y mettre).

Pour le psd, en le mettant, j’ai eu cette impression que ça ne
le ferait pas et tu confirmes.
Donc, je viens de rajouter les gifs ici
<http://www.photos-synthese.com/Test-image-map.htm>

Merci pour vos retour ici ou dans les commentaires que je
viens d’activer pour cet article.

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 18:15, Shnoulle / Denis <shnoulle@spip.org

mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org) <mailto:shnoulle@spip.org

mailto:[shnoulle@spip.org](mailto:shnoulle@spip.org)>> a écrit :

Salut,

Cela me semble bien compliqué comme code pour une image map.

Je me demande si cela ne serait pas plus facile avec the gimp.

Dans le code que tu montre il faudrais retrouver une partie qui
ressemble à ca:

C’est cette partie là que tu met dans le contenu avec le
code qu’a
donné Gaelle.

Sinon, une image sur internet cela ne peut être un fichier psd,
mais un png/gif/jpg .

psd c’est illisible.

Denis

Le 13/02/2010 17:59, Steph Anie a écrit :

Bonjour Gaëlle et merci pour ra réponse.

J’ai essayé plusieurs trucs sans succès; décidément, je n’y
arrive pas…
Tu pourrais jeter un œil sur cet article
<http://www.photos-synthese.com/Test-image-map.html> et
m’expliquer plus à fond ce que je dois faire ?

Merci beaucoup pour ton temps !!!

Steph
SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

Le 13 février 2010 17:06, Gaelle Faure <fauregaelle2010
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)
<mailto:fauregaelle2010@gmail.com
mailto:[fauregaelle2010@gmail.com](mailto:fauregaelle2010@gmail.com)>>> a écrit :

Bonjour

Tu peux copier/coller le code dans l’article 1 (depuis
l’interface
de l’admin, comme quand tu écris un article classique)

et ensuite le code de l’image mappée.

Gaelle

Le 13 février 2010 16:10, Steph Anie
<steph.anie.en.bretagne
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)
<mailto:steph.anie.en.bretagne@gmail.com
mailto:[steph.anie.en.bretagne@gmail.com](mailto:steph.anie.en.bretagne@gmail.com)>>> a écrit :

Bonjour,

J’ai créé une image mappée sous photoshop CS3. J’ai
récupéré
le code dans un fichier html.

Question : comment faire pour que cette image
apparaisse dans
mon article 1 (Edito de bienvenue de mon sommaire) ?

Faut-il charger le fichier html entier quelque
part dans
public_html ? Et si oui, où exactement ?

Ou bien faut-il plutôt insérer le code dans un
fichier déjà
existant ? Et si oui, lequel ? Et à quel endroit
dans
ce fichier ?

Je vous remercie par avance de vos réponses
détaillées à
l’usage d’une personne qui ne s’y connaît pas
trop mais
souhaite progresser.

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)
<mailto:spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)>
<mailto:spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)
<mailto:spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)>> - désabonnement

: envoyer
un mail à spip-off@rezo.net
mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net) <mailto:spip-off@rezo.net
mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>
<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)
<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>>

Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Gaëlle.

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)
<mailto:spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net)> - désabonnement
: envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)
<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>

Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) <mailto:spip@rezo.net
mailto:[spip@rezo.net](mailto:spip@rezo.net)> - désabonnement : envoyer un
mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)
<mailto:spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)>

Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

liste spip
spip@rezo.net mailto:[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer
un mail à spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

– Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com
9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

–
Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com
9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

Denis_Chenu · Février 14, 2010, 3:06

Félicitations !

Je pense que CS3 ne faisiat pas réellement une image cliquable mais peut être un truc flash.

Sinon, pour le tuto, je préférerais un lien vers la doc de Gimp : 14.2. Carte cliquable

Pourquoi ? parcequ'elle est en GNU/FDL

Denis
Le 14/02/2010 03:44, Steph Anie a écrit :

Bon, ben à force d'acharnement et surtout grâce à vos conseils, j'ai réussi !!!! :-)))
J'en ai profité pour faire un petit tutoriel qu'il faudra améliorer mais que je proposerai à Shizuka <http://zest.shizuka.fr/> quand son site reviendra après le passage des hackers.

Voici le lien <http://www.photos-synthese.com/Creation-et-insertion-d-une-image.html> pour y accéder mais, comme le reste de tous ces tests, il est amené à disparaître ou à changer d'url.

Il n'en reste pas moins qu'il faudra que je me plonge aussi dans les remarques de Denis sur la création de sommaires car elles me semblent fort judicieuses !
Pour l'instant, c'est un peu compliqué pour moi mais je sais que j'y arriverai un jour.

Bon, mon lit m'attend depuis un moment ...
Merci encore à tous !

Steph
SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2 [34520]

Le 13 février 2010 23:39, Bernard Blazin <bernard.blazin@free.fr <mailto:bernard.blazin@free.fr>> a écrit :

    Oui tu ne dois mettre que les balises html de l'image mappée sans
    <head><html> et <body>

    Bernard

    Steph Anie a écrit :

        Bernard,

        Je viens de suivre ton conseil et créé le fichier modèle
        <http://www.photos-synthese.com/article_map-html.html>
        ça m'écrit : texte alternatif à l'image
        <http://www.photos-synthese.com/test-cadres.html>

        Peut-être qu'il faudrait mettre les images gif dans le fichier
        modèle ?
        Et aussi enlever comme le suggérait Denis
        |<html>
        <head>
        <title>cadres</title>
        <meta http-equiv="Content-Type" content="text/html;
        charset=iso-8859-1">
        </head>

        |

        Steph
        SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

        Le 13 février 2010 20:24, Bernard Blazin
        <bernard.blazin@free.fr <mailto:bernard.blazin@free.fr>
        <mailto:bernard.blazin@free.fr
        <mailto:bernard.blazin@free.fr>>> a écrit :

           Il ne faut pas faire:
           usemap="#Map"
           mais
           usemap="#map" sans majuscule

           Ensuite tu peux coller ton code dans un fichier modèle
        article que
           tu appeleras directement dans ton article (genre
        article_map.html)
           avec <map|articlexxx> xxx étant l'id de ton article.

           Bernard

           Steph Anie a écrit :

               Salut,

               Tu as sûrement raison pour The Gimp Denis sauf que je ne
               connais pas du tout ce logiciel (mais si je ne m'en
        sors pas
               autrement, je devrais sûrement m'y mettre).

               Pour le psd, en le mettant, j'ai eu cette impression
        que ça ne
               le ferait pas et tu confirmes.
               Donc, je viens de rajouter les gifs ici
        <http://www.photos-synthese.com/Test-image-map.htm>

               Merci pour vos retour ici ou dans les commentaires que je
               viens d'activer pour cet article.

               Steph
               SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

               Le 13 février 2010 18:15, Shnoulle / Denis
        <shnoulle@spip.org <mailto:shnoulle@spip.org>
        <mailto:shnoulle@spip.org>
        <mailto:shnoulle@spip.org

        <mailto:shnoulle@spip.org>>> a écrit :

                  Salut,

                  Cela me semble bien compliqué comme code pour une
        image map.

                  Je me demande si cela ne serait pas plus facile avec
        the gimp.

                  Dans le code que tu montre il faudrais retrouver une
        partie qui
                  ressemble à ca:

        <map name="map">
        <area shape="poly" coords="31,175,32,216,86,223,85,181,84,184"
                  alt="texte fenetre 1" href="fenetre1" />
        <area shape="poly" coords="109,187,108,226,163,233,164,193"
                  alt="texte fenetre 2" href="fenetre2" />
        <area shape="poly" coords="30,252,29,289,83,300,80,259"
               alt="texte
                  fenetre3" href="fenetre3" />
        <area shape="poly"
                  coords="105,264,106,304,160,315,158,270,158,271"
        alt="texte
                  fenetre 4" href="fenetre 4" />
        </map>

                  C'est cette partie là que tu met dans le contenu avec le
               code qu'a
                  donné Gaelle.

                  Sinon, une image sur internet cela ne peut être un
        fichier psd,
                  mais un png/gif/jpg .

                  psd c'est illisible.

                  Denis

                  Le 13/02/2010 17:59, Steph Anie a écrit :

                      Bonjour Gaëlle et merci pour ra réponse.

                      J'ai essayé plusieurs trucs sans succès;
        décidément, je n'y
                      arrive pas...
                      Tu pourrais jeter un œil sur cet article
        <http://www.photos-synthese.com/Test-image-map.html> et
                      m'expliquer plus à fond ce que je dois faire ?

                      Merci beaucoup pour ton temps !!!

                      Steph
                      SPIP 2.0.7, squelette Sarka-SPIP 3.0.0 beta2

                      Le 13 février 2010 17:06, Gaelle Faure
        <fauregaelle2010
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>
        <mailto:fauregaelle2010@gmail.com
        <mailto:fauregaelle2010@gmail.com>>>>> a écrit :

                         Bonjour

                         Tu peux copier/coller le code dans l'article
        1 (depuis
                      l'interface
                         de l'admin, comme quand tu écris un article
        classique)

        <img border="0" alt="texte alternatif de l'image"
               usemap="#Map"
                         src="chemin de l'image sur le serveur" />
        <map name="Map">
                         et ensuite le code de l'image mappée.

                         Gaelle

                         Le 13 février 2010 16:10, Steph Anie
        <steph.anie.en.bretagne
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>
        <mailto:steph.anie.en.bretagne@gmail.com
        <mailto:steph.anie.en.bretagne@gmail.com>>>>> a écrit :

                             Bonjour,

                             J'ai créé une image mappée sous photoshop
        CS3. J'ai
                      récupéré
                             le code dans un fichier html.

                             Question : comment faire pour que cette image
                      apparaisse dans
                             mon article 1 (Edito de bienvenue de mon
        sommaire) ?

                             - Faut-il charger le fichier html entier
        quelque
               part dans
                             public_html ? Et si oui, où exactement ?
                             - Ou bien faut-il plutôt insérer le code
        dans un
                      fichier déjà
                             existant ? Et si oui, lequel ? Et à quel
        endroit
               dans
                      ce fichier ?

                             Je vous remercie par avance de vos réponses
               détaillées à
                             l'usage d'une personne qui ne s'y connaît pas
               trop mais
                             souhaite progresser.

                             Steph
                             SPIP 2.0.10 [14698] | Sarka-SPIP 3.0.2
        [34520]

                                    _______________________________________________
                             liste spip
        spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>>
        <mailto:spip@rezo.net
        <mailto:spip@rezo.net>>
        <mailto:spip@rezo.net
        <mailto:spip@rezo.net>
        <mailto:spip@rezo.net
        <mailto:spip@rezo.net>>> - désabonnement

                      : envoyer
                             un mail à spip-off@rezo.net
        <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>
        <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>>

                             Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

                             Documentation de SPIP : http://www.spip.net/

                             Irc : de l'aide à toute heure :
        http://spip.net/irc

                         -- Gaëlle.

                      _______________________________________________
                      liste spip
        spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>>
        <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement
               : envoyer
                      un mail à spip-off@rezo.net
        <mailto:spip-off@rezo.net> <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>
        <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>

                      Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

                      Documentation de SPIP : http://www.spip.net/

                      Irc : de l'aide à toute heure : http://spip.net/irc

                  _______________________________________________
                  liste spip
        spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>
        <mailto:spip@rezo.net>> - désabonnement
        : envoyer un
                  mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net
        <mailto:spip-off@rezo.net>>

                  Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

                  Documentation de SPIP : http://www.spip.net/

                  Irc : de l'aide à toute heure : http://spip.net/irc

                      ------------------------------------------------------------------------

               _______________________________________________
               liste spip
        spip@rezo.net <mailto:spip@rezo.net> <mailto:spip@rezo.net
        <mailto:spip@rezo.net>> - désabonnement : envoyer
               un mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
        <mailto:spip-off@rezo.net>

               Infos et archives :
        http://listes.rezo.net/mailman/listinfo/spip
        Discuter chez rezo.net

               Documentation de SPIP : http://www.spip.net/

               Irc : de l'aide à toute heure : http://spip.net/irc

           -- Bernard Blazin - Développement Internet Ingénieur
        ENSAM promo 1978

           Bernard Blazin Point Com
           9 rue de la Rose
           77320 Montolivet
           Tel 01 64 20 98 49
        http://www.bernardblazin.com

    -- Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

    Bernard Blazin Point Com
    9 rue de la Rose
    77320 Montolivet
    Tel 01 64 20 98 49
    http://www.bernardblazin.com